@ozen-ui/kit 0.82.0 → 0.83.0

package/__inner__/esm/components/Sidebar/modules/SidebarSizer/SidebarSizer.css

@@ -0,0 +1,24 @@
+.SidebarSizer {
+  box-shadow: var(--shadow-l);
+}
+
+  .SidebarSizer.IconButtonNext {
+    --icon-button-size: 24px;
+    --icon-button-bg-color: var(--color-background-main);
+    --icon-button-bg-color-hover: var(--color-background-main-hover);
+    --icon-button-bg-color-active: var(--color-background-main-pressed);
+    --icon-button-bg-color-focus: var(--color-background-main-hover);
+    --icon-button-font-color: var(--color-content-primary);
+    --icon-button-font-color-hover: var(--color-content-primary);
+    --icon-button-font-color-active: var(--color-content-primary);
+    --icon-button-font-color-focus: var(--color-content-primary);
+  }
+
+  .SidebarSizer-Icon {
+    transform: rotate(180deg);
+    transition: var(--transition-default) transform;
+  }
+
+  .SidebarSizer_expanded .SidebarSizer-Icon {
+      transform: rotate(0deg);
+    }

package/__inner__/esm/components/Sidebar/modules/SidebarSizer/SidebarSizer.js

@@ -0,0 +1,23 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { ArrowLeftIcon } from '@ozen-ui/icons';
+import { useThemeProps } from '../../../../hooks/useThemeProps';
+import { cn, polymorphicComponentWithRef } from '../../../../utils';
+import { IconButton } from '../../../IconButtonNext';
+import { useSidebarContext } from '../../SidebarContext';
+import { SIDEBAR_SIZER_DEFAULT_EXPANDED_VARIANTS, SIDEBAR_SIZER_DEFAULT_TAG, } from './constants';
+export var cnSidebarSizer = cn('SidebarSizer');
+export var SidebarSizer = polymorphicComponentWithRef(function (inProps, ref) {
+    var props = useThemeProps({
+        props: inProps,
+        name: 'SidebarSizer',
+    });
+    var _a = props.as, as = _a === void 0 ? SIDEBAR_SIZER_DEFAULT_TAG : _a, className = props.className, _b = props.expandedVariants, expandedVariants = _b === void 0 ? SIDEBAR_SIZER_DEFAULT_EXPANDED_VARIANTS : _b, onClick = props.onClick, onChange = props.onChange, other = __rest(props, ["as", "className", "expandedVariants", "onClick", "onChange"]);
+    var variant = useSidebarContext().variant;
+    var isExpanded = expandedVariants.includes(variant);
+    return (React.createElement(IconButton, __assign({}, other, { as: as, ref: ref, size: "2xs", compressed: true, onClick: function (event) {
+            onClick === null || onClick === void 0 ? void 0 : onClick(event);
+            onChange === null || onChange === void 0 ? void 0 : onChange({ currentVariant: variant, collapsed: !isExpanded }, event);
+        }, className: cnSidebarSizer({ expanded: isExpanded }, [className]), icon: React.createElement(ArrowLeftIcon, { className: cnSidebarSizer('Icon') }) })));
+});
+SidebarSizer.displayName = 'SidebarSizer';

package/__inner__/esm/components/Sidebar/modules/SidebarSizer/constants.js

@@ -0,0 +1,5 @@
+import { ICON_BUTTON_DEFAULT_TAG } from '../../../IconButtonNext';
+export var SIDEBAR_SIZER_DEFAULT_TAG = ICON_BUTTON_DEFAULT_TAG;
+export var SIDEBAR_SIZER_DEFAULT_EXPANDED_VARIANTS = [
+    'full',
+];

package/__inner__/esm/components/Sidebar/modules/SidebarSizer/index.js

@@ -0,0 +1,3 @@
+export * from './constants';
+export * from './SidebarSizer';
+export * from './types';

package/__inner__/esm/components/Sidebar/modules/SidebarSizer/types.js

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

package/__inner__/esm/components/Sidebar/modules/SidebarSubitem/SidebarSubitem.css

