@alfalab/core-components-side-panel 2.1.5 → 2.3.0

package/cssm/components/header/Component.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-ce870b46.js');
+var tslib_es6 = require('../../tslib.es6-9682e485.js');
 var React = require('react');
 var cn = require('classnames');
 require('@alfalab/core-components-base-modal/cssm');

package/cssm/components/header/Component.mobile.d.ts

@@ -1,10 +1,14 @@
-import { FC } from 'react';
+import { ElementType, FC } from 'react';
 import { HeaderProps } from "./Component";
 type HeaderMobileProps = Omit<HeaderProps, 'closer'> & {
     /**
      * Наличие крестика
      */
     hasCloser?: boolean;
+    /**
+     * Иконка closer.
+     */
+    closerIcon?: ElementType;
 };
 declare const HeaderMobile: FC<HeaderMobileProps>;
 export { HeaderMobileProps, HeaderMobile };

package/cssm/components/header/Component.mobile.js

@@ -2,17 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-ce870b46.js');
+var tslib_es6 = require('../../tslib.es6-9682e485.js');
 var React = require('react');
 var cn = require('classnames');
 require('@alfalab/core-components-base-modal/cssm');
 require('../../Context.js');
-require('./index.module.css');
-var components_header_Component = require('./Component.js');
 require('@alfalab/core-components-icon-button/cssm');
-require('@alfalab/icons-glyph/CrossHeavyMIcon');
 require('../closer/index.module.css');
 var components_closer_Component = require('../closer/Component.js');
+require('./index.module.css');
+var components_header_Component = require('./Component.js');
 var CrossMIcon = require('@alfalab/icons-glyph/CrossMIcon');
 var styles = require('./mobile.module.css');
 
@@ -25,10 +24,10 @@ var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 var HeaderMobile = function (_a) {
     var _b;
-    var className = _a.className, contentClassName = _a.contentClassName, _c = _a.hasCloser, hasCloser = _c === void 0 ? true : _c, sticky = _a.sticky, restProps = tslib_es6.__rest(_a, ["className", "contentClassName", "hasCloser", "sticky"]);
+    var className = _a.className, contentClassName = _a.contentClassName, _c = _a.hasCloser, hasCloser = _c === void 0 ? true : _c, sticky = _a.sticky, _d = _a.closerIcon, closerIcon = _d === void 0 ? CrossMIcon__default['default'] : _d, restProps = tslib_es6.__rest(_a, ["className", "contentClassName", "hasCloser", "sticky", "closerIcon"]);
     return (React__default['default'].createElement(components_header_Component.Header, tslib_es6.__assign({ className: cn__default['default'](className, (_b = {},
             _b[styles__default['default'].sticky] = sticky,
-            _b)), contentClassName: cn__default['default'](styles__default['default'].content, contentClassName), closer: hasCloser ? React__default['default'].createElement(components_closer_Component.Closer, { icon: CrossMIcon__default['default'], size: 'xs' }) : null, sticky: sticky }, restProps)));
+            _b)), contentClassName: cn__default['default'](styles__default['default'].content, contentClassName), closer: hasCloser ? React__default['default'].createElement(components_closer_Component.Closer, { icon: closerIcon, size: 'xs' }) : null, sticky: sticky }, restProps)));
 };
 
 exports.HeaderMobile = HeaderMobile;

package/cssm/desktop.js

@@ -2,21 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-ce870b46.js');
+require('./tslib.es6-9682e485.js');
 require('react');
+require('react-merge-refs');
 require('classnames');
 require('@alfalab/core-components-drawer/cssm');
-require('react-merge-refs');
 require('@alfalab/core-components-base-modal/cssm');
 require('./Context.js');
-require('./components/header/index.module.css');
-require('./components/header/Component.js');
-require('@alfalab/core-components-icon-button/cssm');
-require('@alfalab/icons-glyph/CrossHeavyMIcon');
-require('./components/closer/index.module.css');
-require('./components/closer/Component.js');
-require('./components/header/desktop.module.css');
-require('./components/header/Component.desktop.js');
 require('./components/content/index.module.css');
 require('./components/content/Component.js');
 require('./components/content/desktop.module.css');
@@ -26,6 +18,14 @@ require('./components/footer/layout.module.css');
 require('./components/footer/Component.js');
 require('./components/footer/desktop.module.css');
 require('./components/footer/Component.desktop.js');
