@alfalab/core-components-side-panel 1.1.0

package/dist/components/footer/Component.js

@@ -0,0 +1,34 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var cn = require('classnames');
+require('@alfalab/core-components-base-modal');
+var Context = require('../../Context.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
+
+var styles = {"footer":"side-panel__footer_1efth","sticky":"side-panel__sticky_1efth","highlighted":"side-panel__highlighted_1efth"};
+require('./index.css')
+
+var layoutStyles = {"column":"side-panel__column_158ux","gap-16":"side-panel__gap-16_158ux","gap-24":"side-panel__gap-24_158ux","gap-32":"side-panel__gap-32_158ux","start":"side-panel__start_158ux","center":"side-panel__center_158ux","space-between":"side-panel__space-between_158ux"};
+require('./layout.css')
+
+var Footer = function (_a) {
+    var _b;
+    var children = _a.children, className = _a.className, sticky = _a.sticky, _c = _a.layout, layout = _c === void 0 ? 'start' : _c, gap = _a.gap;
+    var _d = React.useContext(Context.ModalContext), footerHighlighted = _d.footerHighlighted, setHasFooter = _d.setHasFooter;
+    React.useEffect(function () {
+        setHasFooter(true);
+    }, [setHasFooter]);
+    return (React__default['default'].createElement("div", { className: cn__default['default'](styles.footer, className, layoutStyles[layout], gap && layoutStyles["gap-" + gap], (_b = {},
+            _b[styles.highlighted] = sticky && footerHighlighted,
+            _b[styles.sticky] = sticky,
+            _b)) }, children));
+};
+
+exports.Footer = Footer;

package/dist/components/footer/Component.mobile.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { FooterProps } from "./Component";
+type FooterMobileProps = FooterProps;
+declare const FooterMobile: FC<FooterMobileProps>;
+export { FooterMobileProps, FooterMobile };

package/dist/components/footer/Component.mobile.js

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('../../tslib.es6-46fc2207.js');
+var React = require('react');
+var cn = require('classnames');
+require('@alfalab/core-components-base-modal');
+require('../../Context.js');
+var components_footer_Component = require('./Component.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
+
+var styles = {"footer":"side-panel__footer_6188a","sticky":"side-panel__sticky_6188a"};
+require('./mobile.css')
+
+var FooterMobile = function (_a) {
+    var _b;
+    var className = _a.className, sticky = _a.sticky, restProps = tslib_es6.__rest(_a, ["className", "sticky"]);
+    return (React__default['default'].createElement(components_footer_Component.Footer, tslib_es6.__assign({ className: cn__default['default'](className, styles.footer, (_b = {},
+            _b[styles.sticky] = sticky,
+            _b)), sticky: sticky }, restProps)));
+};
+
+exports.FooterMobile = FooterMobile;

package/dist/components/footer/desktop.css

@@ -0,0 +1,32 @@
+/* hash: 1kcn0 */
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    --gap-xl: 24px;
+    --gap-2xl: 32px;
+}
+:root {
+
+    /* sizes */
+
+    /* paddings */
+    --side-panel-s-footer-paddings: var(--gap-xl) 56px var(--gap-2xl);
+
+    /* scroll */
+
+    /* desktop */
+
+    /* mobile */
+}
+.side-panel__sticky_1nka4 {
+    bottom: 0;
+}
+.side-panel__s_1nka4 {
+    padding: var(--side-panel-s-footer-paddings);
+}

package/dist/components/footer/index.css

@@ -0,0 +1,41 @@
+/* hash: ylr82 */
+:root {
+    --color-light-bg-primary: #fff;
+    --color-light-border-primary: #dbdee1;
+}
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    --side-panel-footer-background: var(--color-light-bg-primary);
+
+    /* sizes */
+
+    /* paddings */
+
+    /* scroll */
+    --side-panel-footer-highlight-background: var(--color-light-bg-primary);
+    --side-panel-footer-highlight-box-shadow: 0 -1px 0 0 var(--color-light-border-primary);
+
+    /* desktop */
+
+    /* mobile */
+}
+.side-panel__footer_1efth {
+    width: 100%;
+    box-sizing: border-box;
+    transition: box-shadow 0.2s ease, background 0.2s ease;
+}
+.side-panel__sticky_1efth {
+    background: var(--side-panel-footer-background);
+    position: sticky;
+}
+.side-panel__highlighted_1efth {
+    background: var(--side-panel-footer-highlight-background);
+    box-shadow: var(--side-panel-footer-highlight-box-shadow);
+}