@@ -0,0 +1,37 @@
+.SidebarSubitem-Icon {
+  block-size: 100%;
+}
+
+.SidebarSubitem-Icon_animation-enter {
+    opacity: 0;
+    transform: scale(0);
+  }
+
+.SidebarSubitem-Icon_animation-enter-active {
+    opacity: 1;
+    transform: scale(1);
+    transition: var(--transition-default);
+    transition-property: opacity, transform;
+  }
+
+.SidebarSubitem-Icon_animation-enter-done {
+    opacity: 1;
+    transform: none;
+  }
+
+.SidebarSubitem-Icon_animation-exit {
+    opacity: 1;
+    transform: scale(1);
+  }
+
+.SidebarSubitem-Icon_animation-exit-active {
+    opacity: 0;
+    transform: scale(0);
+    transition: var(--transition-default);
+    transition-property: opacity, transform;
+  }
+
+.SidebarSubitem-Icon_animation-exit-done {
+    opacity: 0;
+    transform: scale(0);
+  }

package/__inner__/esm/components/Sidebar/modules/SidebarSubitem/SidebarSubitem.js

@@ -0,0 +1,24 @@
+import { __assign, __rest } from "tslib";
+import React, { useRef } from 'react';
+import { DotIcon } from '@ozen-ui/icons';
+import { CSSTransition } from 'react-transition-group';
+import { useThemeProps } from '../../../../hooks/useThemeProps';
+import { cn, polymorphicComponentWithRef } from '../../../../utils';
+import { useSidebarContext } from '../../SidebarContext';
+import { SidebarItem } from '../SidebarItem';
+import { SIDEBAR_SUBITEM_DEFAULT_TAG } from './constants';
+export var cnSidebarSubitem = cn('SidebarSubitem');
+export var SidebarSubitem = polymorphicComponentWithRef(function (inProps, ref) {
+    var props = useThemeProps({
+        props: inProps,
+        name: 'SidebarSubitem',
+    });
+    var _a = props.as, as = _a === void 0 ? SIDEBAR_SUBITEM_DEFAULT_TAG : _a, children = props.children, className = props.className, other = __rest(props, ["as", "children", "className"]);
+    var variant = useSidebarContext().variant;
+    var iconRef = useRef(null);
+    var isShowDot = variant !== 'full';
+    return (React.createElement(SidebarItem, __assign({}, other, { icon: React.createElement(CSSTransition, { nodeRef: iconRef, in: isShowDot, timeout: 120, classNames: cnSidebarSubitem('Icon', { animation: true }), unmountOnExit: true, mountOnEnter: true },
+            React.createElement("div", { ref: iconRef, className: cnSidebarSubitem('Icon') },
+                React.createElement(DotIcon, null))), gutters: false, ref: ref, as: as, className: cnSidebarSubitem('', [className]) }), children));
+});
+SidebarSubitem.displayName = 'SidebarSubitem';

package/__inner__/esm/components/Sidebar/modules/SidebarSubitem/constants.js

@@ -0,0 +1,3 @@
+import { SIDEBAR_ITEM_DEFAULT_TAG } from '../SidebarItem';
+export var SIDEBAR_SUBITEM_DEFAULT_TAG = SIDEBAR_ITEM_DEFAULT_TAG;
+export var SIDEBAR_SUBITEM_DEFAULT_INTERACTIVE = true;

package/__inner__/esm/components/Sidebar/modules/SidebarSubitem/index.js

@@ -0,0 +1,3 @@
+export * from './constants';
+export * from './SidebarSubitem';
+export * from './types';

package/__inner__/esm/components/Sidebar/modules/SidebarSubitem/types.js

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

package/__inner__/esm/components/Sidebar/modules/SidebarUser/SidebarUser.css

@@ -0,0 +1,17 @@
+.SidebarUser-Indicator {
+    --indicator-border-color: var(--sidebar-background-color)
+  }
+  .SidebarUser-Name {
+    color: var(--sidebar-content-primary-color);
+  }
+  .SidebarUser-Content {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    flex-shrink: 0;
+    white-space: nowrap;
+  }
+  .SidebarUser-Content_hasStatus {
+    display: flex;
+    flex-direction: column;
+  }

package/__inner__/esm/components/Sidebar/modules/SidebarUser/SidebarUser.js

