@astral/ui 4.61.3 → 4.62.1-rc.0

package/components/fileUploading/PreviewFileUploader/PreviewFileUploader.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
 import { type UsePreviewFileUploaderParams } from '../hooks/usePreviewFileUploader';
 export type PreviewFileUploaderProps = UsePreviewFileUploaderParams;
-export declare const PreviewFileUploader: import("react").ForwardRefExoticComponent<Pick<import("../types").FileUploaderProps, "className" | "label" | "name" | "placeholder" | "isDisabled" | "isError" | "inputRef" | "helperText" | "maxFileSize" | "onUploadFile" | "getErrorMessage" | "restrictions" | "notify" | "onDeleteFile" | "onView" | "generateDownloadLink"> & {
-    value: import("../types").UploadFile | null | undefined;
+export declare const PreviewFileUploader: import("react").ForwardRefExoticComponent<Pick<import("..").FileUploaderProps, "className" | "label" | "name" | "placeholder" | "isDisabled" | "isError" | "inputRef" | "helperText" | "maxFileSize" | "onUploadFile" | "getErrorMessage" | "restrictions" | "notify" | "onDeleteFile" | "onView" | "generateDownloadLink"> & {
+    value: import("..").UploadFile | null | undefined;
     accept?: string[] | undefined;
     placeholderImgSrc?: string | undefined;
     isHidePersonalData?: boolean | undefined;
     PdfViewer?: import("react").LazyExoticComponent<(props: import("../../PdfViewer").PdfViewerProps) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>> | ((props: import("../../PdfViewer").PdfViewerProps) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>) | undefined;
-    onChange: (value: import("../types").UploadFile | null) => void;
+    onChange: (value: import("..").UploadFile | null) => void;
 } & import("react").RefAttributes<HTMLDivElement>>;

package/components/fileUploading/index.d.ts

@@ -0,0 +1,8 @@
+export { type RestrictionFn, type RestrictionFnResult, type UploadedFileData, type UploadFile, type FileUploaderNotify, type FileUploaderProps, type FileId, FileUploader, } from './FileUploader';
+export { type FileUploaderDropZoneProps, FileUploaderDropzone, } from './FileUploaderDropzone';
+export { FileUploaderFile, type FileUploaderFileProps, } from './FileUploaderFile';
+export { type UseFileUploaderParams, type UsePreviewFileUploaderParams, useFileUploader, usePreviewFileUploader, } from './hooks';
+export { PreviewFileUploader, type PreviewFileUploaderProps, } from './PreviewFileUploader';
+export { PreviewFileUploaderDropZone, type PreviewFileUploaderDropZoneProps, } from './PreviewFileUploaderDropZone';
+export { PreviewFileUploaderFile, type PreviewFileUploaderFileProps, } from './PreviewFileUploaderFile';
+export { fileUploaderClassnames, previewFileUploaderClassnames, } from './constants';

package/components/fileUploading/index.js

@@ -0,0 +1,8 @@
+export { FileUploader, } from './FileUploader';
+export { FileUploaderDropzone, } from './FileUploaderDropzone';
+export { FileUploaderFile, } from './FileUploaderFile';
+export { useFileUploader, usePreviewFileUploader, } from './hooks';
+export { PreviewFileUploader, } from './PreviewFileUploader';
+export { PreviewFileUploaderDropZone, } from './PreviewFileUploaderDropZone';
+export { PreviewFileUploaderFile, } from './PreviewFileUploaderFile';
+export { fileUploaderClassnames, previewFileUploaderClassnames, } from './constants';

package/components/placeholders/index.d.ts

@@ -0,0 +1,4 @@
+export { InternalErrorPlaceholder } from './InternalErrorPlaceholder';
+export { LoadingPlaceholder, loadingPlaceholderClassnames, } from './LoadingPlaceholder';
+export { OutdatedReleasePlaceholder } from './OutdatedReleasePlaceholder';
+export { type PlaceholderImageProps, Placeholder, type PlaceholderProps, type PlaceholderSize, } from './Placeholder';

package/components/placeholders/index.js

@@ -0,0 +1,4 @@
+export { InternalErrorPlaceholder } from './InternalErrorPlaceholder';
+export { LoadingPlaceholder, loadingPlaceholderClassnames, } from './LoadingPlaceholder';
+export { OutdatedReleasePlaceholder } from './OutdatedReleasePlaceholder';
+export { Placeholder, } from './Placeholder';

package/components/transitions/index.d.ts

@@ -0,0 +1,4 @@
+export { Fade, type FadeProps } from './Fade';
+export { Grow, type GrowProps } from './Grow';
+export { Slide, type SlideProps } from './Slide';
+export { Zoom, type ZoomProps } from './Zoom';

package/components/transitions/index.js

@@ -0,0 +1,4 @@
+export { Fade } from './Fade';
+export { Grow } from './Grow';
+export { Slide } from './Slide';
+export { Zoom } from './Zoom';

package/components/types/index.d.ts

@@ -0,0 +1,4 @@
+export * from './CalendarGridBuilder';
+export * from './CloseEventReason';
+export * from './ProductionCalendar';
+export * from './WithoutEmotionSpecific';

package/components/types/index.js

@@ -0,0 +1,4 @@
+export * from './CalendarGridBuilder';
+export * from './CloseEventReason';
+export * from './ProductionCalendar';
+export * from './WithoutEmotionSpecific';

package/components/utils/index.d.ts

@@ -0,0 +1,16 @@
+export * from './classNames';
+export * from './createUIKitClassname';
+export * from './mergeDeep';
+export * from './prop';
+export * from './uniqBy';
+export * from './uniqueBy';
+export * from './generateLocalStorageKey';
+export * from './getNodeText';
+export * from './redirectToLink';
+export * from './checkIsDeepEqual';
+export * from './differenceWith';
+export * from './isEmpty';
+export * from './mergeDeep';
+export * from './prop';
+export * from './uniqBy';
+export * from './uniqueBy';

package/components/utils/index.js

@@ -0,0 +1,16 @@
+export * from './classNames';
+export * from './createUIKitClassname';
+export * from './mergeDeep';
+export * from './prop';
+export * from './uniqBy';
+export * from './uniqueBy';
+export * from './generateLocalStorageKey';
+export * from './getNodeText';
+export * from './redirectToLink';
+export * from './checkIsDeepEqual';
+export * from './differenceWith';
+export * from './isEmpty';
+export * from './mergeDeep';
+export * from './prop';
+export * from './uniqBy';
+export * from './uniqueBy';

package/hook-form/external.d.ts

@@ -0,0 +1 @@
+export { Controller as FormController, type ControllerProps as FormControllerProps, type Field as FormField, type FieldArray as FormFieldArray, type FieldArrayPath as FormFieldArrayPath, type FieldArrayWithId as FormFieldArrayWithId, type FieldError as FormFieldError, type FieldErrors as FormFieldErrors, type FieldPath as FormFieldPath, type FieldValues as FormFieldValues, type Path as FormPath, type RegisterOptions as FormRegisterOptions, type Resolver as FormResolver, type UseControllerProps as UseFormControllerProps, type UseFormGetValues, type UseWatchProps as UseFormWatchProps, useController as useFormController, useFieldArray as useFormFieldArray, useWatch as useFormWatch, } from 'react-hook-form';

package/hook-form/external.js

@@ -0,0 +1 @@
+export { Controller as FormController, useController as useFormController, useFieldArray as useFormFieldArray, useWatch as useFormWatch, } from 'react-hook-form';

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

@@ -315,7 +315,7 @@ export declare const useMainActions: <TMainActionComponent extends ElementType>(
         divider?: boolean | undefined;
         disabledReason?: string | undefined;
         note?: string | undefined;
-        tooltipPlacement?: "bottom" | "left" | "right" | "top" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | undefined;
+        tooltipPlacement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
         component?: ElementType | undefined;
         href?: string | undefined;
         css?: import("@emotion/serialize").Interpolation<import("@emotion/react").Theme>;

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

@@ -3,7 +3,7 @@ import MuiAutocomplete from '@mui/material/Autocomplete';
 export declare const StyledMenuItem: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("..").WithoutEmotionSpecific<Omit<import("@mui/material").MenuItemProps, "component">> & {
     disabledReason?: string | undefined;
     note?: string | undefined;
-    tooltipPlacement?: "bottom" | "left" | "right" | "top" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | undefined;
+    tooltipPlacement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
     component?: import("react").ElementType | undefined;
     href?: string | undefined;
 } & import("react").ClassAttributes<HTMLLIElement> & import("react").LiHTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement> & {

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

@@ -589,6 +589,7 @@ export declare const useLogic: ({ children, copyPosition, copyText, isShowCopyTe
         onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
         onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
         open?: boolean | undefined;
+        width?: import("csstype").Property.Width<string | number> | undefined;
         size?: import("../..").TooltipSize | undefined;
         componentsProps?: {
             popper?: (Partial<import("@mui/material").PopperProps> & import("@mui/material").TooltipComponentsPropsOverrides) | undefined;
@@ -626,7 +627,7 @@ export declare const useLogic: ({ children, copyPosition, copyText, isShowCopyTe
         leaveDelay?: number | undefined;
         leaveTouchDelay?: number | undefined;
         onOpen?: ((event: SyntheticEvent<Element, Event>) => void) | undefined;
-        placement?: "bottom" | "left" | "right" | "top" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | undefined;
+        placement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
         PopperComponent?: import("react").JSXElementConstructor<import("@mui/material").PopperProps> | undefined;
         PopperProps?: Partial<import("@mui/material").PopperProps> | undefined;
         withoutContainer?: boolean | undefined;

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

@@ -0,0 +1,3 @@
+export declare const StyledMinimalisticPagination: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("../MinimalisticPagination").MinimalisticPaginationProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;

package/node/components/DataGridMinimalisticPagination/styles.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledMinimalisticPagination = void 0;
+const MinimalisticPagination_1 = require("../MinimalisticPagination");
+const styled_1 = require("../styled");
+exports.StyledMinimalisticPagination = (0, styled_1.styled)(MinimalisticPagination_1.MinimalisticPagination) `
+  justify-content: end;
+`;

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

@@ -321,6 +321,7 @@ export declare const StyledCopyTypography: import("@emotion/styled/dist/declarat
         onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
         onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
         open?: boolean | undefined;
+        width?: import("csstype").Property.Width<string | number> | undefined;
         size?: import("../..").TooltipSize | undefined;
         componentsProps?: {
             popper?: (Partial<import("@mui/material").PopperProps> & import("@mui/material").TooltipComponentsPropsOverrides) | undefined;
@@ -358,7 +359,7 @@ export declare const StyledCopyTypography: import("@emotion/styled/dist/declarat
         leaveDelay?: number | undefined;
         leaveTouchDelay?: number | undefined;
         onOpen?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
-        placement?: "bottom" | "left" | "right" | "top" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | undefined;
+        placement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
         PopperComponent?: import("react").JSXElementConstructor<import("@mui/material").PopperProps> | undefined;
         PopperProps?: Partial<import("@mui/material").PopperProps> | undefined;
         withoutContainer?: boolean | undefined;

package/node/components/HintIcon/HintIcon.d.ts

@@ -1,2 +1,2 @@
 import { type HintIconProps } from './types';
-export declare const HintIcon: ({ variant, title, note, iconOption, tooltipPlacement, renderIcon, }: HintIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const HintIcon: ({ variant, title, note, iconOption, tooltipPlacement, renderIcon, tooltipWidth, }: HintIconProps) => import("react/jsx-runtime").JSX.Element;

package/node/components/HintIcon/HintIcon.js

@@ -6,8 +6,8 @@ const BottomDrawer_1 = require("../BottomDrawer");
 const Icon_1 = require("./Icon");
 const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
-const HintIcon = ({ variant, title, note, iconOption, tooltipPlacement = 'bottom', renderIcon, }) => {
+const HintIcon = ({ variant, title, note, iconOption, tooltipPlacement = 'bottom', renderIcon, tooltipWidth, }) => {
     const { handleClose, handleOpen, open } = (0, useLogic_1.useLogic)();
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Icon_1.Icon, { onClick: handleOpen, variant: variant, iconOption: iconOption, note: note, tooltipPlacement: tooltipPlacement, renderIcon: renderIcon }), (0, jsx_runtime_1.jsx)(BottomDrawer_1.BottomDrawer, { title: title, open: open, onClose: handleClose, children: (0, jsx_runtime_1.jsx)(styles_1.DrawerContent, { children: note }) })] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Icon_1.Icon, { onClick: handleOpen, variant: variant, iconOption: iconOption, note: note, tooltipPlacement: tooltipPlacement, renderIcon: renderIcon, tooltipWidth: tooltipWidth }), (0, jsx_runtime_1.jsx)(BottomDrawer_1.BottomDrawer, { title: title, open: open, onClose: handleClose, children: (0, jsx_runtime_1.jsx)(styles_1.DrawerContent, { children: note }) })] }));
 };
 exports.HintIcon = HintIcon;

package/node/components/HintIcon/Icon/Icon.d.ts

@@ -1,6 +1,6 @@
 import type { SyntheticEvent } from 'react';
 import type { HintIconProps, TooltipPlacement } from '../types';
-export type IconProps = Pick<HintIconProps, 'variant' | 'iconOption' | 'note' | 'renderIcon'> & {
+export type IconProps = Pick<HintIconProps, 'variant' | 'iconOption' | 'note' | 'renderIcon' | 'tooltipWidth'> & {
     onClick: (e: SyntheticEvent) => void;
     tooltipPlacement: TooltipPlacement;
 };

package/node/components/HintIcon/Icon/Icon.js

@@ -8,7 +8,7 @@ const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
 const Icon = (props) => {
     const { getIcon, iconColor } = (0, useLogic_1.useLogic)(props);
-    const { onClick, note, tooltipPlacement } = props;
-    return ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { title: note, placement: tooltipPlacement, children: (0, jsx_runtime_1.jsx)(styles_1.IconWrapper, { onClick: onClick, "$color": iconColor, className: constants_1.hintIconClassnames.iconWrapper, children: getIcon() }) }));
+    const { onClick, note, tooltipPlacement, tooltipWidth } = props;
+    return ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { title: note, placement: tooltipPlacement, width: tooltipWidth, children: (0, jsx_runtime_1.jsx)(styles_1.IconWrapper, { onClick: onClick, "$color": iconColor, className: constants_1.hintIconClassnames.iconWrapper, children: getIcon() }) }));
 };
 exports.Icon = Icon;

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

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import { type CSSProperties, type ReactNode } from 'react';
 export type TooltipPlacement = 'left' | 'top' | 'right' | 'bottom';
 export type HintIconProps = {
     /**
@@ -36,4 +36,8 @@ export type HintIconProps = {
      * Задание кастомной иконки
      */
     renderIcon?: () => ReactNode;
+    /**
+     * Задает ширину тултипа
+     */
+    tooltipWidth?: CSSProperties['width'];
 };

package/node/components/JsonViewer/NodeValue/styles.d.ts

@@ -290,6 +290,7 @@ export declare const Value: import("@emotion/styled/dist/declarations/src/types"
         onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
         onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
         open?: boolean | undefined;
+        width?: import("csstype").Property.Width<string | number> | undefined;
         size?: import("../..").TooltipSize | undefined;
         componentsProps?: {
             popper?: (Partial<import("@mui/material").PopperProps> & import("@mui/material").TooltipComponentsPropsOverrides) | undefined;
@@ -327,7 +328,7 @@ export declare const Value: import("@emotion/styled/dist/declarations/src/types"
         leaveDelay?: number | undefined;
         leaveTouchDelay?: number | undefined;
         onOpen?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
-        placement?: "bottom" | "left" | "right" | "top" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | undefined;
+        placement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
         PopperComponent?: import("react").JSXElementConstructor<import("@mui/material").PopperProps> | undefined;
         PopperProps?: Partial<import("@mui/material").PopperProps> | undefined;
         withoutContainer?: boolean | undefined;
@@ -651,6 +652,7 @@ export declare const CopyWrapper: import("@emotion/styled/dist/declarations/src/
         onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
         onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
         open?: boolean | undefined;
+        width?: import("csstype").Property.Width<string | number> | undefined;
         size?: import("../..").TooltipSize | undefined;
         componentsProps?: {
             popper?: (Partial<import("@mui/material").PopperProps> & import("@mui/material").TooltipComponentsPropsOverrides) | undefined;
@@ -688,7 +690,7 @@ export declare const CopyWrapper: import("@emotion/styled/dist/declarations/src/
         leaveDelay?: number | undefined;
         leaveTouchDelay?: number | undefined;
         onOpen?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
-        placement?: "bottom" | "left" | "right" | "top" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | undefined;
+        placement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
         PopperComponent?: import("react").JSXElementConstructor<import("@mui/material").PopperProps> | undefined;
         PopperProps?: Partial<import("@mui/material").PopperProps> | undefined;
         withoutContainer?: boolean | undefined;
@@ -988,6 +990,7 @@ export declare const GuidValue: import("@emotion/styled/dist/declarations/src/ty
         onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
         onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
         open?: boolean | undefined;
+        width?: import("csstype").Property.Width<string | number> | undefined;
         size?: import("../..").TooltipSize | undefined;
         componentsProps?: {
             popper?: (Partial<import("@mui/material").PopperProps> & import("@mui/material").TooltipComponentsPropsOverrides) | undefined;
@@ -1025,7 +1028,7 @@ export declare const GuidValue: import("@emotion/styled/dist/declarations/src/ty
         leaveDelay?: number | undefined;
         leaveTouchDelay?: number | undefined;
         onOpen?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
-        placement?: "bottom" | "left" | "right" | "top" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | undefined;
+        placement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
         PopperComponent?: import("react").JSXElementConstructor<import("@mui/material").PopperProps> | undefined;
         PopperProps?: Partial<import("@mui/material").PopperProps> | undefined;
         withoutContainer?: boolean | undefined;

package/node/components/MenuOrganization/OrganizationItem/styles.d.ts

@@ -2,7 +2,7 @@
 export declare const StyledMenuItem: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("../..").WithoutEmotionSpecific<Omit<import("@mui/material/MenuItem").MenuItemProps, "component">> & {
     disabledReason?: string | undefined;
     note?: string | undefined;
-    tooltipPlacement?: "bottom" | "left" | "right" | "top" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | undefined;
+    tooltipPlacement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
     component?: import("react").ElementType | undefined;
     href?: string | undefined;
 } & import("react").ClassAttributes<HTMLLIElement> & import("react").LiHTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement> & {

package/node/components/NavMenu/Item/ItemButton/styles.d.ts

@@ -579,6 +579,7 @@ export declare const NavMenuItemButtonText: import("@emotion/styled/dist/declara
         onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
         onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
         open?: boolean | undefined;
+        width?: import("csstype").Property.Width<string | number> | undefined;
         size?: import("../../..").TooltipSize | undefined;
         componentsProps?: {
             popper?: (Partial<import("@mui/material").PopperProps> & import("@mui/material").TooltipComponentsPropsOverrides) | undefined;
@@ -616,7 +617,7 @@ export declare const NavMenuItemButtonText: import("@emotion/styled/dist/declara
         leaveDelay?: number | undefined;
         leaveTouchDelay?: number | undefined;
         onOpen?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
-        placement?: "bottom" | "left" | "right" | "top" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | undefined;
+        placement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
         PopperComponent?: import("react").JSXElementConstructor<import("@mui/material").PopperProps> | undefined;
         PopperProps?: Partial<import("@mui/material").PopperProps> | undefined;
         withoutContainer?: boolean | undefined;

package/node/components/NotificationList/SettingsButton/styled.d.ts

@@ -0,0 +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, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/node/components/NotificationList/SettingsButton/styled.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Wrapper = void 0;
+const styled_1 = require("../../styled");
+exports.Wrapper = styled_1.styled.div `
+  display: flex;
+  gap: ${({ theme }) => theme.spacing(3)};
+
+  height: 100%;
+  margin-right: ${({ theme }) => theme.spacing(1)};
+`;

package/node/components/OverflowTypography/OverflowTypography.d.ts

@@ -291,6 +291,7 @@ export declare const OverflowTypography: import("react").ForwardRefExoticCompone
         onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
         onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
         open?: boolean | undefined;
+        width?: import("csstype").Property.Width<string | number> | undefined;
         size?: import("../Tooltip").TooltipSize | undefined;
         componentsProps?: {
             popper?: (Partial<import("@mui/material").PopperProps> & import("@mui/material").TooltipComponentsPropsOverrides) | undefined;
@@ -328,7 +329,7 @@ export declare const OverflowTypography: import("react").ForwardRefExoticCompone
         leaveDelay?: number | undefined;
         leaveTouchDelay?: number | undefined;
         onOpen?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
-        placement?: "bottom" | "left" | "right" | "top" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | undefined;
+        placement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
         PopperComponent?: import("react").JSXElementConstructor<import("@mui/material").PopperProps> | undefined;
         PopperProps?: Partial<import("@mui/material").PopperProps> | undefined;
         withoutContainer?: boolean | undefined;

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

@@ -2,7 +2,7 @@
 export declare const ProductItem: <TComponent extends import("react").ElementType>(props: import("../..").WithoutEmotionSpecific<Omit<import("@mui/material/MenuItem").MenuItemProps, "component">> & {
     disabledReason?: string | undefined;
     note?: string | undefined;
-    tooltipPlacement?: "bottom" | "left" | "right" | "top" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | undefined;
+    tooltipPlacement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
     component?: TComponent | undefined;
     href?: string | undefined;
 } & import("react").ComponentPropsWithRef<import("react").ElementType extends TComponent ? "li" : TComponent> & import("react").RefAttributes<HTMLLIElement>) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;

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

@@ -7,7 +7,7 @@ export declare const StyledMenu: import("@emotion/styled/dist/declarations/src/t
 export declare const ExitMenuItem: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("../..").WithoutEmotionSpecific<Omit<import("@mui/material").MenuItemProps, "component">> & {
     disabledReason?: string | undefined;
     note?: string | undefined;
-    tooltipPlacement?: "bottom" | "left" | "right" | "top" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | undefined;
+    tooltipPlacement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
     component?: import("react").ElementType | undefined;
     href?: string | undefined;
 } & import("react").ClassAttributes<HTMLLIElement> & import("react").LiHTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement> & {

package/node/components/Profile/Profile.js

@@ -1,35 +1,20 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Profile = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const ClickAwayListener_1 = __importDefault(require("@mui/material/ClickAwayListener"));
-const react_1 = require("react");
-const personalDataSecurity_1 = require("../personalDataSecurity");
 const Typography_1 = require("../Typography");
-const useMenu_1 = require("../useMenu");
 const constants_1 = require("./constants");
 const MenuList_1 = require("./MenuList");
 const ProfileSkeleton_1 = require("./ProfileSkeleton");
 const styles_1 = require("./styles");
+const useLogic_1 = require("./useLogic");
 const Profile = (props) => {
-    const { displayName, annotation, avatar = {}, menu: Menu, menuList, exitButton, isHidePersonalData, isLoading, } = props;
-    const { open, anchorRef, handleOpenMenu, handleCloseMenu } = (0, useMenu_1.useMenu)();
-    (0, react_1.useEffect)(() => {
-        if (!Menu && !menuList && !exitButton) {
-            // biome-ignore lint/suspicious/noConsole: Ошибка для интеграторов
-            console.error('Profile должен иметь один из следующих props: menu, menuList, exitButton');
-        }
-    }, []);
-    const hidePersonalDataClassname = (0, personalDataSecurity_1.useHidePersonalData)({
-        isEnabled: isHidePersonalData,
-    });
+    const { displayName, annotation, avatar = {}, menu: Menu, menuList, exitButton, isLoading, } = props;
+    const { open, anchorRef, handleOpenMenu, handleCloseMenu, hidePersonalDataClassname, } = (0, useLogic_1.useLogic)(props);
     if (isLoading) {
         return (0, jsx_runtime_1.jsx)(ProfileSkeleton_1.ProfileSkeleton, {});
     }
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ClickAwayListener_1.default, { onClickAway: handleCloseMenu, children: (0, jsx_runtime_1.jsxs)(styles_1.ProfileRoot, { ref: anchorRef, variant: "text", onClick: handleOpenMenu, className: constants_1.profileClassnames.button, children: [(0, jsx_runtime_1.jsx)(styles_1.StyledAvatar, { ...avatar, className: constants_1.profileClassnames.avatar }), (0, jsx_runtime_1.jsxs)(styles_1.User, { className: constants_1.profileClassnames.user, children: [(0, jsx_runtime_1.jsxs)(styles_1.Credentials, { className: hidePersonalDataClassname, children: [(0, jsx_runtime_1.jsx)(Typography_1.Typography, { variant: "body1", className: constants_1.profileClassnames.credentials, children: displayName }), (0, jsx_runtime_1.jsx)(Typography_1.Typography, { variant: "caption", color: "textSecondary", className: constants_1.profileClassnames.credentials, children: annotation })] }), (0, jsx_runtime_1.jsx)(styles_1.StyledChevron, { isActive: open })] })] }) }), Menu ? ((0, jsx_runtime_1.jsx)(Menu, { open: open, anchorEl: anchorRef.current, onClose: handleCloseMenu, anchorOrigin: {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(styles_1.ProfileRoot, { ref: anchorRef, variant: "text", onClick: handleOpenMenu, className: constants_1.profileClassnames.button, children: [(0, jsx_runtime_1.jsx)(styles_1.StyledAvatar, { ...avatar, className: constants_1.profileClassnames.avatar }), (0, jsx_runtime_1.jsxs)(styles_1.User, { className: constants_1.profileClassnames.user, children: [(0, jsx_runtime_1.jsxs)(styles_1.Credentials, { className: hidePersonalDataClassname, children: [(0, jsx_runtime_1.jsx)(Typography_1.Typography, { variant: "body1", className: constants_1.profileClassnames.credentials, children: displayName }), (0, jsx_runtime_1.jsx)(Typography_1.Typography, { variant: "caption", color: "textSecondary", className: constants_1.profileClassnames.credentials, children: annotation })] }), (0, jsx_runtime_1.jsx)(styles_1.StyledChevron, { isActive: open })] })] }), Menu ? ((0, jsx_runtime_1.jsx)(Menu, { open: open, anchorEl: anchorRef.current, onClose: handleCloseMenu, anchorOrigin: {
                     vertical: 'bottom',
                     horizontal: 'right',
                 }, transformOrigin: {

package/node/components/Profile/useLogic/index.d.ts

@@ -0,0 +1 @@
+export * from './useLogic';

package/node/components/Profile/useLogic/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./useLogic"), exports);

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { type ProfileProps } from '../types';
+type UseLogicParams = ProfileProps;
+export declare const useLogic: ({ menuList, menu: Menu, exitButton, isHidePersonalData, }: UseLogicParams) => {
+    open: boolean;
+    anchorRef: import("react").MutableRefObject<HTMLButtonElement | null>;
+    handleOpenMenu: () => void;
+    handleCloseMenu: () => void;
+    hidePersonalDataClassname: string;
+};
+export {};

package/node/components/Profile/useLogic/useLogic.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLogic = void 0;
+const react_1 = require("react");
+const personalDataSecurity_1 = require("../../personalDataSecurity");
+const useMenu_1 = require("../../useMenu");
+const useLogic = ({ menuList, menu: Menu, exitButton, isHidePersonalData, }) => {
+    const { open, anchorRef, handleOpenMenu, handleCloseMenu } = (0, useMenu_1.useMenu)();
+    (0, react_1.useEffect)(() => {
+        if (!open) {
+            return;
+        }
+        const timer = setTimeout(() => {
+            const popover = document.querySelector('[role="presentation"]');
+            if (popover) {
+                const menuItems = popover.querySelectorAll('[role="menuitem"]');
+                menuItems.forEach((item) => {
+                    item.onclick = handleCloseMenu;
+                });
+            }
+        }, 0);
+        return () => clearTimeout(timer);
+    }, [open, handleCloseMenu]);
+    (0, react_1.useEffect)(() => {
+        if (!Menu && !menuList && !exitButton) {
+            // biome-ignore lint/suspicious/noConsole: Ошибка для интеграторов
+            console.error('Profile должен иметь один из следующих props: menu, menuList, exitButton');
+        }
+    }, []);
+    const hidePersonalDataClassname = (0, personalDataSecurity_1.useHidePersonalData)({
+        isEnabled: isHidePersonalData,
+    });
+    return {
+        open,
+        anchorRef,
+        handleOpenMenu,
+        handleCloseMenu,
+        hidePersonalDataClassname,
+    };
+};
+exports.useLogic = useLogic;

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

@@ -10,7 +10,7 @@ export declare const EndAdornmentWrapper: import("@emotion/styled/dist/declarati
 export declare const Placeholder: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("..").WithoutEmotionSpecific<Omit<import("@mui/material").MenuItemProps, "component">> & {
     disabledReason?: string | undefined;
     note?: string | undefined;
-    tooltipPlacement?: "bottom" | "left" | "right" | "top" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | undefined;
+    tooltipPlacement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
     component?: import("react").ElementType | undefined;
     href?: string | undefined;
 } & import("react").ClassAttributes<HTMLLIElement> & import("react").LiHTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement> & {

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

@@ -0,0 +1,2 @@
+export * from './TagsList';
+export * from './types';

package/node/components/TagsList/public.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./TagsList"), exports);
+__exportStar(require("./types"), exports);

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

@@ -1,5 +1,5 @@
 export declare const StyledTextField: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     variant?: import("@mui/material/TextField").TextFieldVariants | undefined;
-} & Omit<import("@mui/material/TextField").OutlinedTextFieldProps | import("@mui/material/TextField").StandardTextFieldProps | import("@mui/material/TextField").FilledTextFieldProps, "variant"> & {
+} & Omit<import("@mui/material/TextField").OutlinedTextFieldProps | import("@mui/material/TextField").FilledTextFieldProps | import("@mui/material/TextField").StandardTextFieldProps, "variant"> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/node/components/Tooltip/Tooltip.js

@@ -3,10 +3,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tooltip = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
+const classNames_1 = require("../utils/classNames");
+const cva_1 = require("../utils/cva");
 const constants_1 = require("./constants");
 const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
+const tooltipCva = (0, cva_1.cva)(constants_1.tooltipClassnames.root, {
+    variants: {
+        withoutMaxWidth: {
+            true: constants_1.tooltipClassnames.withoutMaxWidth,
+        },
+    },
+});
 exports.Tooltip = (0, react_1.forwardRef)((props, ref) => {
-    const { title, placement = 'top', size = 'medium', withoutContainer = true, children, className, ...restProps } = (0, useLogic_1.useLogic)(props);
-    return ((0, jsx_runtime_1.jsx)(styles_1.StyledTooltip, { ref: ref, title: title, size: size, placement: placement, arrow: true, className: className, ...restProps, children: withoutContainer ? (children) : ((0, jsx_runtime_1.jsx)(styles_1.ContentWrapper, { className: constants_1.tooltipClassnames.contentWrapper, children: children })) }));
+    const { title, placement = 'top', size = 'medium', withoutContainer = true, children, className, tooltipStyle, width, ...restProps } = (0, useLogic_1.useLogic)(props);
+    return ((0, jsx_runtime_1.jsx)(styles_1.StyledTooltip, { ref: ref, title: title, size: size, placement: placement, arrow: true, className: (0, classNames_1.classNames)(className, tooltipCva({ withoutMaxWidth: Boolean(width) })), style: tooltipStyle, ...restProps, children: withoutContainer ? (children) : ((0, jsx_runtime_1.jsx)(styles_1.ContentWrapper, { className: constants_1.tooltipClassnames.contentWrapper, children: children })) }));
 });

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

@@ -1,3 +1,7 @@
 export declare const tooltipClassnames: {
+    root: string;
     contentWrapper: string;
+    withoutMaxWidth: string;
+    tooltipLabel: string;
+    arrow: string;
 };