+require('@alfalab/icons-glyph/CrossHeavyMIcon');
+require('@alfalab/core-components-icon-button/cssm');
+require('./components/closer/index.module.css');
+require('./components/closer/Component.js');
+require('./components/header/index.module.css');
+require('./components/header/Component.js');
+require('./components/header/desktop.module.css');
+require('./components/header/Component.desktop.js');
 require('./desktop.module.css');
 require('./transitions.desktop.module.css');
 var Component_desktop = require('./Component.desktop.js');

package/cssm/index.js

@@ -2,21 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-ce870b46.js');
+require('./tslib.es6-9682e485.js');
 require('react');
+require('react-merge-refs');
 require('classnames');
 require('@alfalab/core-components-drawer/cssm');
-require('react-merge-refs');
 require('@alfalab/core-components-base-modal/cssm');
 var Context = require('./Context.js');
-require('./components/header/index.module.css');
-require('./components/header/Component.js');
-require('@alfalab/core-components-icon-button/cssm');
-require('@alfalab/icons-glyph/CrossHeavyMIcon');
-require('./components/closer/index.module.css');
-require('./components/closer/Component.js');
-require('./components/header/desktop.module.css');
-require('./components/header/Component.desktop.js');
 require('./components/content/index.module.css');
 require('./components/content/Component.js');
 require('./components/content/desktop.module.css');
@@ -26,16 +18,24 @@ require('./components/footer/layout.module.css');
 require('./components/footer/Component.js');
 require('./components/footer/desktop.module.css');
 require('./components/footer/Component.desktop.js');
+require('@alfalab/icons-glyph/CrossHeavyMIcon');
+require('@alfalab/core-components-icon-button/cssm');
+require('./components/closer/index.module.css');
+require('./components/closer/Component.js');
+require('./components/header/index.module.css');
+require('./components/header/Component.js');
+require('./components/header/desktop.module.css');
+require('./components/header/Component.desktop.js');
 require('./desktop.module.css');
 require('./transitions.desktop.module.css');
 require('./Component.desktop.js');
-require('@alfalab/icons-glyph/CrossMIcon');
-require('./components/header/mobile.module.css');
-require('./components/header/Component.mobile.js');
 require('./components/content/mobile.module.css');
 require('./components/content/Component.mobile.js');
 require('./components/footer/mobile.module.css');
 require('./components/footer/Component.mobile.js');
+require('@alfalab/icons-glyph/CrossMIcon');
+require('./components/header/mobile.module.css');
+require('./components/header/Component.mobile.js');
 require('./mobile.module.css');
 require('./transitions.mobile.module.css');
 require('./Component.mobile.js');

package/cssm/mobile.js

@@ -2,29 +2,28 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-ce870b46.js');
+require('./tslib.es6-9682e485.js');
 require('react');
 require('classnames');
 require('@alfalab/core-components-base-modal/cssm');
 require('./Context.js');
-require('./components/header/index.module.css');
-require('./components/header/Component.js');
-require('@alfalab/core-components-icon-button/cssm');
-require('@alfalab/icons-glyph/CrossHeavyMIcon');
-require('./components/closer/index.module.css');
-require('./components/closer/Component.js');
 require('./components/content/index.module.css');
 require('./components/content/Component.js');
 require('./components/footer/index.module.css');
 require('./components/footer/layout.module.css');
 require('./components/footer/Component.js');
-require('@alfalab/icons-glyph/CrossMIcon');
-require('./components/header/mobile.module.css');
-require('./components/header/Component.mobile.js');
+require('@alfalab/core-components-icon-button/cssm');
+require('./components/closer/index.module.css');
+require('./components/closer/Component.js');
+require('./components/header/index.module.css');
+require('./components/header/Component.js');
 require('./components/content/mobile.module.css');
 require('./components/content/Component.mobile.js');
 require('./components/footer/mobile.module.css');
 require('./components/footer/Component.mobile.js');
+require('@alfalab/icons-glyph/CrossMIcon');
+require('./components/header/mobile.module.css');
+require('./components/header/Component.mobile.js');
 require('./mobile.module.css');
 require('./transitions.mobile.module.css');
 var Component_mobile = require('./Component.mobile.js');

package/cssm/responsive.js

@@ -2,21 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-ce870b46.js');
+require('./tslib.es6-9682e485.js');
 require('react');
+require('react-merge-refs');
 require('classnames');
 require('@alfalab/core-components-drawer/cssm');