@@ -0,0 +1,30 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { useThemeProps } from '../../../../hooks/useThemeProps';
+import { cn, isFunction, polymorphicComponentWithRef } from '../../../../utils';
+import { Avatar } from '../../../Avatar';
+import { Typography } from '../../../Typography';
+import { useSidebarContext } from '../../SidebarContext';
+import { SidebarCollapsibleItem } from '../SidebarCollapsibleItem';
+import { SIDEBAR_USER_DEFAULT_TAG } from './constants';
+export var cnSidebarUser = cn('SidebarUser');
+export var SidebarUser = polymorphicComponentWithRef(function (inProps, ref) {
+    var _a;
+    var props = useThemeProps({
+        props: inProps,
+        name: 'SidebarUser',
+    });
+    var _b = props.as, as = _b === void 0 ? SIDEBAR_USER_DEFAULT_TAG : _b, className = props.className, avatarProps = props.avatarProps, name = props.name, online = props.online, status = props.status, other = __rest(props, ["as", "className", "avatarProps", "name", "online", "status"]);
+    var variant = useSidebarContext().variant;
+    var hasStatus = !!status;
+    var isCollapsed = variant !== 'full';
+    return (React.createElement(SidebarCollapsibleItem, __assign({}, other, { ref: ref, as: as, className: cnSidebarUser('', [className]), fixed: React.createElement(Avatar, __assign({}, avatarProps, { online: isFunction(online) ? online({ collapsed: isCollapsed }) : online, name: (_a = avatarProps === null || avatarProps === void 0 ? void 0 : avatarProps.name) !== null && _a !== void 0 ? _a : name, size: "xs", indicatorProps: { className: cnSidebarUser('Indicator') }, className: cnSidebarUser('Avatar', [avatarProps === null || avatarProps === void 0 ? void 0 : avatarProps.className]), colorScheme: {
+                text: 'content-primary',
+                background: 'background-tertiary',
+            } })), collapsed: isCollapsed, classNames: {
+            content: cnSidebarUser('Content', { hasStatus: hasStatus }),
+        } }),
+        React.createElement(Typography, { variant: "text-s", as: "span", className: cnSidebarUser('Name') }, name),
+        status));
+});
+SidebarUser.displayName = 'SidebarUser';

package/__inner__/esm/components/Sidebar/modules/SidebarUser/constants.js

@@ -0,0 +1 @@
+export var SIDEBAR_USER_DEFAULT_TAG = 'div';

package/__inner__/esm/components/Sidebar/modules/SidebarUser/index.js

@@ -0,0 +1,3 @@
+export * from './constants';
+export * from './SidebarUser';
+export * from './types';

package/__inner__/esm/components/Sidebar/modules/SidebarUser/types.js

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

package/__inner__/esm/components/Sidebar/modules/SidebarUserMenu/SidebarUserMenu.css

@@ -0,0 +1,34 @@
+/* stylelint-disable */
+.SidebarUserMenu-Button_color_main.ButtonNext {
+    --button-font-color: var(--color-content-primary);
+    --button-font-color-hover: var(--color-content-primary);
+    --button-font-color-active: var(--color-content-primary);
+    --button-font-color-focus: var(--color-content-primary);
+  }
+.SidebarUserMenu-Button_color_accent.ButtonNext {
+    --button-font-color: var(--color-content-primary-inverse);
+    --button-font-color-hover: var(--color-content-primary-inverse);
+    --button-font-color-active: var(--color-content-primary-inverse);
+    --button-font-color-focus: var(--color-content-primary-inverse);
+  }
+.SidebarUserMenu-Chevron {
+    transform: rotate(0deg);
+    transition: var(--transition-default) transform;
+  }
+.SidebarUserMenu-Button.ButtonNext {
+      inline-size: -moz-fit-content;
+      inline-size: fit-content;
+      justify-content: flex-start;
+    }
+.SidebarUserMenu-Button .ButtonNext-Content {
+      flex-grow: initial;
+      gap: var(--spacing-3xs);
+    }
+.SidebarUserMenu-Button .ButtonNext-Label {
+      font: var(--typography-text-2xs_1-font);
+      letter-spacing: var(--typography-text-2xs_1-letter_spacing, 0);
+      text-transform: var(--typography-text-2xs_1-text_transform, none);
+    }
+.SidebarUserMenu-Button_open .SidebarUserMenu-Chevron {
+        transform: rotate(180deg);
+      }

package/__inner__/esm/components/Sidebar/modules/SidebarUserMenu/SidebarUserMenu.js