package/dist/components/footer/layout.css

@@ -0,0 +1,84 @@
+/* hash: l0vdl */
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    --gap-m: 16px;
+    --gap-xl: 24px;
+    --gap-2xl: 32px;
+}
+:root {
+    --side-panel-footer-default-gap: var(--gap-m);
+
+    /* sizes */
+
+    /* paddings */
+
+    /* scroll */
+
+    /* desktop */
+
+    /* mobile */
+}
+.side-panel__column_158ux {
+    display: flex;
+    flex-direction: column
+}
+.side-panel__column_158ux > * {
+        margin-bottom: var(--side-panel-footer-default-gap);
+    }
+.side-panel__column_158ux > *:last-child,
+    .side-panel__column_158ux > *:only-child {
+        margin-bottom: 0;
+    }
+.side-panel__column_158ux.side-panel__gap-16_158ux > * {
+        margin-bottom: var(--gap-m);
+    }
+.side-panel__column_158ux.side-panel__gap-24_158ux > * {
+        margin-bottom: var(--gap-xl);
+    }
+.side-panel__column_158ux.side-panel__gap-32_158ux > * {
+        margin-bottom: var(--gap-2xl);
+    }
+.side-panel__start_158ux {
+    justify-content: flex-start;
+}
+.side-panel__center_158ux {
+    justify-content: center;
+}
+.side-panel__space-between_158ux {
+    justify-content: space-between
+}
+.side-panel__space-between_158ux > * {
+        flex: 1;
+    }
+.side-panel__start_158ux,
+.side-panel__center_158ux,
+.side-panel__space-between_158ux {
+    display: flex
+}
+.side-panel__start_158ux > *, .side-panel__center_158ux > *, .side-panel__space-between_158ux > * {
+        margin-right: var(--side-panel-footer-default-gap);
+    }
+.side-panel__start_158ux > *:last-child,
+    .side-panel__start_158ux > *:only-child,
+    .side-panel__center_158ux > *:last-child,
+    .side-panel__center_158ux > *:only-child,
+    .side-panel__space-between_158ux > *:last-child,
+    .side-panel__space-between_158ux > *:only-child {
+        margin-right: 0;
+    }
+.side-panel__start_158ux.side-panel__gap-16_158ux > *, .side-panel__center_158ux.side-panel__gap-16_158ux > *, .side-panel__space-between_158ux.side-panel__gap-16_158ux > * {
+        margin-right: var(--gap-m);
+    }
+.side-panel__start_158ux.side-panel__gap-24_158ux > *, .side-panel__center_158ux.side-panel__gap-24_158ux > *, .side-panel__space-between_158ux.side-panel__gap-24_158ux > * {
+        margin-right: var(--gap-xl);
+    }
+.side-panel__start_158ux.side-panel__gap-32_158ux > *, .side-panel__center_158ux.side-panel__gap-32_158ux > *, .side-panel__space-between_158ux.side-panel__gap-32_158ux > * {
+        margin-right: var(--gap-2xl);
+    }

package/dist/components/footer/mobile.css

@@ -0,0 +1,30 @@
+/* hash: 172sz */
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    --gap-m: 16px;
+}
+:root {
+
+    /* sizes */
+
+    /* paddings */
+
+    /* scroll */
+
+    /* desktop */
+
+    /* mobile */
+}
+.side-panel__footer_6188a {
+    padding: var(--gap-m);
+}
+.side-panel__sticky_6188a {
+    bottom: 0;
+}

package/dist/components/header/Component.d.ts

@@ -0,0 +1,45 @@
+import { FC, ReactNode } from 'react';
+type HeaderProps = {
+    /**
+     * Контент шапки
+     */
+    children?: ReactNode;
+    /**
+     * Слот слева
+     */
+    leftAddons?: ReactNode;
+    /**
+     * Компонент крестика
+     */
+    closer?: ReactNode;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дополнительный класс для аддонов
+     */
+    addonClassName?: string;
+    /**
+     * Дополнительный класс для контента
+     */
+    contentClassName?: string;
+    /**
+     * Заголовок шапки
+     */
+    title?: string;
+    /**
+     * Выравнивание заголовка
+     */
+    align?: 'left' | 'center';
+    /**
+     * Обрезать ли заголовок
+     */
+    trim?: boolean;
+    /**
+     * Фиксирует шапку
+     */
+    sticky?: boolean;
+};
+declare const Header: FC<HeaderProps>;
+export { HeaderProps, Header };