-require('react-merge-refs');
 require('@alfalab/core-components-base-modal/cssm');
 require('./Context.js');
-require('./components/header/index.module.css');
-require('./components/header/Component.js');
-require('@alfalab/core-components-icon-button/cssm');
-require('@alfalab/icons-glyph/CrossHeavyMIcon');
-require('./components/closer/index.module.css');
-require('./components/closer/Component.js');
-require('./components/header/desktop.module.css');
-require('./components/header/Component.desktop.js');
 require('./components/content/index.module.css');
 require('./components/content/Component.js');
 require('./components/content/desktop.module.css');
@@ -26,16 +18,24 @@ require('./components/footer/layout.module.css');
 require('./components/footer/Component.js');
 require('./components/footer/desktop.module.css');
 require('./components/footer/Component.desktop.js');
+require('@alfalab/icons-glyph/CrossHeavyMIcon');
+require('@alfalab/core-components-icon-button/cssm');
+require('./components/closer/index.module.css');
+require('./components/closer/Component.js');
+require('./components/header/index.module.css');
+require('./components/header/Component.js');
+require('./components/header/desktop.module.css');
+require('./components/header/Component.desktop.js');
 require('./desktop.module.css');
 require('./transitions.desktop.module.css');
 require('./Component.desktop.js');
-require('@alfalab/icons-glyph/CrossMIcon');
-require('./components/header/mobile.module.css');
-require('./components/header/Component.mobile.js');
 require('./components/content/mobile.module.css');
 require('./components/content/Component.mobile.js');
 require('./components/footer/mobile.module.css');
 require('./components/footer/Component.mobile.js');
+require('@alfalab/icons-glyph/CrossMIcon');
+require('./components/header/mobile.module.css');
+require('./components/header/Component.mobile.js');
 require('./mobile.module.css');
 require('./transitions.mobile.module.css');
 require('./Component.mobile.js');

package/cssm/transitions.desktop.module.css