@@ -0,0 +1,44 @@
+import { __assign, __read, __rest } from "tslib";
+import React, { useRef } from 'react';
+import { ChevronDownSmallIcon } from '@ozen-ui/icons';
+import { useControlled } from '../../../../hooks/useControlled';
+import { useMultiRef } from '../../../../hooks/useMultiRef';
+import { useThemeProps } from '../../../../hooks/useThemeProps';
+import { cn, polymorphicComponentWithRef } from '../../../../utils';
+import { Button } from '../../../ButtonNext';
+import { Menu } from '../../../Menu';
+import { useSidebarContext } from '../../SidebarContext';
+import { SIDEBAR_USER_MENU_DEFAULT_TAG } from './constants';
+export var cnSidebarUserMenu = cn('SidebarUserMenu');
+export var SidebarUserMenu = polymorphicComponentWithRef(function (inProps, ref) {
+    var props = useThemeProps({
+        props: inProps,
+        name: 'SidebarUserMenu',
+    });
+    var _a = props.as, as = _a === void 0 ? SIDEBAR_USER_MENU_DEFAULT_TAG : _a, className = props.className, children = props.children, label = props.label, open = props.open, onOpenChange = props.onOpenChange, menuProps = props.menuProps, onClick = props.onClick, other = __rest(props, ["as", "className", "children", "label", "open", "onOpenChange", "menuProps", "onClick"]);
+    var color = useSidebarContext().color;
+    var buttonRef = useRef(null);
+    var _b = __read(useControlled({
+        name: 'SidebarUserMenu',
+        value: open,
+        defaultValue: false,
+        state: 'isOpen',
+    }), 2), isOpen = _b[0], setIsOpenState = _b[1];
+    var setIsOpen = function (isOpen) {
+        setIsOpenState(isOpen);
+        onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange({ open: isOpen });
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Button, __assign({}, other, { as: as, ref: useMultiRef([ref, buttonRef]), variant: "function", onClick: function (event) {
+                setIsOpen(!isOpen);
+                onClick === null || onClick === void 0 ? void 0 : onClick(event);
+            }, className: cnSidebarUserMenu('Button', { color: color, open: isOpen }, [
+                className,
+            ]), size: "2xs", iconRight: React.createElement(ChevronDownSmallIcon, { className: cnSidebarUserMenu('Chevron') }) }), label),
+        React.createElement(Menu, __assign({ placement: "right-end" }, menuProps, { size: "xs", anchorRef: buttonRef, open: isOpen, className: cnSidebarUserMenu('Menu', [menuProps === null || menuProps === void 0 ? void 0 : menuProps.className]), onClose: function () {
+                var _a;
+                setIsOpen(false);
+                (_a = menuProps === null || menuProps === void 0 ? void 0 : menuProps.onClose) === null || _a === void 0 ? void 0 : _a.call(menuProps);
+            } }), children)));
+});
+SidebarUserMenu.displayName = 'SidebarUserMenu';

package/__inner__/esm/components/Sidebar/modules/SidebarUserMenu/constants.js

@@ -0,0 +1,2 @@
+import { BUTTON_DEFAULT_TAG } from '../../../ButtonNext';
+export var SIDEBAR_USER_MENU_DEFAULT_TAG = BUTTON_DEFAULT_TAG;

package/__inner__/esm/components/Sidebar/modules/SidebarUserMenu/index.js

@@ -0,0 +1,3 @@
+export * from './constants';
+export * from './SidebarUserMenu';
+export * from './types';

package/__inner__/esm/components/Sidebar/modules/SidebarUserMenu/types.js

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

package/__inner__/esm/components/Sidebar/modules/SidebarUserOnline/SidebarUserOnline.js

@@ -0,0 +1,20 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { useThemeProps } from '../../../../hooks/useThemeProps';
+import { cn, polymorphicComponentWithRef } from '../../../../utils';
+import { Indicator } from '../../../Indicator';
+import { Stack } from '../../../Stack';
+import { Typography } from '../../../Typography';
+import { SIDEBAR_USER_ONLINE_DEFAULT_TAG, SIDEBAR_USER_ONLINE_DEFAULT_INDICATOR_VARIANT, SIDEBAR_USER_ONLINE_DEFAULT_TYPOGRAPHY_COLOR, } from './constants';
+export var cnSidebarUserOnline = cn('SidebarUserOnline');
+export var SidebarUserOnline = polymorphicComponentWithRef(function (inProps, ref) {
+    var props = useThemeProps({
+        props: inProps,
+        name: 'SidebarUserOnline',
+    });
+    var _a = props.as, as = _a === void 0 ? SIDEBAR_USER_ONLINE_DEFAULT_TAG : _a, className = props.className, _b = props.indicatorVariant, indicatorVariant = _b === void 0 ? SIDEBAR_USER_ONLINE_DEFAULT_INDICATOR_VARIANT : _b, _c = props.textColor, textColor = _c === void 0 ? SIDEBAR_USER_ONLINE_DEFAULT_TYPOGRAPHY_COLOR : _c, label = props.label, other = __rest(props, ["as", "className", "indicatorVariant", "textColor", "label"]);
+    return (React.createElement(Stack, __assign({}, other, { ref: ref, as: as, gap: "xs", align: "center", justify: "start", className: cnSidebarUserOnline('', [className]) }),
+        React.createElement(Indicator, { variant: indicatorVariant, className: cnSidebarUserOnline('Indicator'), size: "s" }),
+        React.createElement(Typography, { variant: "text-2xs_1", className: cnSidebarUserOnline('Label'), color: textColor, as: "span" }, label)));
+});
+SidebarUserOnline.displayName = 'SidebarUserOnline';

