@astral/ui 4.18.0-rc.2 → 4.18.0

package/node/components/DatePicker/DateCalendar/DateCalendarHead/styles.d.ts

@@ -12,7 +12,7 @@ export declare const HeadText: import("@emotion/styled/dist/declarations/src/typ
     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" | "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" | "center" | "text" | "big" | "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" | "stop" | "switch" | "textPath" | "tspan" | "use" | "view" | import("react").ComponentType<any>) | 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;
     isUpperCase?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;

package/node/components/DatePicker/DateCalendar/DateCalendarWrapper/DateCalendarWrapper.d.ts

@@ -1,3 +1,3 @@
 import { type PropsWithChildren } from 'react';
 export type DateCalendarWrapperProps = PropsWithChildren;
-export declare const DateCalendarWrapper: (props: DateCalendarWrapperProps) => JSX.Element;
+export declare const DateCalendarWrapper: (props: DateCalendarWrapperProps) => import("react/jsx-runtime").JSX.Element;

package/node/components/DatePicker/DateCalendar/DateCalendarWrapper/styles.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 export declare const Wrapper: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/node/components/DatePicker/DatePicker.d.ts

@@ -70,7 +70,7 @@ export declare const DatePicker: import("react").ForwardRefExoticComponent<Monda
     onBlur?: (() => void) | undefined;
     onOpen?: (() => void) | undefined;
     onClose?: ((event?: SyntheticEvent<Element, Event> | Event, reason?: CloseEventReason) => void) | undefined;
-    inputProps?: Omit<TextFieldProps, "onChange" | "ref" | "value"> | undefined;
+    inputProps?: Omit<TextFieldProps, "ref" | "onChange" | "value"> | undefined;
     inputRef?: RefObject<HTMLInputElement> | undefined;
     /**
      * Блокирует взаимодействие с элементом

package/node/components/DatePicker/DatePickerInput/styles.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 export declare const Wrapper: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledMaskField: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../../MaskField").MaskFieldProps, "ref"> & import("react").RefAttributes<HTMLInputElement> & {
     theme?: import("@emotion/react").Theme | undefined;

package/node/components/DatePicker/DatePickerPopover/DatePickerPopover.d.ts

@@ -7,4 +7,4 @@ export type DatePickerPopperProps = PropsWithChildren<Omit<WithoutEmotionSpecifi
      */
     onClose: () => void;
 }>;
-export declare const DatePickerPopover: ({ children, onMouseEnter, onMouseLeave, onClose, anchorEl, title, open, ...props }: DatePickerPopperProps) => JSX.Element;
+export declare const DatePickerPopover: ({ children, onMouseEnter, onMouseLeave, onClose, anchorEl, title, open, ...props }: DatePickerPopperProps) => import("react/jsx-runtime").JSX.Element;

package/node/components/DatePicker/DatePickerPopover/styles.d.ts

@@ -1,23 +1,14 @@
 /// <reference types="react" />