package/dist/components/header/Component.desktop.d.ts

@@ -0,0 +1,15 @@
+import { FC } from 'react';
+import { HeaderProps } from "./Component";
+import { SidePanelDesktopProps } from "../../Component.desktop";
+type HeaderDesktopProps = Omit<HeaderProps, 'closer'> & {
+    /**
+     * Размер
+     */
+    size?: SidePanelDesktopProps['size'];
+    /**
+     * Наличие крестика
+     */
+    hasCloser?: boolean;
+};
+declare const HeaderDesktop: FC<HeaderDesktopProps>;
+export { HeaderDesktopProps, HeaderDesktop };

package/dist/components/header/Component.desktop.js

@@ -0,0 +1,33 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('../../tslib.es6-46fc2207.js');
+var React = require('react');
+var cn = require('classnames');
+require('@alfalab/core-components-base-modal');
+require('../../Context.js');
+var components_header_Component = require('./Component.js');
+require('@alfalab/core-components-icon-button');
+require('@alfalab/icons-glyph/CrossHeavyMIcon');
+var components_closer_Component = require('../closer/Component.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
+
+var styles = {"content":"side-panel__content_1gynr","s":"side-panel__s_1gynr","hasContent":"side-panel__hasContent_1gynr","sticky":"side-panel__sticky_1gynr"};
+require('./desktop.css')
+
+var HeaderDesktop = function (_a) {
+    var _b;
+    var size = _a.size, className = _a.className, contentClassName = _a.contentClassName, _c = _a.hasCloser, hasCloser = _c === void 0 ? true : _c, sticky = _a.sticky, _d = _a.leftAddons, leftAddons = _d === void 0 ? React__default['default'].createElement("span", null) : _d, title = _a.title, children = _a.children, restProps = tslib_es6.__rest(_a, ["size", "className", "contentClassName", "hasCloser", "sticky", "leftAddons", "title", "children"]);
+    var hasContent = Boolean(title || children);
+    return (React__default['default'].createElement(components_header_Component.Header, tslib_es6.__assign({ className: cn__default['default'](className, size && styles[size], (_b = {},
+            _b[styles.sticky] = sticky,
+            _b[styles.hasContent] = hasContent,
+            _b)), contentClassName: cn__default['default'](styles.content, contentClassName), closer: hasCloser ? React__default['default'].createElement(components_closer_Component.Closer, null) : null, leftAddons: leftAddons, sticky: sticky, title: title }, restProps), children));
+};
+
+exports.HeaderDesktop = HeaderDesktop;

package/dist/components/header/Component.js

@@ -0,0 +1,40 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var cn = require('classnames');
+require('@alfalab/core-components-base-modal');
+var Context = require('../../Context.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
+
+var styles = {"header":"side-panel__header_1io7a","hasContent":"side-panel__hasContent_1io7a","highlighted":"side-panel__highlighted_1io7a","sticky":"side-panel__sticky_1io7a","content":"side-panel__content_1io7a","title":"side-panel__title_1io7a","addon":"side-panel__addon_1io7a","closer":"side-panel__closer_1io7a","left":"side-panel__left_1io7a","center":"side-panel__center_1io7a","right":"side-panel__right_1io7a","trim":"side-panel__trim_1io7a"};
+require('./index.css')
+
+var Header = function (_a) {
+    var _b, _c;
+    var className = _a.className, addonClassName = _a.addonClassName, contentClassName = _a.contentClassName, leftAddons = _a.leftAddons, children = _a.children, _d = _a.align, align = _d === void 0 ? 'left' : _d, _e = _a.trim, trim = _e === void 0 ? true : _e, title = _a.title, closer = _a.closer, sticky = _a.sticky;
+    var _f = React.useContext(Context.ModalContext), headerHighlighted = _f.headerHighlighted, setHasHeader = _f.setHasHeader;
+    var hasContent = Boolean(title || children);
+    React.useEffect(function () {
+        setHasHeader(true);
+    }, [setHasHeader]);
+    return (React__default['default'].createElement("div", { className: cn__default['default'](styles.header, className, (_b = {},
+            _b[styles.highlighted] = hasContent && sticky && headerHighlighted,
+            _b[styles.sticky] = sticky,
+            _b[styles.hasContent] = hasContent,
+            _b)) },
+        leftAddons && React__default['default'].createElement("div", { className: cn__default['default'](styles.addon, addonClassName) }, leftAddons),
+        hasContent && (React__default['default'].createElement("div", { className: cn__default['default'](styles.content, contentClassName, styles[align], (_c = {},
+                _c[styles.trim] = trim,
+                _c)) },
+            children,
+            title && React__default['default'].createElement("div", { className: styles.title }, title))),
+        closer && (React__default['default'].createElement("div", { className: cn__default['default'](styles.addon, styles.closer, addonClassName) }, closer))));
+};
+
+exports.Header = Header;

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

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

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

@@ -0,0 +1,33 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('../../tslib.es6-46fc2207.js');
+var React = require('react');
+var cn = require('classnames');
+require('@alfalab/core-components-base-modal');
+require('../../Context.js');
+var components_header_Component = require('./Component.js');
+require('@alfalab/core-components-icon-button');
+require('@alfalab/icons-glyph/CrossHeavyMIcon');
+var components_closer_Component = require('../closer/Component.js');
+var CrossMIcon = require('@alfalab/icons-glyph/CrossMIcon');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
+var CrossMIcon__default = /*#__PURE__*/_interopDefaultLegacy(CrossMIcon);
+
+var styles = {"sticky":"side-panel__sticky_vwpuy","content":"side-panel__content_vwpuy"};
+require('./mobile.css')
+
+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"]);
+    return (React__default['default'].createElement(components_header_Component.Header, tslib_es6.__assign({ className: cn__default['default'](className, (_b = {},
+            _b[styles.sticky] = sticky,
+            _b)), contentClassName: cn__default['default'](styles.content, contentClassName), closer: hasCloser ? React__default['default'].createElement(components_closer_Component.Closer, { icon: CrossMIcon__default['default'], size: 'xs' }) : null, sticky: sticky }, restProps)));
+};
+
+exports.HeaderMobile = HeaderMobile;

package/dist/components/header/desktop.css

@@ -0,0 +1,54 @@
+/* hash: 3uz6o */
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    --gap-xs: 8px;
+    --gap-s: 12px;
+    --gap-m: 16px;
+}
+:root {
+    --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
+        sans-serif;
+}
+:root {
+
+    /* sizes */
+
+    /* paddings */
+    --side-panel-s-header-paddings: var(--gap-xs) var(--gap-xs) var(--gap-m);
+
+    /* scroll */
+
+    /* desktop */
+    --side-panel-s-header-desktop-content-paddings: var(--gap-s) var(--gap-m) 0 0;
+    --side-panel-s-header-desktop-font-size: 22px;
+    --side-panel-s-header-desktop-line-height: 26px;
+    --side-panel-header-desktop-font-weight: bold;
+    --side-panel-header-desktop-font-family: var(--font-family-system);
+
+    /* mobile */
+}
+.side-panel__content_1gynr {
+    font-weight: var(--side-panel-header-desktop-font-weight);
+    font-family: var(--side-panel-header-desktop-font-family);
+}
+.side-panel__s_1gynr .side-panel__content_1gynr {
+    padding: var(--side-panel-s-header-desktop-content-paddings);
+    font-size: var(--side-panel-s-header-desktop-font-size);
+    line-height: var(--side-panel-s-header-desktop-line-height);
+}
+.side-panel__s_1gynr {
+    padding: var(--side-panel-s-header-paddings)
+}
+.side-panel__s_1gynr:not(.side-panel__hasContent_1gynr) {
+        padding-bottom: 0;
+    }
+.side-panel__sticky_1gynr {
+    top: 0;
+}