package/__inner__/esm/components/Sidebar/modules/SidebarUserOnline/constants.js

@@ -0,0 +1,3 @@
+export var SIDEBAR_USER_ONLINE_DEFAULT_TAG = 'div';
+export var SIDEBAR_USER_ONLINE_DEFAULT_INDICATOR_VARIANT = 'success';
+export var SIDEBAR_USER_ONLINE_DEFAULT_TYPOGRAPHY_COLOR = 'success';

package/__inner__/esm/components/Sidebar/modules/SidebarUserOnline/index.js

@@ -0,0 +1,3 @@
+export * from './constants';
+export * from './SidebarUserOnline';
+export * from './types';

package/__inner__/esm/components/Sidebar/modules/SidebarUserOnline/types.js

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

package/__inner__/esm/components/Sidebar/modules/index.js

@@ -0,0 +1,14 @@
+export * from './SidebarCollapsibleItem';
+export * from './SidebarContent';
+export * from './SidebarDivider';
+export * from './SidebarFooter';
+export * from './SidebarHeader';
+export * from './SidebarHeaderLogo';
+export * from './SidebarItem';
+export * from './SidebarItemBadge';
+export * from './SidebarList';
+export * from './SidebarSizer';
+export * from './SidebarSubitem';
+export * from './SidebarUser';
+export * from './SidebarUserMenu';
+export * from './SidebarUserOnline';

package/__inner__/esm/components/Sidebar/types.js

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

package/__inner__/esm/locale/locale.js

@@ -104,6 +104,9 @@ export var ruRU = {
         Select: {
             clearText: 'Очистить',
         },
+        SidebarUserOnline: {
+            label: 'Онлайн',
+        },
     },
 };
 export var kkKZ = {
@@ -211,6 +214,9 @@ export var kkKZ = {
         Select: {
             clearText: 'Тазалау',
         },
+        SidebarUserOnline: {
+            label: 'Онлайн',
+        },
     },
 };
 export var enUS = {
@@ -319,5 +325,8 @@ export var enUS = {
         Select: {
             clearText: 'Clear',
         },
+        SidebarUserOnline: {
+            label: 'Online',
+        },
     },
 };

package/__inner__/types/components/Badge/index.d.ts

@@ -1,2 +1,3 @@
+export * from './constants';
 export * from './Badge';
 export * from './types';

package/__inner__/types/components/Badge/types.d.ts

@@ -33,5 +33,7 @@ export type BadgeBaseProps = {
     showZero?: boolean;
     /** Если `true` компонент будет скрыт */
     invisible?: boolean;
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
 };
 export type BadgeProps<As extends ElementType = 'div'> = PolymorphicComponentPropsWithRef<BadgeBaseProps, As>;

package/__inner__/types/components/Divider/types.d.ts

@@ -24,5 +24,7 @@ export type DividerBaseProps = {
     orientation?: DividerOrientationVariant;
     /** Цвет */
     color?: DividerColorVariant;
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
 };
 export type DividerProps<As extends ElementType = typeof DIVIDER_DEFAULT_TAG> = PolymorphicComponentPropsWithRef<DividerBaseProps, As>;

package/__inner__/types/components/OzenProvider/providers/theme/entities/defaultProps.d.ts

@@ -64,6 +64,7 @@ import type { RadioProps as RadioNextProps } from '../../../../RadioNext';
 import type { SectionMessageProps } from '../../../../SectionMessage';
 import type { SegmentProps } from '../../../../Segment';
 import type { SelectIconButtonProps, SelectProps } from '../../../../Select';