@@ -1,10 +1,13 @@
-.appear,
-.enter {
+.enterRight {
     opacity: 0;
     transform: translateX(15px);
 }
 
-.appearActive,
+.enterLeft {
+    opacity: 0;
+    transform: translateX(-15px);
+}
+
 .enterActive {
     opacity: 1;
     transform: translateX(0);
@@ -16,9 +19,14 @@
     transform: translateX(0);
 }
 
-.exitActive,
-.exitDone {
+.exitActiveRight {
     opacity: 0;
     transition: opacity 200ms ease-out, transform 200ms ease-out;
     transform: translateX(15px);
 }
+
+.exitActiveLeft {
+    opacity: 0;
+    transition: opacity 200ms ease-out, transform 200ms ease-out;
+    transform: translateX(-15px);
+}

package/cssm/{tslib.es6-ce870b46.d.ts → tslib.es6-9682e485.d.ts}

@@ -12,9 +12,12 @@ declare function __generator(thisArg: any, body: any): {
 declare function __exportStar(m: any, o: any): void;
 declare function __values(o: any): any;
 declare function __read(o: any, n: any): any;
+/** @deprecated */
 declare function __spread(...args: any[]): any[];
+/** @deprecated */
 declare function __spreadArrays(...args: any[]): any[];
-declare function __await(v: any): any;
+declare function __spreadArray(to: any, from: any, pack: any, ...args: any[]): any;
+declare function __await(v: any): __await;
 declare class __await {
     constructor(v: any);
     v: any;
@@ -25,8 +28,9 @@ declare function __asyncValues(o: any): any;
 declare function __makeTemplateObject(cooked: any, raw: any): any;
 declare function __importStar(mod: any): any;
 declare function __importDefault(mod: any): any;
-declare function __classPrivateFieldGet(receiver: any, privateMap: any): any;
-declare function __classPrivateFieldSet(receiver: any, privateMap: any, value: any): any;
+declare function __classPrivateFieldGet(receiver: any, state: any, kind: any, f: any): any;
+declare function __classPrivateFieldSet(receiver: any, state: any, value: any, kind: any, f: any): any;
+declare function __classPrivateFieldIn(state: any, receiver: any): any;
 declare function __assign(...args: any[]): any;
 declare function __createBinding(o: any, m: any, k: any, k2: any): void;
-export { __extends, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __spreadArrays, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault, __classPrivateFieldGet, __classPrivateFieldSet, __assign, __createBinding };
+export { __extends, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __spreadArrays, __spreadArray, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault, __classPrivateFieldGet, __classPrivateFieldSet, __classPrivateFieldIn, __assign, __createBinding };

package/{tslib.es6-8f8531e8.js → cssm/tslib.es6-9682e485.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-/*! *****************************************************************************
+/******************************************************************************
 Copyright (c) Microsoft Corporation.
 
 Permission to use, copy, modify, and/or distribute this software for any

package/desktop.css

@@ -1,4 +1,4 @@
-/* hash: pm4f7 */
+/* hash: 1fxe6 */
 :root {
 
     /* Hard */
@@ -20,9 +20,9 @@
 
     /* mobile */
 }
-.side-panel__s_han1q {
+.side-panel__s_1fqqk {
     width: var(--side-panel-s-width);
 }
-.side-panel__hidden_han1q {
+.side-panel__hidden_1fqqk {
     overflow-x: hidden;
 }

package/desktop.js

@@ -2,22 +2,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-8f8531e8.js');
+require('./tslib.es6-d84e0616.js');
 require('react');
+require('react-merge-refs');
 require('classnames');
 require('@alfalab/core-components-drawer');
-require('react-merge-refs');
 require('@alfalab/core-components-base-modal');
 require('./Context.js');
-require('./components/header/Component.js');
-require('@alfalab/core-components-icon-button');
-require('@alfalab/icons-glyph/CrossHeavyMIcon');
-require('./components/closer/Component.js');
-require('./components/header/Component.desktop.js');
 require('./components/content/Component.js');
 require('./components/content/Component.desktop.js');
 require('./components/footer/Component.js');
 require('./components/footer/Component.desktop.js');
+require('@alfalab/icons-glyph/CrossHeavyMIcon');
+require('@alfalab/core-components-icon-button');
+require('./components/closer/Component.js');
+require('./components/header/Component.js');
+require('./components/header/Component.desktop.js');
 var Component_desktop = require('./Component.desktop.js');
 
 

package/esm/Component.desktop.d.ts

@@ -1,13 +1,8 @@
-/// <reference types="react-transition-group" />
 /// <reference types="react" />
 import React from 'react';
 import { BaseModalProps } from "@alfalab/core-components-base-modal";
-import { TransitionProps } from 'react-transition-group/Transition';
-type SidePanelDesktopProps = BaseModalProps & {
-    /**
-     * Пропсы для анимации контента (CSSTransition)
-     */
-    contentTransitionProps?: Partial<TransitionProps>;
+import { DrawerProps } from "@alfalab/core-components-drawer";
+type SidePanelDesktopProps = BaseModalProps & Pick<DrawerProps, 'placement' | 'nativeScrollbar' | 'contentTransitionProps'> & {
     /**
      * Ширина модального окна
      * @default "s"
@@ -19,11 +14,7 @@ type SidePanelDesktopProps = BaseModalProps & {
      */
     hasCloser?: boolean;
 };
-declare const SidePanelDesktop: React.ForwardRefExoticComponent<BaseModalProps & {
-    /**
-     * Пропсы для анимации контента (CSSTransition)
-     */
-    contentTransitionProps?: Partial<TimeoutProps<undefined>> | Partial<EndListenerProps<undefined>> | undefined;
+declare const SidePanelDesktop: React.ForwardRefExoticComponent<BaseModalProps & Pick<DrawerProps, "contentTransitionProps" | "nativeScrollbar" | "placement"> & {
     /**
      * Ширина модального окна
      * @default "s"

package/esm/Component.desktop.js

@@ -1,30 +1,47 @@
-import { _ as __rest, a as __assign } from './tslib.es6-ae0d0472.js';
+import { _ as __rest, a as __assign } from './tslib.es6-36dadca7.js';
 import React, { forwardRef, useRef, isValidElement, cloneElement } from 'react';
+import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { Drawer } from '@alfalab/core-components-drawer/esm';
-import mergeRefs from 'react-merge-refs';
 import '@alfalab/core-components-base-modal/esm';
 import './Context.js';
-import './components/header/Component.js';
-import '@alfalab/core-components-icon-button/esm';
-import '@alfalab/icons-glyph/CrossHeavyMIcon';
-import './components/closer/Component.js';
-import { HeaderDesktop } from './components/header/Component.desktop.js';
 import './components/content/Component.js';
 import { ContentDesktop } from './components/content/Component.desktop.js';
 import './components/footer/Component.js';
 import { FooterDesktop } from './components/footer/Component.desktop.js';
+import '@alfalab/icons-glyph/CrossHeavyMIcon';
+import '@alfalab/core-components-icon-button/esm';
+import './components/closer/Component.js';
+import './components/header/Component.js';
+import { HeaderDesktop } from './components/header/Component.desktop.js';
 
-var styles = {"s":"side-panel__s_han1q","hidden":"side-panel__hidden_han1q"};
+var styles = {"s":"side-panel__s_1fqqk","hidden":"side-panel__hidden_1fqqk"};
 require('./desktop.css')
 
-var transitions = {"appear":"side-panel__appear_k7osg","enter":"side-panel__enter_k7osg","appearActive":"side-panel__appearActive_k7osg","enterActive":"side-panel__enterActive_k7osg","exit":"side-panel__exit_k7osg","exitActive":"side-panel__exitActive_k7osg","exitDone":"side-panel__exitDone_k7osg"};
+var transitions = {"enterRight":"side-panel__enterRight_1z00n","enterLeft":"side-panel__enterLeft_1z00n","enterActive":"side-panel__enterActive_1z00n","exit":"side-panel__exit_1z00n","exitActiveRight":"side-panel__exitActiveRight_1z00n","exitActiveLeft":"side-panel__exitActiveLeft_1z00n"};
 require('./transitions.desktop.css')
 
 var SidePanelDesktopComponent = forwardRef(function (_a, ref) {
-    var _b = _a.size, size = _b === void 0 ? 's' : _b, children = _a.children, className = _a.className, wrapperClassName = _a.wrapperClassName, _c = _a.contentTransitionProps, contentTransitionProps = _c === void 0 ? {} : _c, backdropProps = _a.backdropProps, restProps = __rest(_a, ["size", "children", "className", "wrapperClassName", "contentTransitionProps", "backdropProps"]);
+    var _b, _c;
+    var _d = _a.size, size = _d === void 0 ? 's' : _d, children = _a.children, className = _a.className, wrapperClassName = _a.wrapperClassName, _e = _a.contentTransitionProps, contentTransitionProps = _e === void 0 ? {} : _e, backdropProps = _a.backdropProps, _f = _a.placement, placement = _f === void 0 ? 'right' : _f, restProps = __rest(_a, ["size", "children", "className", "wrapperClassName", "contentTransitionProps", "backdropProps", "placement"]);
     var modalRef = useRef(null);
-    return (React.createElement(Drawer, __assign({}, restProps, { ref: mergeRefs([ref, modalRef]), wrapperClassName: wrapperClassName, className: cn(className, styles[size], styles.hidden), backdropProps: backdropProps, contentTransitionProps: __assign({ classNames: transitions }, contentTransitionProps) }), React.Children.map(children, function (child) {
+    var enterCn = cn((_b = {},
+        _b[transitions.appearRight] = placement === 'right',
+        _b[transitions.appearLeft] = placement === 'left',
+        _b));
+    var exitCn = cn((_c = {},
+        _c[transitions.exitActiveRight] = placement === 'right',
+        _c[transitions.exitActiveLeft] = placement === 'left',
+        _c));
+    return (React.createElement(Drawer, __assign({}, restProps, { ref: mergeRefs([ref, modalRef]), placement: placement, wrapperClassName: wrapperClassName, className: cn(className, styles[size], styles.hidden), backdropProps: backdropProps, contentTransitionProps: __assign({ classNames: {
+                appear: enterCn,
+                enter: enterCn,
+                appearActive: transitions.enterActive,
+                enterActive: transitions.enterActive,
+                exit: transitions.exit,
+                exitActive: exitCn,
+                exitDone: exitCn,
+            } }, contentTransitionProps) }), React.Children.map(children, function (child) {
         return isValidElement(child) ? cloneElement(child, { size: size }) : child;
     })));
 });

package/esm/Component.mobile.js

@@ -1,23 +1,22 @@
-import { _ as __rest, a as __assign } from './tslib.es6-ae0d0472.js';
+import { _ as __rest, a as __assign } from './tslib.es6-36dadca7.js';
 import React, { forwardRef } from 'react';
 import cn from 'classnames';
 import { BaseModal } from '@alfalab/core-components-base-modal/esm';
 import './Context.js';
-import './components/header/Component.js';
-import '@alfalab/core-components-icon-button/esm';
-import '@alfalab/icons-glyph/CrossHeavyMIcon';
-import './components/closer/Component.js';
 import './components/content/Component.js';
 import './components/footer/Component.js';
-import '@alfalab/icons-glyph/CrossMIcon';
-import { HeaderMobile } from './components/header/Component.mobile.js';
+import '@alfalab/core-components-icon-button/esm';
+import './components/closer/Component.js';
+import './components/header/Component.js';
 import { ContentMobile } from './components/content/Component.mobile.js';
 import { FooterMobile } from './components/footer/Component.mobile.js';
+import '@alfalab/icons-glyph/CrossMIcon';
+import { HeaderMobile } from './components/header/Component.mobile.js';
 
-var styles = {"component":"side-panel__component_r3t2b"};
+var styles = {"component":"side-panel__component_1m32q"};
 require('./mobile.css')
 
-var transitions = {"appear":"side-panel__appear_1016p","enter":"side-panel__enter_1016p","appearActive":"side-panel__appearActive_1016p","enterActive":"side-panel__enterActive_1016p","exit":"side-panel__exit_1016p","exitActive":"side-panel__exitActive_1016p","exitDone":"side-panel__exitDone_1016p"};
+var transitions = {"appear":"side-panel__appear_1os9i","enter":"side-panel__enter_1os9i","appearActive":"side-panel__appearActive_1os9i","enterActive":"side-panel__enterActive_1os9i","exit":"side-panel__exit_1os9i","exitActive":"side-panel__exitActive_1os9i","exitDone":"side-panel__exitDone_1os9i"};
 require('./transitions.mobile.css')
 
 var SidePanelMobileComponent = forwardRef(function (_a, ref) {

package/esm/Component.responsive.d.ts

@@ -1,13 +1,8 @@
-/// <reference types="react-transition-group" />
 /// <reference types="react" />
 import React from 'react';
-import { TransitionProps } from 'react-transition-group/Transition';
 import { BaseModalProps } from "@alfalab/core-components-base-modal";
-type SidePanelResponsiveProps = BaseModalProps & {
-    /**
-     * Пропсы для анимации контента (CSSTransition)
-     */
-    contentTransitionProps?: Partial<TransitionProps>;
+import { DrawerProps } from "@alfalab/core-components-drawer";
+type SidePanelResponsiveProps = BaseModalProps & Pick<DrawerProps, 'contentTransitionProps' | 'placement' | 'nativeScrollbar'> & {
     /**
      * Ширина модального окна
      * @default "s"
@@ -19,11 +14,7 @@ type SidePanelResponsiveProps = BaseModalProps & {
      */
     hasCloser?: boolean;
 };
-declare const SidePanelResponsive: React.ForwardRefExoticComponent<BaseModalProps & {
-    /**
-     * Пропсы для анимации контента (CSSTransition)
-     */
-    contentTransitionProps?: Partial<TimeoutProps<undefined>> | Partial<EndListenerProps<undefined>> | undefined;
+declare const SidePanelResponsive: React.ForwardRefExoticComponent<BaseModalProps & Pick<DrawerProps, "contentTransitionProps" | "nativeScrollbar" | "placement"> & {
     /**
      * Ширина модального окна
      * @default "s"
@@ -35,7 +26,7 @@ declare const SidePanelResponsive: React.ForwardRefExoticComponent<BaseModalProp
      */
     hasCloser?: boolean | undefined;
 } & React.RefAttributes<HTMLDivElement>> & {
-    Header: React.FC<import("./components/header/Component.mobile").HeaderMobileProps> | React.FC<import("./components/header/Component.desktop").HeaderDesktopProps>;
+    Header: React.FC<import("./components/header/Component.desktop").HeaderDesktopProps> | React.FC<import("./components/header/Component.mobile").HeaderMobileProps>;
     Content: React.FC<import("./components/content/Component").ContentProps> | React.FC<import("./components/content/Component.desktop").ContentDesktopProps>;
     Footer: React.FC<import("./components/footer/Component").FooterProps> | React.FC<import("./components/footer/Component.desktop").FooterDesktopProps>;
     Closer: React.FC<import("./components/closer/Component").CloserProps>;

package/esm/Component.responsive.js

@@ -1,27 +1,28 @@
-import { _ as __rest, a as __assign } from './tslib.es6-ae0d0472.js';
+import { _ as __rest, a as __assign } from './tslib.es6-36dadca7.js';
 import React, { forwardRef, useMemo, useContext } from 'react';
+import 'react-merge-refs';
 import 'classnames';
 import '@alfalab/core-components-drawer/esm';
-import 'react-merge-refs';
 import '@alfalab/core-components-base-modal/esm';
 import './Context.js';
-import './components/header/Component.js';
-import '@alfalab/core-components-icon-button/esm';
-import '@alfalab/icons-glyph/CrossHeavyMIcon';
-import { Closer } from './components/closer/Component.js';
-import './components/header/Component.desktop.js';
 import './components/content/Component.js';
 import './components/content/Component.desktop.js';
 import './components/footer/Component.js';
 import './components/footer/Component.desktop.js';
+import '@alfalab/icons-glyph/CrossHeavyMIcon';
+import '@alfalab/core-components-icon-button/esm';
+import { Closer } from './components/closer/Component.js';
+import './components/header/Component.js';
+import './components/header/Component.desktop.js';
 import { SidePanelDesktop } from './Component.desktop.js';
-import '@alfalab/icons-glyph/CrossMIcon';
-import './components/header/Component.mobile.js';
 import './components/content/Component.mobile.js';
 import './components/footer/Component.mobile.js';
+import '@alfalab/icons-glyph/CrossMIcon';
+import './components/header/Component.mobile.js';
 import { SidePanelMobile } from './Component.mobile.js';
 import { useMedia } from '@alfalab/hooks';
 
+// eslint-disable-next-line @typescript-eslint/no-redeclare
 var ResponsiveContext = React.createContext({
     view: 'desktop',
 });

package/esm/components/closer/Component.d.ts

@@ -20,7 +20,7 @@ type CloserProps = ButtonHTMLAttributes<HTMLButtonElement> & {
     /**
      * Иконка
      */
-    icon?: ElementType;
+    icon: ElementType;
 };
 /**
  * @deprecated Компонент только для внутреннего использования. Используйте <Header />

package/esm/components/closer/Component.js

@@ -1,12 +1,11 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-ae0d0472.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-36dadca7.js';
 import React, { useContext, useCallback } from 'react';
 import cn from 'classnames';
 import '@alfalab/core-components-base-modal/esm';
 import { ModalContext } from '../../Context.js';
 import { IconButton } from '@alfalab/core-components-icon-button/esm';
-import { CrossHeavyMIcon } from '@alfalab/icons-glyph/CrossHeavyMIcon';
 
-var styles = {"closer":"side-panel__closer_v7eww","button":"side-panel__button_v7eww","sticky":"side-panel__sticky_v7eww"};
+var styles = {"closer":"side-panel__closer_qh2mv","button":"side-panel__button_qh2mv","sticky":"side-panel__sticky_qh2mv"};
 require('./index.css')
 
 /**
@@ -14,7 +13,7 @@ require('./index.css')
  */
 var Closer = function (_a) {
     var _b;
-    var className = _a.className, _c = _a.size, size = _c === void 0 ? 's' : _c, sticky = _a.sticky, _d = _a.icon, icon = _d === void 0 ? CrossHeavyMIcon : _d, restProps = __rest(_a, ["className", "size", "sticky", "icon"]);
+    var className = _a.className, _c = _a.size, size = _c === void 0 ? 's' : _c, sticky = _a.sticky, icon = _a.icon, restProps = __rest(_a, ["className", "size", "sticky", "icon"]);
     var onClose = useContext(ModalContext).onClose;
     var handleClick = useCallback(function (event) {
         onClose(event, 'closerClick');

package/esm/components/closer/index.css

@@ -1,4 +1,4 @@
-/* hash: epoa2 */
+/* hash: 1fj8z */
 :root {
     --color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4);
 }
@@ -25,7 +25,7 @@
 :root {
     --side-panel-closer-bg-color: var(--color-light-bg-primary-alpha-40);
 }
-.side-panel__closer_v7eww {
+.side-panel__closer_qh2mv {
     flex-shrink: 0;
     width: 48px;
     height: 48px;
@@ -34,13 +34,13 @@
     align-items: center;
     justify-content: center;
 }
-.side-panel__button_v7eww {
+.side-panel__button_qh2mv {
     background: var(--side-panel-closer-bg-color);
     -webkit-backdrop-filter: blur(10px);
             backdrop-filter: blur(10px);
     border-radius: 50px;
 }
-.side-panel__sticky_v7eww {
+.side-panel__sticky_qh2mv {
     position: sticky;
     top: 0;
 }