package/dist/components/header/index.css

@@ -0,0 +1,85 @@
+/* hash: 1tseh */
+:root {
+    --color-light-bg-primary: #fff;
+}
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    --side-panel-header-background: var(--color-light-bg-primary);
+
+    /* sizes */
+
+    /* paddings */
+
+    /* scroll */
+    --side-panel-header-highlight-background: var(--color-light-bg-primary);
+    --side-panel-header-highlight-box-shadow: none;
+
+    /* desktop */
+
+    /* mobile */
+}
+.side-panel__header_1io7a {
+    width: 100%;
+    box-sizing: border-box;
+    display: flex;
+    align-items: stretch;
+    justify-content: space-between;
+    transition: box-shadow 0.2s ease, background 0.2s ease
+}
+.side-panel__header_1io7a:not(.side-panel__hasContent_1io7a) {
+        pointer-events: none;
+    }
+.side-panel__highlighted_1io7a {
+    background: var(--side-panel-header-highlight-background);
+    box-shadow: var(--side-panel-header-highlight-box-shadow);
+}
+.side-panel__sticky_1io7a {
+    position: sticky
+}
+.side-panel__sticky_1io7a.side-panel__hasContent_1io7a {
+        background: var(--side-panel-header-background);
+    }
+.side-panel__content_1io7a {
+    flex-grow: 1;
+}
+.side-panel__title_1io7a {
+    word-break: break-word;
+}
+.side-panel__addon_1io7a {
+    min-width: 48px;
+    height: 48px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    pointer-events: all;
+}
+.side-panel__closer_1io7a {
+    margin-left: auto;
+}
+.side-panel__left_1io7a {
+    justify-content: flex-start;
+    text-align: left;
+}
+.side-panel__center_1io7a {
+    justify-content: center;
+    text-align: center;
+}
+.side-panel__right_1io7a {
+    justify-content: flex-end;
+    text-align: right;
+}
+.side-panel__trim_1io7a {
+    overflow: hidden
+}
+.side-panel__trim_1io7a .side-panel__title_1io7a {
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+    }