+import type { SidebarProps, SidebarItemProps, SidebarCollapsibleItemProps, SidebarDividerProps, SidebarHeaderProps, SidebarListProps, SidebarHeaderLogoProps, SidebarContentProps, SidebarFooterProps, SidebarUserProps, SidebarUserOnlineProps, SidebarSizerProps, SidebarUserMenuProps, SidebarItemBadgeProps, SidebarSubitemProps } from '../../../../Sidebar';
 import type { SliderProps } from '../../../../Slider';
 import type { SnackbarProviderProps } from '../../../../Snackbar';
 import type { StackProps } from '../../../../Stack';
@@ -199,6 +200,21 @@ export type ThemeDefaultProps = {
     Segment?: Partial<SegmentProps>;
     Select?: Partial<SelectProps>;
     SelectIconButton?: Partial<SelectIconButtonProps>;
+    Sidebar?: Partial<SidebarProps>;
+    SidebarItem?: Partial<SidebarItemProps>;
+    SidebarSubitem?: Partial<SidebarSubitemProps>;
+    SidebarHeader?: Partial<SidebarHeaderProps>;
+    SidebarCollapsibleItem?: Partial<SidebarCollapsibleItemProps>;
+    SidebarDivider?: Partial<SidebarDividerProps>;
+    SidebarList?: Partial<SidebarListProps>;
+    SidebarContent?: Partial<SidebarContentProps>;
+    SidebarHeaderLogo?: Partial<SidebarHeaderLogoProps>;
+    SidebarFooter?: Partial<SidebarFooterProps>;
+    SidebarUser?: Partial<SidebarUserProps>;
+    SidebarUserOnline?: Partial<SidebarUserOnlineProps>;
+    SidebarSizer?: Partial<SidebarSizerProps>;
+    SidebarItemBadge?: Partial<SidebarItemBadgeProps>;
+    SidebarUserMenu?: Partial<SidebarUserMenuProps>;
     Slider?: Partial<SliderProps>;
     SnackbarProvider?: Partial<SnackbarProviderProps>;
     Stack?: Partial<StackProps>;

package/__inner__/types/components/Sidebar/Sidebar.d.ts

@@ -0,0 +1,16 @@
+import './Sidebar.css';
+import './modules/SidebarCollapsibleItem/SidebarCollapsibleItem.css';
+import './modules/SidebarContent/SidebarContent.css';
+import './modules/SidebarDivider/SidebarDivider.css';
+import './modules/SidebarFooter/SidebarFooter.css';
+import './modules/SidebarHeader/SidebarHeader.css';
+import './modules/SidebarHeaderLogo/SidebarHeaderLogo.css';
+import './modules/SidebarItem/SidebarItem.css';
+import './modules/SidebarList/SidebarList.css';
+import './modules/SidebarSizer/SidebarSizer.css';
+import './modules/SidebarSubitem/SidebarSubitem.css';
+import './modules/SidebarUser/SidebarUser.css';
+import './modules/SidebarUserMenu/SidebarUserMenu.css';
+import type { SidebarBaseProps } from './types';
+export declare const cnSidebar: import("@bem-react/classname").ClassNameFormatter;
+export declare const Sidebar: import("../../utils").PolymorphicComponentWithRef<SidebarBaseProps, "aside", "as">;

package/__inner__/types/components/Sidebar/SidebarContext.d.ts

@@ -0,0 +1,9 @@
+import type { SidebarColorVariant, SidebarSizeVariant, SidebarVariant } from './entities';
+export type SidebarContextValue = {
+    variant: SidebarVariant;
+    size: SidebarSizeVariant;
+    color: SidebarColorVariant;
+};
+export declare const SidebarContextDefaultValue: SidebarContextValue;
+export declare const SidebarContext: import("react").Context<SidebarContextValue>;
+export declare const useSidebarContext: () => SidebarContextValue;

package/__inner__/types/components/Sidebar/constants.d.ts

@@ -0,0 +1,5 @@
+export declare const SIDEBAR_DEFAULT_TAG = "aside";
+export declare const SIDEBAR_DEFAULT_VARIANT = "mini";
+export declare const SIDEBAR_DEFAULT_ROUNDED = true;
+export declare const SIDEBAR_DEFAULT_SIZE = "m";
+export declare const SIDEBAR_DEFAULT_COLOR = "main";

package/__inner__/types/components/Sidebar/entities/color.d.ts

@@ -0,0 +1,2 @@
+export declare const sidebarColorVariant: readonly ["main", "accent"];
+export type SidebarColorVariant = (typeof sidebarColorVariant)[number];

package/__inner__/types/components/Sidebar/entities/index.d.ts

@@ -0,0 +1,3 @@
+export * from './color';
+export * from './size';
+export * from './variant';

package/__inner__/types/components/Sidebar/entities/size.d.ts

@@ -0,0 +1,2 @@
+export declare const sidebarSizeVariant: readonly ["s", "m"];
+export type SidebarSizeVariant = (typeof sidebarSizeVariant)[number];

package/__inner__/types/components/Sidebar/entities/variant.d.ts

@@ -0,0 +1,2 @@
+export declare const sidebarVariant: readonly ["mini", "compact", "full"];
+export type SidebarVariant = (typeof sidebarVariant)[number];

package/__inner__/types/components/Sidebar/hooks/index.d.ts

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

package/__inner__/types/components/Sidebar/hooks/useAnimationFlip.d.ts

@@ -0,0 +1,2 @@
+import type { RefObject } from 'react';
+export declare const useAnimationFlip: (ref: RefObject<HTMLDivElement>) => (applyLayoutChange: (node: HTMLDivElement) => void) => void;

package/__inner__/types/components/Sidebar/index.d.ts

@@ -0,0 +1,6 @@
+export * from './entities';
+export * from './modules';
+export * from './constants';
+export * from './Sidebar';
+export * from './SidebarContext';
+export * from './types';

package/__inner__/types/components/Sidebar/modules/SidebarCollapsibleItem/SidebarCollapsibleItem.d.ts

@@ -0,0 +1,4 @@
+import type { SidebarCollapsibleItemBaseProps } from './types';
+export declare const cnSidebarCollapsibleItem: import("@bem-react/classname").ClassNameFormatter;
+export declare const marginAutoClassName: string;
+export declare const SidebarCollapsibleItem: import("../../../../utils").PolymorphicComponentWithRef<SidebarCollapsibleItemBaseProps, "div", "as">;

package/__inner__/types/components/Sidebar/modules/SidebarCollapsibleItem/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const SIDEBAR_COLLAPSIBLE_ITEM_DEFAULT_TAG = "div";
+export declare const SIDEBAR_COLLAPSIBLE_ITEM_DEFAULT_JUSTIFY = "start";

package/__inner__/types/components/Sidebar/modules/SidebarCollapsibleItem/index.d.ts

@@ -0,0 +1,3 @@
+export * from './constants';
+export * from './SidebarCollapsibleItem';
+export * from './types';

package/__inner__/types/components/Sidebar/modules/SidebarCollapsibleItem/types.d.ts

@@ -0,0 +1,30 @@
+import type { ComponentRef, ElementType, ReactNode } from 'react';
+import type { PolymorphicComponentPropsWithRef, RenderContentType } from '../../../../utils';
+import type { StackBaseProps } from '../../../Stack';
+import type { SIDEBAR_COLLAPSIBLE_ITEM_DEFAULT_TAG } from './constants';
+export type SidebarCollapsibleItemClassNames = {
+    content?: string;
+    fixed?: string;
+};
+export type SidebarCollapsibleItemFixedProps = {
+    collapsed: boolean;
+};
+export type SidebarCollapsibleItemFixed = RenderContentType<SidebarCollapsibleItemFixedProps>['content'];
+export type SidebarCollapsibleItemBaseProps = {
+    /** Фиксированная часть */
+    fixed: SidebarCollapsibleItemFixed;
+    /** Кастомный класс */
+    className?: string;
+    /** Кастомный классы блоков */
+    classNames?: SidebarCollapsibleItemClassNames;
+    /** Флаг анимированности.
+     * При `true` анимирует переход между collapsed и не collapsed состояниями
+     * */
+    animated?: boolean;
+    /** Контент */
+    children?: ReactNode;
+    /** Флаг свернутости. При `true` скрывает `children` */
+    collapsed?: boolean;
+} & StackBaseProps;
+export type SidebarCollapsibleItemProps<As extends ElementType = typeof SIDEBAR_COLLAPSIBLE_ITEM_DEFAULT_TAG> = PolymorphicComponentPropsWithRef<SidebarCollapsibleItemBaseProps, As>;
+export type SidebarCollapsibleItemRef<As extends ElementType = typeof SIDEBAR_COLLAPSIBLE_ITEM_DEFAULT_TAG> = ComponentRef<As>;

package/__inner__/types/components/Sidebar/modules/SidebarContent/SidebarContent.d.ts

@@ -0,0 +1,3 @@
+import type { SidebarContentBaseProps } from './types';
+export declare const cnSidebarContent: import("@bem-react/classname").ClassNameFormatter;
+export declare const SidebarContent: import("../../../../utils").PolymorphicComponentWithRef<SidebarContentBaseProps, "nav", "as">;

package/__inner__/types/components/Sidebar/modules/SidebarContent/constants.d.ts

@@ -0,0 +1 @@
+export declare const SIDEBAR_CONTENT_DEFAULT_TAG = "nav";

package/__inner__/types/components/Sidebar/modules/SidebarContent/index.d.ts

@@ -0,0 +1,3 @@
+export * from './constants';
+export * from './SidebarContent';
+export * from './types';

package/__inner__/types/components/Sidebar/modules/SidebarContent/types.d.ts

@@ -0,0 +1,15 @@
+import type { ComponentRef, ElementType, ReactNode } from 'react';
+import type { PolymorphicComponentPropsWithRef } from '../../../../utils';
+import type { SIDEBAR_CONTENT_DEFAULT_TAG } from './constants';
+export type SidebarContentBaseProps = {
+    /** Контент */
+    children: ReactNode;
+    /** Нижний блок */
+    bottom?: ReactNode;
+    /** Кастомный класс */
+    className?: string;
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
+};
+export type SidebarContentProps<As extends ElementType = typeof SIDEBAR_CONTENT_DEFAULT_TAG> = PolymorphicComponentPropsWithRef<SidebarContentBaseProps, As>;
+export type SidebarContentRef<As extends ElementType = typeof SIDEBAR_CONTENT_DEFAULT_TAG> = ComponentRef<As>;

package/__inner__/types/components/Sidebar/modules/SidebarDivider/SidebarDivider.d.ts

@@ -0,0 +1,2 @@
+export declare const cnSidebarDivider: import("@bem-react/classname").ClassNameFormatter;
+export declare const SidebarDivider: import("../../../../utils").PolymorphicComponentWithRef<import("../../../Divider").DividerBaseProps, "hr", "as">;

package/__inner__/types/components/Sidebar/modules/SidebarDivider/constants.d.ts

@@ -0,0 +1 @@
+export declare const SIDEBAR_DIVIDER_DEFAULT_TAG = "hr";

package/__inner__/types/components/Sidebar/modules/SidebarDivider/index.d.ts

@@ -0,0 +1,3 @@
+export * from './constants';
+export * from './SidebarDivider';
+export * from './types';

package/__inner__/types/components/Sidebar/modules/SidebarDivider/types.d.ts

@@ -0,0 +1,7 @@
+import type { ComponentRef, ElementType } from 'react';
+import type { PolymorphicComponentPropsWithRef } from '../../../../utils';
+import type { DividerBaseProps } from '../../../Divider';
+import type { SIDEBAR_DIVIDER_DEFAULT_TAG } from './constants';
+export type SidebarDividerBaseProps = DividerBaseProps;
+export type SidebarDividerProps<As extends ElementType = typeof SIDEBAR_DIVIDER_DEFAULT_TAG> = PolymorphicComponentPropsWithRef<SidebarDividerBaseProps, As>;
+export type SidebarDividerRef<As extends ElementType = typeof SIDEBAR_DIVIDER_DEFAULT_TAG> = ComponentRef<As>;

package/__inner__/types/components/Sidebar/modules/SidebarFooter/SidebarFooter.d.ts

@@ -0,0 +1,3 @@
+import type { SidebarFooterBaseProps } from './types';
+export declare const cnSidebarFooter: import("@bem-react/classname").ClassNameFormatter;
+export declare const SidebarFooter: import("../../../../utils").PolymorphicComponentWithRef<SidebarFooterBaseProps, "div", "as">;

package/__inner__/types/components/Sidebar/modules/SidebarFooter/constants.d.ts

@@ -0,0 +1 @@
+export declare const SIDEBAR_FOOTER_DEFAULT_TAG = "div";

package/__inner__/types/components/Sidebar/modules/SidebarFooter/index.d.ts

@@ -0,0 +1,3 @@
+export * from './constants';
+export * from './SidebarFooter';
+export * from './types';