@astral/ui 4.69.0 → 4.70.0

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

@@ -1,10 +1,11 @@
 /// <reference types="react" />
-export declare const StyledButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
+export declare const StyledButton: import("@emotion/styled/dist/declarations/src/types").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/node/components/ActionGroup/SecondaryVisibleActions/styles.d.ts

@@ -1,10 +1,11 @@
 /// <reference types="react" />
-export declare const StyledButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
+export declare const StyledButton: import("@emotion/styled/dist/declarations/src/types").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/node/components/Alert/styles.d.ts

@@ -2,12 +2,13 @@
 export declare const StyledGrid: import("@emotion/styled/dist/declarations/src/types").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("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
+export declare const StyledIconButton: import("@emotion/styled/dist/declarations/src/types").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/node/components/AutoSaveIndicator/ErrorState/styles.d.ts

@@ -3,12 +3,13 @@ export declare const ErrorWrapper: import("@emotion/styled/dist/declarations/src
     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("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
+export declare const StyledButton: import("@emotion/styled/dist/declarations/src/types").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/node/components/AutoSaveIndicator/styles.d.ts

@@ -17,12 +17,13 @@ export declare const StyledTypography: import("@emotion/styled/dist/declarations
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const StyledIconButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
+export declare const StyledIconButton: import("@emotion/styled/dist/declarations/src/types").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/node/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/node/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/node/components/CardGridInfinite/Card/SecondaryActionButton/styles.d.ts

@@ -1,10 +1,11 @@
 /// <reference types="react" />
-export declare const StyledIconButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
+export declare const StyledIconButton: import("@emotion/styled/dist/declarations/src/types").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/node/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/node/components/CheckableTag/CheckableTag.js

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

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

@@ -18,12 +18,13 @@ export declare const Wrapper: import("@emotion/styled/dist/declarations/src/type
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & CollapsibleTypographyWrapperProps, {}, {}>;
-export declare const StyledButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
+export declare const StyledButton: import("@emotion/styled/dist/declarations/src/types").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/node/components/ConfirmDialog/styles.d.ts

@@ -1,10 +1,11 @@
 /// <reference types="react" />
-export declare const CancelButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
+export declare const CancelButton: import("@emotion/styled/dist/declarations/src/types").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/node/components/DashboardAlert/styles.d.ts

@@ -2,10 +2,11 @@
 export declare const StyledAlert: import("@emotion/styled/dist/declarations/src/types").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/node/components/DashboardLayout/Container/styles.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Root = void 0;
-const constants_1 = require("../../DashboardSidebar/constants");
 const styled_1 = require("../../styled");
-const constants_2 = require("./constants");
+const DashboardSidebar_1 = require("../DashboardSidebar");
+const constants_1 = require("./constants");
 exports.Root = styled_1.styled.div `
   display: grid;
   grid-template-columns: auto 1fr;
@@ -21,7 +21,7 @@ exports.Root = styled_1.styled.div `
 
   /* Причина игнора: Не критично для отображения */
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
-  &:has(.${constants_1.dashboardSidebarClassnames.root}) {
+  &:has(.${DashboardSidebar_1.dashboardSidebarClassnames.root}) {
     column-gap: ${({ theme }) => theme.spacing(4)};
 
     ${({ theme }) => theme.breakpoints.down('sm')} {
@@ -44,15 +44,15 @@ exports.Root = styled_1.styled.div `
     padding: 0;
   }
 
-  &.${constants_2.containerClassnames.compact} {
+  &.${constants_1.containerClassnames.compact} {
     max-width: 1572px;
   }
 
-  &.${constants_2.containerClassnames.wide} {
+  &.${constants_1.containerClassnames.wide} {
     max-width: 1920px;
   }
 
-  &.${constants_2.containerClassnames.focusedMode} {
+  &.${constants_1.containerClassnames.focusedMode} {
     max-width: 100%;
   }
 `;

package/node/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/node/components/DashboardLayout/DashboardLayout.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DashboardLayout = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const DashboardContext_1 = require("../DashboardContext");
-const DashboardSidebar_1 = require("../DashboardSidebar");
+const DashboardSidebar_1 = require("./DashboardSidebar");
 const DashboardWrapper_1 = require("./DashboardWrapper");
 const Header_1 = require("./Header");
 const Main_1 = require("./Main");

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

@@ -3,11 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DashboardSidebar = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const DashboardSidebarSkeleton_1 = require("../DashboardSidebarSkeleton");
-const NavMenu_1 = require("../NavMenu");
-const PinButton_1 = require("../PinButton");
-const cva_1 = require("../utils/cva");
-const getInertProps_1 = require("../utils/getInertProps");
+const DashboardSidebarSkeleton_1 = require("../../DashboardSidebarSkeleton");
+const NavMenu_1 = require("../../NavMenu");
+const PinButton_1 = require("../../PinButton");
+const cva_1 = require("../../utils/cva");
+const getInertProps_1 = require("../../utils/getInertProps");
 const constants_1 = require("./constants");
 const SidebarNav_1 = require("./SidebarNav");
 const styles_1 = require("./styles");

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.sidebarNavClassnames = void 0;
-const createUIKitClassname_1 = require("../../utils/createUIKitClassname");
+const createUIKitClassname_1 = require("../../../utils/createUIKitClassname");
 exports.sidebarNavClassnames = {
     root: (0, createUIKitClassname_1.createUIKitClassname)('dashboard-layout-sidebar__navigation'),
 };

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LABEL_WIDTH = exports.dashboardSidebarClassnames = void 0;
-const createUIKitClassname_1 = require("../utils/createUIKitClassname");
+const createUIKitClassname_1 = require("../../utils/createUIKitClassname");
 exports.dashboardSidebarClassnames = {
     root: (0, createUIKitClassname_1.createUIKitClassname)('dashboard-layout-sidebar'),
     hasProfile: (0, createUIKitClassname_1.createUIKitClassname)('dashboard-layout-sidebar_has-profile'),

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

@@ -6,7 +6,7 @@ export declare const Wrapper: import("@emotion/styled/dist/declarations/src/type
     $isPinned: boolean;
     $alertHeight: number;
 }, 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> & {
+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;
 }, {}, {}>;
 export declare const SidebarRoot: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{

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

@@ -1,14 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Footer = exports.SidebarContent = exports.SidebarHeader = exports.SidebarRoot = exports.StyledPaper = exports.Wrapper = void 0;
-const constants_1 = require("../constants");
-const constants_2 = require("../DashboardLayout/constants");
-const constants_3 = require("../MenuOrganization/constants");
-const OrganizationButton_1 = require("../MenuOrganization/OrganizationButton");
-const Item_1 = require("../NavMenu/Item");
-const Paper_1 = require("../Paper");
-const PinButton_1 = require("../PinButton");
-const styled_1 = require("../styled");
+const constants_1 = require("../../constants");
+const constants_2 = require("../../MenuOrganization/constants");
+const OrganizationButton_1 = require("../../MenuOrganization/OrganizationButton");
+const Item_1 = require("../../NavMenu/Item");
+const Paper_1 = require("../../Paper");
+const PinButton_1 = require("../../PinButton");
+const styled_1 = require("../../styled");
+const constants_3 = require("../constants");
 const constants_4 = require("./constants");
 exports.Wrapper = (0, styled_1.styled)('div', {
     shouldForwardProp: (prop) => !['$isPinned', '$alertHeight'].includes(prop),
@@ -23,7 +23,7 @@ exports.Wrapper = (0, styled_1.styled)('div', {
   ${({ theme }) => theme.breakpoints.down('sm')} {
     position: absolute;
     z-index: ${({ theme }) => theme.zIndex.appBar - 1};
-    top: ${({ $alertHeight }) => `calc(${$alertHeight}px + ${constants_2.HEADER_HEIGHT_MOBILE}) `};
+    top: ${({ $alertHeight }) => `calc(${$alertHeight}px + ${constants_3.HEADER_HEIGHT_MOBILE}) `};
     bottom: 0;
     transform: ${({ $isPinned }) => $isPinned ? 'translateX(0px)' : 'translateX(-100vw)'};
 
@@ -39,7 +39,7 @@ exports.Wrapper = (0, styled_1.styled)('div', {
 }};
 
     &.${constants_4.dashboardSidebarClassnames.hasMenuOrganization}, &.${constants_4.dashboardSidebarClassnames.hasProfile} {
-      top: ${({ $alertHeight }) => `calc(${$alertHeight}px + ${constants_2.HEADER_HEIGHT_MOBILE} + ${OrganizationButton_1.MOBILE_BUTTON_HEIGHT}) `};
+      top: ${({ $alertHeight }) => `calc(${$alertHeight}px + ${constants_3.HEADER_HEIGHT_MOBILE} + ${OrganizationButton_1.MOBILE_BUTTON_HEIGHT}) `};
     }
   }
 `;
@@ -92,11 +92,11 @@ exports.SidebarHeader = styled_1.styled.header `
 
     /* Причина игнора: Не критично для отображения */
     /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
-    &:has(.${constants_3.menuOrganizationClassnames.button}) {
+    &:has(.${constants_2.menuOrganizationClassnames.button}) {
       padding: 0;
     }
 
-    & .${constants_3.menuOrganizationClassnames.button} {
+    & .${constants_2.menuOrganizationClassnames.button} {
       height: ${OrganizationButton_1.MOBILE_BUTTON_HEIGHT};
       padding: ${({ theme }) => theme.spacing(3, 4)};
     }

package/{components → node/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/node/components/{DashboardSidebar → DashboardLayout/DashboardSidebar}/useLogic/hooks/useCloseSidebarOnMobile/useCloseSidebarOnMobile.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useCloseSidebarOnMobile = void 0;
 const react_1 = require("react");
-const DashboardSidebarProvider_1 = require("../../../../DashboardSidebarProvider");
-const NavMenu_1 = require("../../../../NavMenu");
-const useViewportType_1 = require("../../../../useViewportType");
+const DashboardSidebarProvider_1 = require("../../../../../DashboardSidebarProvider");
+const NavMenu_1 = require("../../../../../NavMenu");
+const useViewportType_1 = require("../../../../../useViewportType");
 const SidebarNav_1 = require("../../../SidebarNav");
 const useCloseSidebarOnMobile = () => {
     const { isMobile } = (0, useViewportType_1.useViewportType)();

package/{components → node/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/node/components/{DashboardSidebar → DashboardLayout/DashboardSidebar}/useLogic/useLogic.js

@@ -2,13 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
 const react_1 = require("react");
-const DashboardContext_1 = require("../../DashboardContext");
-const Header_1 = require("../../DashboardLayout/Header");
-const Main_1 = require("../../DashboardLayout/Main");
-const DashboardSidebarProvider_1 = require("../../DashboardSidebarProvider");
-const useTheme_1 = require("../../theme/hooks/useTheme");
-const useViewportType_1 = require("../../useViewportType");
-const classNames_1 = require("../../utils/classNames");
+const DashboardContext_1 = require("../../../DashboardContext");
+const DashboardSidebarProvider_1 = require("../../../DashboardSidebarProvider");
+const useTheme_1 = require("../../../theme/hooks/useTheme");
+const useViewportType_1 = require("../../../useViewportType");
+const classNames_1 = require("../../../utils/classNames");
+const Header_1 = require("../../Header");
+const Main_1 = require("../../Main");
 const constants_1 = require("../constants");
 const hooks_1 = require("./hooks");
 const useLogic = (props) => {

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

@@ -29,12 +29,13 @@ export declare const ProfileWrapper: import("@emotion/styled/dist/declarations/s
 } & {
     $isShow: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ExitButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../..").WithoutEmotionSpecific<import("@mui/material/Button").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
+export declare const ExitButton: import("@emotion/styled/dist/declarations/src/types").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/node/components/DashboardLayout/Header/styles.js

@@ -3,13 +3,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MobileNotificationListWrapper = exports.PriorityFeatureWrapper = exports.HeaderContent = exports.ExitButton = exports.ProfileWrapper = exports.ProductSwitcherWrapper = exports.HeaderContentSection = exports.HeaderSection = exports.MobileSidebarTogglerWrapper = exports.HeaderRoot = void 0;
 const Button_1 = require("@mui/material/Button");
 const DashboardLayoutNotificationList_1 = require("../../DashboardLayoutNotificationList");
-const constants_1 = require("../../DashboardSidebar/constants");
 const IconButton_1 = require("../../IconButton");
-const constants_2 = require("../../MenuOrganization/constants");
-const constants_3 = require("../../MenuOrganization/OrganizationButton/constants");
-const constants_4 = require("../../Profile/constants");
+const constants_1 = require("../../MenuOrganization/constants");
+const constants_2 = require("../../MenuOrganization/OrganizationButton/constants");
+const constants_3 = require("../../Profile/constants");
 const styled_1 = require("../../styled");
-const constants_5 = require("../constants");
+const constants_4 = require("../constants");
+const constants_5 = require("../DashboardSidebar/constants");
 const constants_6 = require("./constants");
 exports.HeaderRoot = (0, styled_1.styled)('header', {
     shouldForwardProp: (prop) => !['$isFocusedMode'].includes(prop),
@@ -23,8 +23,8 @@ exports.HeaderRoot = (0, styled_1.styled)('header', {
   justify-content: space-between;
 
   width: 100%;
-  height: ${constants_5.HEADER_HEIGHT_DESKTOP};
-  margin-top: ${({ $isFocusedMode }) => $isFocusedMode ? `-${constants_5.HEADER_HEIGHT_DESKTOP}` : 0};
+  height: ${constants_4.HEADER_HEIGHT_DESKTOP};
+  margin-top: ${({ $isFocusedMode }) => $isFocusedMode ? `-${constants_4.HEADER_HEIGHT_DESKTOP}` : 0};
   margin-bottom: ${({ theme }) => theme.spacing(4)};
 
   transition: ${({ theme }) => {
@@ -34,14 +34,14 @@ exports.HeaderRoot = (0, styled_1.styled)('header', {
 }};
 
   ${({ theme }) => theme.breakpoints.down('laptop')} {
-    height: ${constants_5.HEADER_HEIGHT_LAPTOP};
+    height: ${constants_4.HEADER_HEIGHT_LAPTOP};
   }
 
   ${({ theme }) => theme.breakpoints.down('sm')} {
     grid-row: 2;
     justify-content: flex-start;
 
-    height: ${constants_5.HEADER_HEIGHT_MOBILE};
+    height: ${constants_4.HEADER_HEIGHT_MOBILE};
     margin-bottom: 0;
     padding: ${({ theme }) => theme.spacing(0, 2, 0, 1)};
 
@@ -62,7 +62,7 @@ exports.MobileSidebarTogglerWrapper = styled_1.styled.div `
   
   /* Причина игнора: Не критично для отображения */
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
-  .${constants_5.dashboardLayoutClassnames.root}:not(:has(.${constants_1.dashboardSidebarClassnames.root}))
+  .${constants_4.dashboardLayoutClassnames.root}:not(:has(.${constants_5.dashboardSidebarClassnames.root}))
     & {
     display: none;
   }
@@ -84,10 +84,10 @@ exports.HeaderContentSection = (0, styled_1.styled)(exports.HeaderSection) `
     gap: ${({ theme }) => theme.spacing(2)};
 
     &.${constants_6.dashboardLayoutHeaderClassnames.priorityFeatureMenuOrg} {
-      & .${constants_2.menuOrganizationClassnames.organizationData} {
+      & .${constants_1.menuOrganizationClassnames.organizationData} {
         display: none;
       }
-      & .${constants_2.menuOrganizationClassnames.button} {
+      & .${constants_1.menuOrganizationClassnames.button} {
         border-radius: ${({ theme }) => theme.shape.medium};
       }
     }
@@ -133,7 +133,7 @@ exports.PriorityFeatureWrapper = styled_1.styled.div `
     &.${constants_6.dashboardLayoutHeaderClassnames.featureInSidebar} {
       position: absolute;
       z-index: ${({ theme }) => theme.zIndex.appBar - 1};
-      top: calc(var(--alert-height, 0px) + ${constants_5.HEADER_HEIGHT_MOBILE});
+      top: calc(var(--alert-height, 0px) + ${constants_4.HEADER_HEIGHT_MOBILE});
       left: 0;
       
       /* Необходимо для анимации компонента вместе с sidebar */
@@ -157,8 +157,8 @@ exports.PriorityFeatureWrapper = styled_1.styled.div `
         transform: translateX(0);
       }
 
-      & .${constants_2.menuOrganizationClassnames.button}, & .${constants_4.profileClassnames.button} {
-        height: ${constants_3.MOBILE_BUTTON_HEIGHT};
+      & .${constants_1.menuOrganizationClassnames.button}, & .${constants_3.profileClassnames.button} {
+        height: ${constants_2.MOBILE_BUTTON_HEIGHT};
         padding: ${({ theme }) => theme.spacing(3, 4)};
 
         border-bottom: 1px solid ${({ theme }) => theme.palette.components.border.default};
@@ -175,12 +175,12 @@ exports.PriorityFeatureWrapper = styled_1.styled.div `
       &.${constants_6.dashboardLayoutHeaderClassnames.hasNotificationList} {
         gap: ${({ theme }) => theme.spacing(4)};
 
-        height: ${constants_3.MOBILE_BUTTON_HEIGHT};
+        height: ${constants_2.MOBILE_BUTTON_HEIGHT};
         padding: ${({ theme }) => theme.spacing(2, 3)};
 
         border-bottom: 1px solid ${({ theme }) => theme.palette.components.border.default};
 
-        & .${constants_2.menuOrganizationClassnames.button}, & .${constants_4.profileClassnames.button} {
+        & .${constants_1.menuOrganizationClassnames.button}, & .${constants_3.profileClassnames.button} {
           flex-grow: 1;
 
           height: unset;
@@ -197,18 +197,18 @@ exports.PriorityFeatureWrapper = styled_1.styled.div `
         }
 
 
-        & .${constants_4.profileClassnames.button} {
+        & .${constants_3.profileClassnames.button} {
           width: 100%;
           max-width: unset;
 
           border-radius: 0;
         }
 
-        & .${constants_4.profileClassnames.avatar} {
+        & .${constants_3.profileClassnames.avatar} {
           display: none;
         }
 
-        & .${constants_4.profileClassnames.user} {
+        & .${constants_3.profileClassnames.user} {
           display: flex;
           align-items: center;
           justify-content: space-between;

package/node/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/node/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';