package/dist/components/header/mobile.css

@@ -0,0 +1,46 @@
+/* hash: 1rk7g */
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    --gap-xs: 8px;
+    --gap-s: 12px;
+    --gap-m: 16px;
+}
+:root {
+    --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
+        sans-serif;
+}
+:root {
+
+    /* sizes */
+
+    /* paddings */
+
+    /* scroll */
+
+    /* desktop */
+
+    /* mobile */
+    --side-panel-header-mobile-content-paddings: var(--gap-s) var(--gap-xs) var(--gap-s)
+        var(--gap-m);
+    --side-panel-header-mobile-font-size: 18px;
+    --side-panel-header-mobile-line-height: 24px;
+    --side-panel-header-mobile-font-family: var(--font-family-system);
+    --side-panel-header-mobile-font-weight: bold;
+}
+.side-panel__sticky_vwpuy {
+    top: 0;
+}
+.side-panel__content_vwpuy {
+    font-size: var(--side-panel-header-mobile-font-size);
+    line-height: var(--side-panel-header-mobile-line-height);
+    font-family: var(--side-panel-header-mobile-font-family);
+    font-weight: var(--side-panel-header-mobile-font-weight);
+    padding: var(--side-panel-header-mobile-content-paddings);
+}

package/dist/cssm/Component.desktop.d.ts

@@ -0,0 +1,35 @@
+/// <reference types="react" />
+/// <reference types="react-transition-group" />
+import React from 'react';
+import { DrawerProps } from "@alfalab/core-components-drawer";
+type SidePanelDesktopProps = DrawerProps & {
+    /**
+     * Ширина модального окна
+     * @default "s"
+     */
+    size?: 's';
+    /**
+     * Управление наличием закрывающего крестика
+     * @default false
+     */
+    hasCloser?: boolean;
+};
+declare const SidePanelDesktop: React.ForwardRefExoticComponent<Pick<import("packages/base-modal/src").BaseModalProps, "children" | "className" | "open" | "onClose" | "dataTestId" | "Backdrop" | "backdropProps" | "disableAutoFocus" | "disableFocusLock" | "disableRestoreFocus" | "disableEscapeKeyDown" | "disableBackdropClick" | "keepMounted" | "contentClassName" | "wrapperClassName" | "scrollHandler" | "transitionProps" | "onBackdropClick" | "onEscapeKeyDown" | "onMount" | "onUnmount" | "zIndex" | "componentRef"> & {
+    contentTransitionProps?: Partial<TimeoutProps<undefined>> | Partial<EndListenerProps<undefined>> | undefined;
+} & {
+    /**
+     * Ширина модального окна
+     * @default "s"
+     */
+    size?: "s" | undefined;
+    /**
+     * Управление наличием закрывающего крестика
+     * @default false
+     */
+    hasCloser?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>> & {
+    Content: React.FC<import("./components/content/Component.desktop").ContentDesktopProps>;
+    Header: React.FC<import("./components/header/Component.desktop").HeaderDesktopProps>;
+    Footer: React.FC<import("./components/footer/Component.desktop").FooterDesktopProps>;
+};
+export { SidePanelDesktopProps, SidePanelDesktop };