-export declare const StyledPopper: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("@mui/base").PopperProps<"div">, "direction"> & {
-    component?: import("react").ElementType<any> | undefined;
-    components?: {
-        Root?: import("react").ElementType<any> | undefined;
-    } | undefined;
-    componentsProps?: {
-        root?: import("@mui/base").SlotComponentProps<"div", import("@mui/base").PopperRootSlotPropsOverrides, import("@mui/base").PopperOwnProps> | undefined;
-    } | undefined;
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-} & import("react").RefAttributes<HTMLDivElement> & {
+export declare const StyledPopper: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("@mui/material").PopperProps & import("react").RefAttributes<HTMLDivElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 export declare const AnimatedWrapper: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     $isOpen?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const InnerContainer: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/node/components/DatePicker/DayPicker/DayPicker.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type CommonDateCalendarHeadProps } from '../DateCalendar';
 import { type PickerProps, type WithDoubleNavigationButtons } from '../types';
 export type MondayFirst = {
@@ -9,5 +8,5 @@ export type MondayFirst = {
     isMondayFirst?: boolean;
 };
 type DateDayPickerProps = MondayFirst & CommonDateCalendarHeadProps & PickerProps & WithDoubleNavigationButtons;
-export declare const DayPicker: ({ date: initialDate, selectedDate, onChange, isMondayFirst, rangeDate, onDayHover, hoveredDayDate, isDoubleNavigationButtonsEnabled, ...headProps }: DateDayPickerProps) => JSX.Element;
+export declare const DayPicker: ({ date: initialDate, selectedDate, onChange, isMondayFirst, rangeDate, onDayHover, hoveredDayDate, isDoubleNavigationButtonsEnabled, ...headProps }: DateDayPickerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/node/components/DatePicker/DayPicker/Head/Head.d.ts

@@ -2,5 +2,5 @@
 type DateCalendarMonthGridHeadProps = {
     isMondayFirst?: boolean;
 };
-export declare const Head: import("react").MemoExoticComponent<({ isMondayFirst }: DateCalendarMonthGridHeadProps) => JSX.Element>;
+export declare const Head: import("react").MemoExoticComponent<({ isMondayFirst }: DateCalendarMonthGridHeadProps) => import("react/jsx-runtime").JSX.Element>;
 export {};

package/node/components/DatePicker/DayPicker/Head/styles.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 export declare const Wrapper: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/node/components/DatePicker/DayPicker/styles.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 export declare const Body: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/node/components/DatePicker/MinMaxDateContext/MinMaxDateContextProvider/MinMaxDateContextProvider.d.ts

@@ -1,3 +1,3 @@
 import { type PropsWithChildren } from 'react';
 import { type MinMaxDate } from '../../types';
-export declare const MinMaxDateContextProvider: ({ maxDate, minDate, children, }: PropsWithChildren<Partial<MinMaxDate>>) => JSX.Element;
+export declare const MinMaxDateContextProvider: ({ maxDate, minDate, children, }: PropsWithChildren<Partial<MinMaxDate>>) => import("react/jsx-runtime").JSX.Element;

package/node/components/DatePicker/MonthPicker/MonthPicker.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { type CommonDateCalendarHeadProps } from '../DateCalendar';
 import { type PickerProps } from '../types';
 type DateMonthPickerProps = PickerProps & CommonDateCalendarHeadProps;
-export declare const MonthPicker: ({ date: initialDate, selectedDate, onChange, rangeDate, ...headProps }: DateMonthPickerProps) => JSX.Element;
+export declare const MonthPicker: ({ date: initialDate, selectedDate, onChange, rangeDate, ...headProps }: DateMonthPickerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/node/components/DatePicker/PopoverHoveredContext/PopoverHoveredContext.d.ts

@@ -6,5 +6,5 @@ type PopoverHoveredContextValue = {
  * Контекст, позволяющий хранить значение hovered поповера календаря и использовать его внутри компонентов
  */
 export declare const PopoverHoveredContext: import("react").Context<PopoverHoveredContextValue>;
-export declare const PopoverHoveredContextProvider: ({ popoverHovered, children, }: PropsWithChildren<PopoverHoveredContextValue>) => JSX.Element;
+export declare const PopoverHoveredContextProvider: ({ popoverHovered, children, }: PropsWithChildren<PopoverHoveredContextValue>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/node/components/DatePicker/YearMonthDayPicker/YearMonthDayPicker.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { type MondayFirst } from '../DayPicker';
 import { type PickerProps, type WithDoubleNavigationButtons } from '../types';
 type YearMonthDayPickerProps = PickerProps & MondayFirst & WithDoubleNavigationButtons;
-export declare const YearMonthDayPicker: ({ onChange, date: initialDate, rangeDate, selectedDate, isMondayFirst, hoveredDayDate, onDayHover, isDoubleNavigationButtonsEnabled, }: YearMonthDayPickerProps) => JSX.Element;
+export declare const YearMonthDayPicker: ({ onChange, date: initialDate, rangeDate, selectedDate, isMondayFirst, hoveredDayDate, onDayHover, isDoubleNavigationButtonsEnabled, }: YearMonthDayPickerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/node/components/DatePicker/YearPicker/YearPicker.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { type CommonDateCalendarHeadProps } from '../DateCalendar';
 import { type PickerProps } from '../types';
 type DateYearPickerProps = PickerProps & CommonDateCalendarHeadProps;
-export declare const YearPicker: ({ date: initialDate, selectedDate, onChange, rangeDate, ...headProps }: DateYearPickerProps) => JSX.Element;
+export declare const YearPicker: ({ date: initialDate, selectedDate, onChange, rangeDate, ...headProps }: DateYearPickerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,18 +1,16 @@
 /// <reference types="react" />
-export declare const ConfirmButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "variant"> & {
-    variant?: "light" | "link" | "outlined" | "contained" | "text" | undefined;
+export declare const ConfirmButton: 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;
     loading?: boolean | undefined;
     color?: "grey" | "error" | "success" | "warning" | "primary" | undefined;
     component?: import("react").ElementType | undefined;
     selected?: boolean | undefined;
-} & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, ""> & import("react").RefAttributes<HTMLButtonElement> & {
+} & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 export declare const ButtonWrapper: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledPaper: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../Paper").PaperProps, "ref"> & import("react").RefAttributes<HTMLDivElement> & {
     theme?: import("@emotion/react").Theme | undefined;

package/node/components/DatePicker/useLogic/useLogic.d.ts

@@ -16,7 +16,7 @@ export declare const useLogic: ({ label, value, maxDate, minDate, mask, onOpen,
     };
     onAccept: ((value: string, maskRef: import("imask").default.InputMask<import("imask").default.AnyMaskedOptions>, e?: InputEvent | undefined, onChange?: ((changeValue: string) => void) | undefined) => void) | undefined;
     pickerProps: import("../types").PickerProps;
-    ref: import("react").RefObject<HTMLDivElement>;
+    ref: import("react").RefObject<HTMLDivElement | null>;
     isMobile: boolean;
     datePickerProps: {
         open: boolean;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 export declare const StyledDatePickerInput: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<Omit<import("..").MaskFieldProps, "mask" | "autofix"> & {
     mask: string;
-    inputProps?: Omit<import("@mui/material").InputBaseComponentProps | undefined, "onClick" | "ref"> | undefined;
+    inputProps?: Omit<import("@mui/material").InputBaseComponentProps | undefined, "ref" | "onClick"> | undefined;
 }, "ref"> & import("react").RefAttributes<HTMLInputElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
@@ -10,5 +10,5 @@ export declare const StyledPaper: import("@emotion/styled/dist/declarations/src/
 }, {}, {}>;
 export declare const PickerSplitter: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/node/components/DateRangePicker/useLogic/useLogic.d.ts

@@ -2,15 +2,15 @@ import { type ForwardedRef, type SyntheticEvent } from 'react';
 import { type DateRangePickerProps } from '../DateRangePicker';
 type UseLogicParams = DateRangePickerProps;
 export declare const useLogic: ({ value, minDate, maxDate, mask, onChange, onOpen, onClose, onBlur, }: UseLogicParams, forwardedRef: ForwardedRef<HTMLDivElement>) => {
-    ref: import("react").RefObject<HTMLDivElement>;
+    ref: import("react").RefObject<HTMLDivElement | null>;
     startDatePickerInputProps: {
-        ref: import("react").RefObject<HTMLInputElement>;
+        ref: import("react").RefObject<HTMLInputElement | null>;
         value: string;
         onAccept: (_: string, maskRef: IMask.InputMask<IMask.AnyMaskedOptions>) => void;
         onClick: (e: SyntheticEvent) => void;
     };
     endDatePickerInputProps: {
-        ref: import("react").RefObject<HTMLInputElement>;
+        ref: import("react").RefObject<HTMLInputElement | null>;
         value: string;
         onAccept: (_: string, maskRef: IMask.InputMask<IMask.AnyMaskedOptions>) => void;
         onClick: (e: SyntheticEvent) => void;

package/node/components/Description/Description.d.ts

@@ -28,7 +28,7 @@ export type DescriptionProps = {
     direction?: 'default' | 'column' | 'row';
 };
 export declare const Description: {
-    (props: DescriptionProps): JSX.Element;
-    Name: ({ children, color, ...props }: import("./Name").NameProps) => JSX.Element;
-    Value: (props: import("./Value").ValueProps) => JSX.Element;
+    (props: DescriptionProps): import("react/jsx-runtime").JSX.Element;
+    Name: ({ children, color, ...props }: import("./Name").NameProps) => import("react/jsx-runtime").JSX.Element;
+    Value: (props: import("./Value").ValueProps) => import("react/jsx-runtime").JSX.Element;
 };

package/node/components/Description/DescriptionContext/DescriptionContextProvider/DescriptionContextProvider.d.ts

@@ -3,5 +3,5 @@ import { type DescriptionContextProps } from '../DescriptionContext';
 type Props = DescriptionContextProps & {
     children: ReactNode;
 };
-export declare const DescriptionContextProvider: ({ children, leader, separator, direction, }: Props) => JSX.Element;
+export declare const DescriptionContextProvider: ({ children, leader, separator, direction, }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/node/components/Description/Name/Name.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type TypographyProps } from '../../Typography';
 export type NameProps = Pick<TypographyProps, 'color' | 'variant' | 'children'>;
-export declare const Name: ({ children, color, ...props }: NameProps) => JSX.Element;
+export declare const Name: ({ children, color, ...props }: NameProps) => import("react/jsx-runtime").JSX.Element;

package/node/components/Description/Name/styles.d.ts

@@ -4,10 +4,10 @@ type WrapperProps = {
 };
 export declare const Wrapper: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & WrapperProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
 export declare const DashedSeparator: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export {};

package/node/components/Description/Value/Value.d.ts

@@ -23,4 +23,4 @@ export type ValueProps = Pick<TypographyProps, 'color' | 'variant' | 'children'>
      */
     isHidePersonalData?: boolean;
 };
-export declare const Value: (props: ValueProps) => JSX.Element;
+export declare const Value: (props: ValueProps) => import("react/jsx-runtime").JSX.Element;

package/node/components/Description/Value/styles.d.ts

@@ -18,7 +18,7 @@ export declare const StyledTypography: import("@emotion/styled/dist/declarations
     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" | "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" | "center" | "text" | "big" | "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" | "stop" | "switch" | "textPath" | "tspan" | "use" | "view" | import("react").ComponentType<any>) | 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;
     isUpperCase?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
@@ -33,7 +33,7 @@ export declare const StyledCopyTypography: import("@emotion/styled/dist/declarat
     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" | "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" | "center" | "text" | "big" | "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" | "stop" | "switch" | "textPath" | "tspan" | "use" | "view" | import("react").ComponentType<any>) | 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;
     isUpperCase?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & {
     copyText?: string | undefined;
@@ -46,6 +46,6 @@ export declare const StyledCopyTypography: import("@emotion/styled/dist/declarat
 } & StyledCopyTypographyProps, {}, {}>;
 export declare const Wrapper: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
 export {};

package/node/components/Description/Value/useLogic/useLogic.d.ts

@@ -2,7 +2,7 @@
 import { type ValueProps } from '../Value';
 type UseLogicParams = ValueProps;
 export declare const useLogic: ({ canCopy, children, stub }: UseLogicParams) => {
-    valueToRender: string | number | true | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactFragment;
+    valueToRender: string | number | bigint | true | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined>;
     isDefaultValueRender: boolean;
     leader: boolean;
     direction: string;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 export declare const Wrapper: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     $justifyContent?: "start" | "space-between" | undefined;
     $direction?: "default" | "row" | "column" | undefined;

package/node/components/DescriptionCell/DescriptionCell.d.ts

@@ -1,20 +1,2 @@
-import { type ReactNode } from 'react';
-export type DescriptionCellProps = {
-    /**
-     * Заголовок элемента таблицы
-     */
-    title: ReactNode;
-    /**
-     * Иконка элемента таблицы
-     */
-    icon?: ReactNode;
-    /**
-     * Подзаголовок элемента таблицы
-     */
-    subtitle?: ReactNode;
-    /**
-     * Позиционирует иконку (слева/справа от текста)
-     */
-    iconPosition?: 'left' | 'right';
-};
-export declare const DescriptionCell: ({ title, icon, subtitle, iconPosition, }: DescriptionCellProps) => JSX.Element;
+import type { DescriptionCellProps } from './types';
+export declare const DescriptionCell: ({ title, icon, subtitle, iconPosition, }: DescriptionCellProps) => import("react/jsx-runtime").JSX.Element;

package/node/components/DescriptionCell/DescriptionCell.js

@@ -4,7 +4,9 @@ exports.DescriptionCell = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const Typography_1 = require("../Typography");
 const styles_1 = require("./styles");
+const useLogic_1 = require("./useLogic");
 const DescriptionCell = ({ title, icon, subtitle, iconPosition = 'left', }) => {
-    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { "$iconPosition": iconPosition, "$icon": icon, children: [(0, jsx_runtime_1.jsx)(styles_1.IconWrapper, { children: icon }), (0, jsx_runtime_1.jsxs)(styles_1.ItemWrapper, { children: [(0, jsx_runtime_1.jsx)(Typography_1.Typography, { children: title }), subtitle && ((0, jsx_runtime_1.jsx)(Typography_1.Typography, { color: "textSecondary", variant: "caption", children: subtitle }))] })] }));
+    const { classnames } = (0, useLogic_1.useLogic)({ icon, iconPosition });
+    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { className: classnames, children: [(0, jsx_runtime_1.jsx)(styles_1.IconWrapper, { children: icon }), (0, jsx_runtime_1.jsxs)(styles_1.ItemWrapper, { children: [(0, jsx_runtime_1.jsx)(Typography_1.Typography, { children: title }), subtitle && ((0, jsx_runtime_1.jsx)(Typography_1.Typography, { color: "textSecondary", variant: "caption", children: subtitle }))] })] }));
 };
 exports.DescriptionCell = DescriptionCell;

package/node/components/DescriptionCell/constants.d.ts

@@ -0,0 +1,5 @@
+export declare const descriptionCellClassnames: {
+    root: string;
+    hasIcon: string;
+    iconRight: string;
+};

package/node/components/DescriptionCell/constants.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.descriptionCellClassnames = void 0;
+const utils_1 = require("../utils");
+exports.descriptionCellClassnames = {
+    root: (0, utils_1.createUIKitClassname)('description-cell'),
+    hasIcon: (0, utils_1.createUIKitClassname)('description-cell_has-icon'),
+    iconRight: (0, utils_1.createUIKitClassname)('description-cell_icon-right'),
+};

package/node/components/DescriptionCell/index.d.ts

@@ -1 +1,3 @@
-export { DescriptionCell, type DescriptionCellProps } from './DescriptionCell';
+export { DescriptionCell } from './DescriptionCell';
+export type { DescriptionCellProps } from './types';
+export { descriptionCellClassnames } from './constants';

package/node/components/DescriptionCell/index.js

@@ -1,5 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DescriptionCell = void 0;
+exports.descriptionCellClassnames = exports.DescriptionCell = void 0;
 var DescriptionCell_1 = require("./DescriptionCell");
 Object.defineProperty(exports, "DescriptionCell", { enumerable: true, get: function () { return DescriptionCell_1.DescriptionCell; } });
+var constants_1 = require("./constants");
+Object.defineProperty(exports, "descriptionCellClassnames", { enumerable: true, get: function () { return constants_1.descriptionCellClassnames; } });

package/node/components/DescriptionCell/public.d.ts

@@ -1 +1,3 @@
-export { DescriptionCell, type DescriptionCellProps } from './DescriptionCell';
+export { descriptionCellClassnames } from './constants';
+export { DescriptionCell } from './DescriptionCell';
+export type { DescriptionCellProps } from './types';

package/node/components/DescriptionCell/public.js

@@ -1,5 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DescriptionCell = void 0;
+exports.DescriptionCell = exports.descriptionCellClassnames = void 0;
+var constants_1 = require("./constants");
+Object.defineProperty(exports, "descriptionCellClassnames", { enumerable: true, get: function () { return constants_1.descriptionCellClassnames; } });
 var DescriptionCell_1 = require("./DescriptionCell");
 Object.defineProperty(exports, "DescriptionCell", { enumerable: true, get: function () { return DescriptionCell_1.DescriptionCell; } });

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

@@ -1,16 +1,13 @@
-import { type ReactNode } from 'react';
+/// <reference types="react" />
 export declare const Wrapper: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    $iconPosition?: string | undefined;
-    $icon: ReactNode;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const IconWrapper: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ItemWrapper: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/node/components/DescriptionCell/styles.js

@@ -3,13 +3,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ItemWrapper = exports.IconWrapper = exports.Wrapper = void 0;
 const material_1 = require("@mui/material");
 const styled_1 = require("../styled");
-exports.Wrapper = (0, styled_1.styled)('div', {
-    shouldForwardProp: (prop) => !['$iconPosition', '$icon'].includes(prop),
-}) `
+const constants_1 = require("./constants");
+exports.Wrapper = styled_1.styled.div `
   display: flex;
-  flex-direction: ${({ $iconPosition }) => $iconPosition === 'right' && 'row-reverse'};
-  gap: ${({ theme, $icon }) => $icon && theme.spacing(2)};
   align-items: center;
+
+  &.${constants_1.descriptionCellClassnames.hasIcon} {
+    gap: ${({ theme }) => theme.spacing(2)};
+  }
+
+  &.${constants_1.descriptionCellClassnames.iconRight} {
+    flex-direction: row-reverse;
+  }
 `;
 exports.IconWrapper = styled_1.styled.div `
   & > svg {

package/node/components/DescriptionCell/types.d.ts

@@ -0,0 +1,19 @@
+import type { ReactNode } from 'react';
+export type DescriptionCellProps = {
+    /**
+     * Заголовок элемента таблицы
+     */
+    title: ReactNode;
+    /**
+     * Иконка элемента таблицы
+     */
+    icon?: ReactNode;
+    /**
+     * Подзаголовок элемента таблицы
+     */
+    subtitle?: ReactNode;
+    /**
+     * Позиционирует иконку (слева/справа от текста)
+     */
+    iconPosition?: 'left' | 'right';
+};

package/node/components/DescriptionCell/useLogic/useLogic.d.ts

@@ -0,0 +1,6 @@
+import type { DescriptionCellProps } from '../types';
+type UseLogicParams = Pick<DescriptionCellProps, 'icon' | 'iconPosition'>;
+export declare const useLogic: ({ icon, iconPosition }: UseLogicParams) => {
+    classnames: string;
+};
+export {};

package/node/components/DescriptionCell/useLogic/useLogic.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLogic = void 0;
+const react_1 = require("react");
+const utils_1 = require("../../utils");
+const constants_1 = require("../constants");
+const useLogic = ({ icon, iconPosition = 'left' }) => {
+    const classnames = (0, react_1.useMemo)(() => (0, utils_1.classNames)(constants_1.descriptionCellClassnames.root, {
+        [constants_1.descriptionCellClassnames.hasIcon]: Boolean(icon),
+        [constants_1.descriptionCellClassnames.iconRight]: Boolean(icon) && iconPosition === 'right',
+    }), [icon, iconPosition]);
+    return { classnames };
+};
+exports.useLogic = useLogic;

package/node/components/DescriptionList/DescriptionList.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { DescriptionListProps } from './types';
-export declare const DescriptionList: ({ items, variant: listVariant, title, direction, ...props }: DescriptionListProps) => JSX.Element;
+export declare const DescriptionList: ({ items, variant: listVariant, title, direction, ...props }: DescriptionListProps) => import("react/jsx-runtime").JSX.Element;