@astral/ui 4.68.1 → 4.70.0

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

@@ -1,4 +1,5 @@
 import { type ElementType } from 'react';
+import type { ButtonSize } from '../../../../Button';
 import type { MainActionsProps, MultipleAction, SingleAction } from '../../../types';
 export declare const useMainActions: <TMainActionComponent extends ElementType>({ actions, size, isDisabled, }: MainActionsProps<TMainActionComponent>) => ({
     tooltipProps: {
@@ -9,7 +10,7 @@ export declare const useMainActions: <TMainActionComponent extends ElementType>(
     buttonProps: Omit<MultipleAction<TMainActionComponent>, "text" | "note" | "disabled" | "disabledReason" | "isNested" | "actions" | "isBlockingOperation"> & {
         disabled: boolean | undefined;
         name: string;
-        size: "large" | "medium";
+        size: ButtonSize;
     };
     isNested: true;
     nestedActions: {
@@ -330,7 +331,7 @@ export declare const useMainActions: <TMainActionComponent extends ElementType>(
     buttonProps: Omit<SingleAction<TMainActionComponent>, "text" | "note" | "disabled" | "disabledReason" | "isNested" | "isBlockingOperation"> & {
         disabled: boolean | undefined;
         children: string;
-        size: "large" | "medium";
+        size: ButtonSize;
     };
     nestedActions: never[];
 })[];

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

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

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

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

package/components/Alert/styles.d.ts

@@ -2,12 +2,13 @@
 export declare const StyledGrid: import("../styled").StyledComponent<Omit<import("../Grid/GridComponent").GridComponentProps, "ref"> & import("react").RefAttributes<HTMLDivElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & import("../Grid/styles").StyledGridProps, {}, {}>;
-export declare const StyledIconButton: import("../styled").StyledComponent<Omit<import("..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
+export declare const StyledIconButton: import("../styled").StyledComponent<Omit<import("..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "size" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
     variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
     loading?: boolean | undefined;
     color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
     component?: import("react").ElementType | undefined;
     selected?: boolean | undefined;
+    size?: "large" | "medium" | undefined;
 } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/components/AutoSaveIndicator/ErrorState/styles.d.ts

@@ -3,12 +3,13 @@ export declare const ErrorWrapper: 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 StyledButton: import("../../styled").StyledComponent<Omit<import("../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
+export declare const StyledButton: import("../../styled").StyledComponent<Omit<import("../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "size" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
     variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
     loading?: boolean | undefined;
     color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
     component?: import("react").ElementType | undefined;
     selected?: boolean | undefined;
+    size?: "large" | "medium" | undefined;
 } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/components/AutoSaveIndicator/styles.d.ts

@@ -17,12 +17,13 @@ export declare const StyledTypography: import("../styled").StyledComponent<impor
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const StyledIconButton: import("../styled").StyledComponent<Omit<import("..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
+export declare const StyledIconButton: import("../styled").StyledComponent<Omit<import("..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "size" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
     variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
     loading?: boolean | undefined;
     color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
     component?: import("react").ElementType | undefined;
     selected?: boolean | undefined;
+    size?: "large" | "medium" | undefined;
 } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/components/Button/Button.d.ts

@@ -1,9 +1,10 @@
 import { type ElementType } from 'react';
-export declare const Button: <TComponent extends ElementType>(props: Omit<import("..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
+export declare const Button: <TComponent extends ElementType>(props: Omit<import("..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "size" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
     variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
     loading?: boolean | undefined;
     color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
     component?: TComponent | undefined;
     selected?: boolean | undefined;
+    size?: "large" | "medium" | undefined;
 } & Omit<import("react").ComponentPropsWithRef<ElementType extends TComponent ? "button" : TComponent>, ""> & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
 export default Button;

package/components/Button/types.d.ts

@@ -1,7 +1,7 @@
 import type { ButtonProps as MuiButtonProps } from '@mui/material/Button';
 import { type ComponentPropsWithRef, type ElementType } from 'react';
 import type { WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
-import { type ButtonColors, type ButtonSizes, type ButtonStates, type ButtonVariants } from './enums';
+import { type ButtonColors, type ButtonStates, type ButtonVariants } from './enums';
 declare module '@mui/material/Button' {
     interface ButtonPropsVariantOverrides {
         contained: true;
@@ -20,9 +20,9 @@ declare module '@mui/material/Button' {
 }
 export type ButtonColor = `${ButtonColors}`;
 export type ButtonVariant = `${ButtonVariants}`;
-export type ButtonSize = `${ButtonSizes}`;
+export type ButtonSize = 'medium' | 'large';
 export type ButtonState = `${ButtonStates}`;
-export type ButtonProps<TComponent extends ElementType = ElementType> = Omit<WithoutEmotionSpecific<MuiButtonProps>, 'variant' | 'color' | 'centerRipple' | 'disableRipple' | 'TouchRippleProps' | 'disableTouchRipple' | 'disableFocusRipple' | 'focusRipple' | 'touchRippleRef' | 'component'> & {
+export type ButtonProps<TComponent extends ElementType = ElementType> = Omit<WithoutEmotionSpecific<MuiButtonProps>, 'variant' | 'color' | 'centerRipple' | 'disableRipple' | 'TouchRippleProps' | 'disableTouchRipple' | 'disableFocusRipple' | 'focusRipple' | 'touchRippleRef' | 'component' | 'size'> & {
     /**
      * Тип кнопки
      */
@@ -43,4 +43,5 @@ export type ButtonProps<TComponent extends ElementType = ElementType> = Omit<Wit
      * Состояние кнопки - selected
      */
     selected?: boolean;
+    size?: 'medium' | 'large';
 } & Omit<ComponentPropsWithRef<ElementType extends TComponent ? 'button' : TComponent>, ''>;

package/components/CardGridInfinite/Card/SecondaryActionButton/styles.d.ts

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

package/components/CheckableTag/CheckableTag.d.ts

@@ -38,7 +38,6 @@ export type CheckableTagProps = Omit<TagProps, 'onChange' | 'startAddon' | 'endA
  * onChange={handleChecked}
  * endAddon={(props: TagBadgeProps) => (<TagBadge {...props} badgeContent={'12'} />)}
  * />
- * @deprecated Используйте компонент Chip
  */
 export declare const CheckableTag: import("react").ForwardRefExoticComponent<Omit<TagProps, "onChange" | "variant" | "startAddon" | "endAddon"> & {
     /**

package/components/CheckableTag/CheckableTag.js

@@ -12,7 +12,6 @@ import { HiddenInput, StyledTag, Wrapper } from './styles';
  * onChange={handleChecked}
  * endAddon={(props: TagBadgeProps) => (<TagBadge {...props} badgeContent={'12'} />)}
  * />
- * @deprecated Используйте компонент Chip
  */
 export const CheckableTag = forwardRef(({ checked, variant = 'light', color = 'grey', onChange, disabled, startAddon: StartAddon, endAddon: EndAddon, ...tagProps }, ref) => {
     const checkableStartAddon = StartAddon

package/components/CollapsibleTypography/styles.d.ts

@@ -18,12 +18,13 @@ export declare const Wrapper: import("../styled").StyledComponent<import("../Typ
 } & 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" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
+export declare const StyledButton: import("../styled").StyledComponent<Omit<import("..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "size" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
     variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
     loading?: boolean | undefined;
     color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
     component?: import("react").ElementType | undefined;
     selected?: boolean | undefined;
+    size?: "large" | "medium" | undefined;
 } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & {

package/components/ConfirmDialog/styles.d.ts

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

package/components/DashboardAlert/styles.d.ts

@@ -2,10 +2,11 @@
 export declare const StyledAlert: import("../styled").StyledComponent<import("../Alert").AlertProps & import("react").RefAttributes<HTMLDivElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const StyledButton: <TComponent extends import("react").ElementType>(props: Omit<import("..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
+export declare const StyledButton: <TComponent extends import("react").ElementType>(props: Omit<import("..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "size" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
     variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
     loading?: boolean | undefined;
     color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
     component?: TComponent | undefined;
     selected?: boolean | undefined;
+    size?: "large" | "medium" | undefined;
 } & Omit<import("react").ComponentPropsWithRef<import("react").ElementType extends TComponent ? "button" : TComponent>, ""> & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;

package/components/DashboardLayout/Container/styles.js

@@ -1,5 +1,5 @@
-import { dashboardSidebarClassnames } from '../../DashboardSidebar/constants';
 import { styled } from '../../styled';
+import { dashboardSidebarClassnames } from '../DashboardSidebar';
 import { containerClassnames } from './constants';
 export const Root = styled.div `
   display: grid;

package/components/DashboardLayout/DashboardLayout.d.ts

@@ -6,6 +6,6 @@ import { type DashboardLayoutProps } from './types';
 export declare const DashboardLayout: {
     ({ children, isFocusedMode, isLoading, mobileHeaderPriorityFeature, desktopViewMode, }: DashboardLayoutProps): import("react/jsx-runtime").JSX.Element;
     Header: import("react").ForwardRefExoticComponent<import("./Header").HeaderProps & import("react").RefAttributes<HTMLDivElement>>;
-    Sidebar: import("react").ForwardRefExoticComponent<import("../DashboardSidebar").DashboardSidebarProps & import("react").RefAttributes<HTMLBaseElement>>;
+    Sidebar: import("react").ForwardRefExoticComponent<import("./DashboardSidebar").DashboardSidebarProps & import("react").RefAttributes<HTMLBaseElement>>;
     Main: import("react").ForwardRefExoticComponent<import("./Main").MainProps & import("react").RefAttributes<HTMLDivElement>>;
 };

package/components/DashboardLayout/DashboardLayout.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { DashboardContextProvider } from '../DashboardContext';
-import { DashboardSidebar } from '../DashboardSidebar';
+import { DashboardSidebar } from './DashboardSidebar';
 import { DashboardWrapper } from './DashboardWrapper';
 import { Header } from './Header';
 import { Main } from './Main';

package/components/{DashboardSidebar → DashboardLayout/DashboardSidebar}/DashboardSidebar.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-import { DashboardSidebarSkeleton } from '../DashboardSidebarSkeleton';
-import { NavMenu } from '../NavMenu';
-import { PinButton } from '../PinButton';
-import { cva } from '../utils/cva';
-import { getInertProps } from '../utils/getInertProps';
+import { DashboardSidebarSkeleton } from '../../DashboardSidebarSkeleton';
+import { NavMenu } from '../../NavMenu';
+import { PinButton } from '../../PinButton';
+import { cva } from '../../utils/cva';
+import { getInertProps } from '../../utils/getInertProps';
 import { dashboardSidebarClassnames } from './constants';
 import { SidebarNav } from './SidebarNav';
 import { Footer, SidebarContent, SidebarHeader, SidebarRoot, StyledPaper, Wrapper, } from './styles';

package/components/{DashboardSidebar → DashboardLayout/DashboardSidebar}/SidebarNav/constants.js

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

package/components/{DashboardSidebar → DashboardLayout/DashboardSidebar}/constants.js

@@ -1,4 +1,4 @@
-import { createUIKitClassname } from '../utils/createUIKitClassname';
+import { createUIKitClassname } from '../../utils/createUIKitClassname';
 export const dashboardSidebarClassnames = {
     root: createUIKitClassname('dashboard-layout-sidebar'),
     hasProfile: createUIKitClassname('dashboard-layout-sidebar_has-profile'),

package/components/{DashboardSidebar → DashboardLayout/DashboardSidebar}/styles.d.ts

@@ -1,26 +1,26 @@
 /// <reference types="react" />
-export declare const Wrapper: import("../styled").StyledComponent<{
+export declare const Wrapper: import("../../styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     $isPinned: boolean;
     $alertHeight: number;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledPaper: import("../styled").StyledComponent<Omit<import("../Paper").PaperProps, "ref"> & import("react").RefAttributes<HTMLDivElement> & {
+export declare const StyledPaper: import("../../styled").StyledComponent<Omit<import("../../Paper").PaperProps, "ref"> & import("react").RefAttributes<HTMLDivElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const SidebarRoot: import("../styled").StyledComponent<{
+export declare const SidebarRoot: import("../../styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     $isPinned: boolean;
     $collapsedIn: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
-export declare const SidebarHeader: import("../styled").StyledComponent<{
+export declare const SidebarHeader: 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 SidebarContent: import("../styled").StyledComponent<{
+export declare const SidebarContent: import("../../styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
@@ -28,7 +28,7 @@ export declare const SidebarContent: import("../styled").StyledComponent<{
     $isPinned: boolean;
     $hasHeader: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Footer: import("../styled").StyledComponent<{
+export declare const Footer: 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>, {}>;

package/components/{DashboardSidebar → DashboardLayout/DashboardSidebar}/styles.js

@@ -1,11 +1,11 @@
-import { FOOTER_DESKTOP_HEIGHT, FOOTER_LAPTOP_HEIGHT } from '../constants';
-import { HEADER_HEIGHT_MOBILE } from '../DashboardLayout/constants';
-import { menuOrganizationClassnames } from '../MenuOrganization/constants';
-import { MOBILE_BUTTON_HEIGHT } from '../MenuOrganization/OrganizationButton';
-import { navMenuItemButtonClassnames } from '../NavMenu/Item';
-import { Paper } from '../Paper';
-import { pinButtonClassnames } from '../PinButton';
-import { styled } from '../styled';
+import { FOOTER_DESKTOP_HEIGHT, FOOTER_LAPTOP_HEIGHT } from '../../constants';
+import { menuOrganizationClassnames } from '../../MenuOrganization/constants';
+import { MOBILE_BUTTON_HEIGHT } from '../../MenuOrganization/OrganizationButton';
+import { navMenuItemButtonClassnames } from '../../NavMenu/Item';
+import { Paper } from '../../Paper';
+import { pinButtonClassnames } from '../../PinButton';
+import { styled } from '../../styled';
+import { HEADER_HEIGHT_MOBILE } from '../constants';
 import { dashboardSidebarClassnames, LABEL_WIDTH } from './constants';
 export const Wrapper = styled('div', {
     shouldForwardProp: (prop) => !['$isPinned', '$alertHeight'].includes(prop),

package/{node/components → components/DashboardLayout}/DashboardSidebar/types.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import type { NavMenuProps } from '../NavMenu';
+import type { NavMenuProps } from '../../NavMenu';
 export type DashboardSidebarProps = {
     /**
      * Название класса, применяется к корневому компоненту

package/components/{DashboardSidebar → DashboardLayout/DashboardSidebar}/useLogic/hooks/useCloseSidebarOnMobile/useCloseSidebarOnMobile.js

@@ -1,7 +1,7 @@
 import { useContext, useEffect } from 'react';
-import { DashboardSidebarContext } from '../../../../DashboardSidebarProvider';
-import { navMenuItemButtonClassnames } from '../../../../NavMenu';
-import { useViewportType } from '../../../../useViewportType';
+import { DashboardSidebarContext } from '../../../../../DashboardSidebarProvider';
+import { navMenuItemButtonClassnames } from '../../../../../NavMenu';
+import { useViewportType } from '../../../../../useViewportType';
 import { sidebarNavClassnames } from '../../../SidebarNav';
 export const useCloseSidebarOnMobile = () => {
     const { isMobile } = useViewportType();

package/{node/components → components/DashboardLayout}/DashboardSidebar/useLogic/useLogic.d.ts

@@ -12,13 +12,13 @@ export declare const useLogic: (props: DashboardSidebarProps) => {
         items: [key: string, value: {
             icon: import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
             text: import("react").ReactNode;
-            counter?: import("../../NavMenu/Item").CounterProps | undefined;
+            counter?: import("../../../NavMenu/Item").CounterProps | undefined;
             active?: boolean | undefined;
             items?: [key: string, value: {
                 text: import("react").ReactNode;
                 active: boolean;
                 component: import("react").ElementType;
-                counter?: import("../../NavMenu/Item").CounterProps | undefined;
+                counter?: import("../../../NavMenu/Item").CounterProps | undefined;
             }][] | undefined;
             component?: import("react").ElementType | undefined;
         } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & {

package/components/{DashboardSidebar → DashboardLayout/DashboardSidebar}/useLogic/useLogic.js

@@ -1,11 +1,11 @@
 import { useContext, useEffect, useRef } from 'react';
-import { DashboardContext } from '../../DashboardContext';
-import { dashboardLayoutHeaderClassnames } from '../../DashboardLayout/Header';
-import { dashboardLayoutMainClassnames } from '../../DashboardLayout/Main';
-import { DashboardSidebarContext } from '../../DashboardSidebarProvider';
-import { useTheme } from '../../theme/hooks/useTheme';
-import { useViewportType } from '../../useViewportType';
-import { classNames } from '../../utils/classNames';
+import { DashboardContext } from '../../../DashboardContext';
+import { DashboardSidebarContext } from '../../../DashboardSidebarProvider';
+import { useTheme } from '../../../theme/hooks/useTheme';
+import { useViewportType } from '../../../useViewportType';
+import { classNames } from '../../../utils/classNames';
+import { dashboardLayoutHeaderClassnames } from '../../Header';
+import { dashboardLayoutMainClassnames } from '../../Main';
 import { dashboardSidebarClassnames } from '../constants';
 import { useCloseSidebarOnMobile } from './hooks';
 export const useLogic = (props) => {

package/components/DashboardLayout/Header/styles.d.ts

@@ -29,12 +29,13 @@ export declare const ProfileWrapper: import("../../styled").StyledComponent<{
 } & {
     $isShow: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ExitButton: import("../../styled").StyledComponent<Omit<import("../..").WithoutEmotionSpecific<import("@mui/material/Button").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
+export declare const ExitButton: import("../../styled").StyledComponent<Omit<import("../..").WithoutEmotionSpecific<import("@mui/material/Button").ButtonProps>, "color" | "component" | "size" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
     variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
     loading?: boolean | undefined;
     color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
     component?: import("react").ElementType | undefined;
     selected?: boolean | undefined;
+    size?: "large" | "medium" | undefined;
 } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & {

package/components/DashboardLayout/Header/styles.js

@@ -1,12 +1,12 @@
 import { buttonClasses } from '@mui/material/Button';
 import { dashboardLayoutNotificationListClassnames } from '../../DashboardLayoutNotificationList';
-import { dashboardSidebarClassnames } from '../../DashboardSidebar/constants';
 import { IconButton } from '../../IconButton';
 import { menuOrganizationClassnames } from '../../MenuOrganization/constants';
 import { MOBILE_BUTTON_HEIGHT } from '../../MenuOrganization/OrganizationButton/constants';
 import { profileClassnames } from '../../Profile/constants';
 import { styled } from '../../styled';
 import { dashboardLayoutClassnames, HEADER_HEIGHT_DESKTOP, HEADER_HEIGHT_LAPTOP, HEADER_HEIGHT_MOBILE, } from '../constants';
+import { dashboardSidebarClassnames } from '../DashboardSidebar/constants';
 import { dashboardLayoutHeaderClassnames } from './constants';
 export const HeaderRoot = styled('header', {
     shouldForwardProp: (prop) => !['$isFocusedMode'].includes(prop),

package/components/DashboardLayout/index.d.ts

@@ -1,5 +1,6 @@
 export { DashboardLayout } from './DashboardLayout';
 export type { DashboardLayoutProps } from './types';
+export type { DashboardSidebarProps } from './DashboardSidebar';
 export { dashboardLayoutHeaderClassnames } from './Header';
 export { dashboardLayoutMainClassnames } from './Main';
 export { dashboardLayoutClassnames } from './constants';

package/components/DashboardLayout/public.d.ts

@@ -1,3 +1,3 @@
-export type { DashboardSidebarProps } from '../DashboardSidebar';
 export { DashboardLayout } from './DashboardLayout';
+export type { DashboardSidebarProps } from './DashboardSidebar';
 export type { DashboardLayoutProps } from './types';

package/components/DashboardSidebarButton/styles.d.ts

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

package/components/DashboardSidebarSkeleton/DashboardSidebarSkeleton.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { dashboardSidebarClassnames } from '../DashboardSidebar/constants';
+import { dashboardSidebarClassnames } from '../DashboardLayout/DashboardSidebar/constants';
 import { Skeleton } from '../Skeleton';
 import { classNames } from '../utils/classNames';
 import { ItemWrapper, ListWrapper, SkeletonDescription, Wrapper, } from './styles';

package/components/DataGrid/DataGrid.js

@@ -64,7 +64,6 @@ export const DataGrid = (props) => {
     }, [noDataPlaceholder, noDataOptions, isLoading]);
     const commonBodyProps = {
         ...bodyProps,
-        activeRowId,
         keyId,
         selectedRows,
         minDisplayRows,
@@ -82,7 +81,7 @@ export const DataGrid = (props) => {
     };
     const renderTableContent = () => {
         if (!hasPinnedColumns || isMobile) {
-            return (_jsxs(Wrapper, { ...getInertProps(isDataGridDisabled), className: dataGridClassnames.wrapper, children: [headPreAddon, !isHideHead && (_jsx(Head, { ...headProps, columns: headColumns, gridColumns: gridColumns })), _jsx(ContentState, { ...contentStateProps, loadingContent: isMobile && _jsx(MobileSkeleton, { ...mobileSkeletonProps }), children: _jsx(Body, { ...commonBodyProps, columns: columns, gridColumns: gridColumns, className: bodyCva({
+            return (_jsxs(Wrapper, { ...getInertProps(isDataGridDisabled), className: dataGridClassnames.wrapper, children: [headPreAddon, !isHideHead && (_jsx(Head, { ...headProps, columns: headColumns, gridColumns: gridColumns })), _jsx(ContentState, { ...contentStateProps, loadingContent: isMobile && _jsx(MobileSkeleton, { ...mobileSkeletonProps }), children: _jsx(Body, { ...commonBodyProps, activeRowId: activeRowId, columns: columns, gridColumns: gridColumns, className: bodyCva({
                                 isNoData,
                             }) }) })] }));
         }

package/components/DataGrid/Row/NestedChildren/styles.d.ts

@@ -14,12 +14,13 @@ export declare const MoreButtonRow: import("../../../styled").StyledComponent<{
     $isShowConnector: boolean;
     $gridColumns: string;
 }, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
-export declare const MoreButton: import("../../../styled").StyledComponent<Omit<import("../../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
+export declare const MoreButton: import("../../../styled").StyledComponent<Omit<import("../../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "size" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
     variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
     loading?: boolean | undefined;
     color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
     component?: import("react").ElementType | undefined;
     selected?: boolean | undefined;
+    size?: "large" | "medium" | undefined;
 } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & {

package/components/DataGrid/Row/Row.js

@@ -26,6 +26,9 @@ const rowContentCva = cva(dataGridRowContentClassnames.root, {
         isHovered: {
             true: dataGridRowContentClassnames.hovered,
         },
+        isActive: {
+            true: dataGridRowContentClassnames.active,
+        },
     },
 });
 const groupedColumnLabelCva = cva(dataGridGroupedColumnLabelClassnames.root, {
@@ -36,7 +39,7 @@ const groupedColumnLabelCva = cva(dataGridGroupedColumnLabelClassnames.root, {
     },
 });
 const RowComponent = (props) => {
-    const { isOpen, isShowConnector, childrenColumns, rowId, handleToggle, checkboxProps, rowProps, isHovered, tooltipProps, nestedChildrenProps, disabled, isRenderCollapseButton, rowRef, rowStyles, drawerProps, disabledReasonText, } = useLogic(props);
+    const { isOpen, isShowConnector, childrenColumns, rowId, handleToggle, checkboxProps, rowProps, isHovered, tooltipProps, nestedChildrenProps, disabled, isRenderCollapseButton, rowRef, rowStyles, drawerProps, disabledReasonText, isActive, } = useLogic(props);
     const { className, row, options, variant, isSelectable, gridColumns, isInitialExpanded, expandedLevel, level, nestedChildren, initialVisibleChildrenCount, moreButtonColumnPosition, isVisibleCollapseButton, columns, emptyCellValue, selectedRows, activeRowId, keyId, onSelectRow, onRowClick, sectionOffset, totalColumnsCount, registerRowElement, unregisterRowElement, onRowEnter, onRowLeave, style, 
     // В этот rest-оператор попадают специфичные пропсы (атрибуты) virtuoso
     // Необходимы для DataGridInfinite
@@ -99,7 +102,7 @@ const RowComponent = (props) => {
         onRowEnter,
         onRowLeave,
     ]);
-    return (_jsxs(Wrapper, { className: classNames(className, rootCva({ isShowConnector })), style: rowStyles, ...selfProps, children: [_jsx(Tooltip, { followCursor: true, arrow: false, ...tooltipProps, children: _jsx(ContentWrapper, { "data-row-id": rowId, ref: rowRef, onPointerEnter: () => onRowEnter?.(rowId), onPointerLeave: (event) => onRowLeave?.(rowId, event.nativeEvent), className: rowContentCva({ isHovered }), "$gridColumns": gridColumns, [DISABLE_ROW_ATTR]: disabled, ...rowProps, children: renderCells() }) }), _jsx(NestedChildren, { ...nestedChildrenProps, data: nestedChildren, keyId: keyId, level: level, variant: variant, gridColumns: gridColumns, initialVisibleChildrenCount: initialVisibleChildrenCount, moreButtonColumnPosition: moreButtonColumnPosition, 
+    return (_jsxs(Wrapper, { className: classNames(className, rootCva({ isShowConnector })), style: rowStyles, ...selfProps, children: [_jsx(Tooltip, { followCursor: true, arrow: false, ...tooltipProps, children: _jsx(ContentWrapper, { "data-row-id": rowId, ref: rowRef, onPointerEnter: () => onRowEnter?.(rowId), onPointerLeave: (event) => onRowLeave?.(rowId, event.nativeEvent), className: rowContentCva({ isHovered, isActive }), "$gridColumns": gridColumns, [DISABLE_ROW_ATTR]: disabled, ...rowProps, children: renderCells() }) }), _jsx(NestedChildren, { ...nestedChildrenProps, data: nestedChildren, keyId: keyId, level: level, variant: variant, gridColumns: gridColumns, initialVisibleChildrenCount: initialVisibleChildrenCount, moreButtonColumnPosition: moreButtonColumnPosition, 
                 // biome-ignore lint/suspicious/noTsIgnore: <>
                 // @ts-ignore
                 renderRow: renderRow }), _jsx(BottomDrawer, { ...drawerProps, children: _jsx(BottomDrawerContent, { children: disabledReasonText }) })] }));

package/components/DataGrid/Row/constants.d.ts

@@ -11,6 +11,7 @@ export declare const dataGridRowClassnames: {
 export declare const dataGridRowContentClassnames: {
     root: string;
     hovered: string;
+    active: string;
 };
 export declare const dataGridRowCellClassnames: {
     single: string;

package/components/DataGrid/Row/constants.js

@@ -12,6 +12,7 @@ export const dataGridRowClassnames = {
 export const dataGridRowContentClassnames = {
     root: createUIKitClassname('data-grid__row-content'),
     hovered: createUIKitClassname('data-grid__row-content_hovered'),
+    active: createUIKitClassname('data-grid__row-content_active'),
 };
 export const dataGridRowCellClassnames = {
     single: createUIKitClassname('data-grid__row-cell_single'),

package/components/DataGrid/Row/styles.d.ts

@@ -20,12 +20,13 @@ export declare const CollapseCell: 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 CollapseButton: import("../../styled").StyledComponent<Omit<import("../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
+export declare const CollapseButton: import("../../styled").StyledComponent<Omit<import("../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "size" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
     variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
     loading?: boolean | undefined;
     color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
     component?: import("react").ElementType | undefined;
     selected?: boolean | undefined;
+    size?: "large" | "medium" | undefined;
 } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;