@sima-land/ui-nucleons 45.0.0-alpha.3 → 45.0.0-alpha.30

package/_internal/page-scroll-lock/adapters/ui-nucleons.js

@@ -1,9 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PageScrollLock = void 0;
+exports.StyleAffect = exports.PageScrollLockAdapterNucleons = void 0;
 const MARK_ATTR = 'data-scroll-locked';
 /** Адаптер блокировки прокрутки использующий внутреннее решение ui-nucleons. */
-class PageScrollLock {
+class PageScrollLockAdapterNucleons {
+    options;
+    bodyStyle;
     /**
      * Конструктор.
      * @param options Опции.
@@ -13,14 +15,13 @@ class PageScrollLock {
     }
     /** @inheritdoc */
     lock() {
-        var _a;
         if (!this.isLocked()) {
             const scrollTop = document.documentElement.scrollTop;
             this.bodyStyle = new StyleAffect(document.body);
             // устанавливаем width: 100vw так как body сжимается при установке position: fixed
             // @todo при необходимости дать возможность задавать установку ширины самостоятельно
             this.bodyStyle.set('width', '100vw').set('position', 'fixed').set('top', `${-scrollTop}px`);
-            if ((_a = this.options) === null || _a === void 0 ? void 0 : _a.reserveScrollBarGap) {
+            if (this.options?.reserveScrollBarGap) {
                 const gap = this.getScrollbarWidth();
                 gap > 0 && this.bodyStyle.set('padding-right', `${gap}px`);
             }
@@ -29,11 +30,10 @@ class PageScrollLock {
     }
     /** @inheritdoc */
     unlock() {
-        var _a;
         if (this.isLocked()) {
             const { body } = document;
             const parsed = parseFloat(body.style.getPropertyValue('top').replace(/[A-z]*/g, '')) || 0;
-            (_a = this.bodyStyle) === null || _a === void 0 ? void 0 : _a.restore();
+            this.bodyStyle?.restore();
             window.scrollTo(0, -parsed);
             document.body.removeAttribute(MARK_ATTR);
         }
@@ -62,9 +62,11 @@ class PageScrollLock {
         return scrollBarWidth;
     }
 }
-exports.PageScrollLock = PageScrollLock;
+exports.PageScrollLockAdapterNucleons = PageScrollLockAdapterNucleons;
 /** Промежуточный слой для установки стилей на элемент с возможностью восстановления состояния. */
 class StyleAffect {
+    element;
+    changes;
     /**
      * @param element Целевой элемент.
      */
@@ -101,3 +103,5 @@ class StyleAffect {
         return this;
     }
 }
+exports.StyleAffect = StyleAffect;
+//# sourceMappingURL=ui-nucleons.js.map

package/_internal/page-scroll-lock/adapters/ui-nucleons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-nucleons.js","sourceRoot":"","sources":["../../../../src/_internal/page-scroll-lock/adapters/ui-nucleons.ts"],"names":[],"mappings":"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"}

package/_internal/page-scroll-lock/context.d.ts

@@ -1,13 +1,2 @@
-/// <reference types="react" />
-import { PageScrollLockContextValue, PageScrollLockProviderProps } from './types';
-/**
- * Провайдер реализации блокировки прокрутки.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare function PageScrollProvider({ children, adapter }: PageScrollLockProviderProps): JSX.Element;
-/**
- * Хук использования реализации блокировки прокрутки.
- * @return Реализация.
- */
-export declare function usePageScrollContext(): PageScrollLockContextValue;
+import { PageScrollLockContextValue } from './types';
+export declare const PageScrollLockContext: import("react").Context<PageScrollLockContextValue>;

package/_internal/page-scroll-lock/context.js

@@ -1,54 +1,9 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePageScrollContext = exports.PageScrollProvider = void 0;
-const react_1 = __importStar(require("react"));
+exports.PageScrollLockContext = void 0;
+const react_1 = require("react");
 const body_scroll_lock_1 = require("./adapters/body-scroll-lock");
-const PageScrollContext = (0, react_1.createContext)(null);
-const DEFAULTS = {
-    adapter: (element, options) => new body_scroll_lock_1.PageScrollLock(element, options),
-};
-/**
- * Провайдер реализации блокировки прокрутки.
- * @param props Свойства.
- * @return Элемент.
- */
-function PageScrollProvider({ children, adapter }) {
-    const contextValue = (0, react_1.useContext)(PageScrollContext);
-    if (contextValue !== null) {
-        throw Error('PageScrollContext: only one provider allowed in jsx tree');
-    }
-    return react_1.default.createElement(PageScrollContext.Provider, { value: { adapter } }, children);
-}
-exports.PageScrollProvider = PageScrollProvider;
-/**
- * Хук использования реализации блокировки прокрутки.
- * @return Реализация.
- */
-function usePageScrollContext() {
-    const context = (0, react_1.useContext)(PageScrollContext);
-    return context || DEFAULTS;
-}
-exports.usePageScrollContext = usePageScrollContext;
+exports.PageScrollLockContext = (0, react_1.createContext)({
+    adapter: (element, options) => new body_scroll_lock_1.PageScrollLockAdapterBSL(element, options),
+});
+//# sourceMappingURL=context.js.map

package/_internal/page-scroll-lock/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/_internal/page-scroll-lock/context.tsx"],"names":[],"mappings":";;;AAAA,iCAAsC;AACtC,kEAAuE;AAG1D,QAAA,qBAAqB,GAAG,IAAA,qBAAa,EAA6B;IAC7E,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,EAAE,CAAC,IAAI,2CAAwB,CAAC,OAAO,EAAE,OAAO,CAAC;CAC9E,CAAC,CAAC"}

package/_internal/page-scroll-lock/hook.d.ts

@@ -1,4 +1,4 @@
-import type { RefObject } from 'react';
+import { RefObject } from 'react';
 import type { BodyScrollOptions } from 'body-scroll-lock';
 interface HookOptions extends Pick<BodyScrollOptions, 'reserveScrollBarGap'> {
     lockEnabled?: boolean;

package/_internal/page-scroll-lock/hook.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePageScrollLock = void 0;
+exports.usePageScrollLock = usePageScrollLock;
+const react_1 = require("react");
 const hooks_1 = require("../../hooks");
 const context_1 = require("./context");
 const DEFAULTS = {
@@ -12,15 +13,16 @@ const DEFAULTS = {
  * @param ref Ref прокручиваемого элемента для которого нужно отключить прокрутку body.
  * @param options Опции.
  */
-function usePageScrollLock(ref, options = DEFAULTS) {
-    const { adapter } = (0, context_1.usePageScrollContext)();
+function usePageScrollLock(ref, options) {
+    const { adapter } = (0, react_1.useContext)(context_1.PageScrollLockContext);
+    const { lockEnabled = DEFAULTS.lockEnabled, reserveScrollBarGap = DEFAULTS.reserveScrollBarGap } = options ?? DEFAULTS;
     (0, hooks_1.useIsomorphicLayoutEffect)(() => {
         const element = ref.current;
-        if (element && options.lockEnabled) {
-            const pageScroll = adapter(element, options);
+        if (element && lockEnabled) {
+            const pageScroll = adapter(element, { reserveScrollBarGap });
             pageScroll.lock();
             return () => pageScroll.unlock();
         }
-    }, [options === null || options === void 0 ? void 0 : options.lockEnabled, options === null || options === void 0 ? void 0 : options.reserveScrollBarGap]);
+    }, [ref, lockEnabled, reserveScrollBarGap]);
 }
-exports.usePageScrollLock = usePageScrollLock;
+//# sourceMappingURL=hook.js.map

package/_internal/page-scroll-lock/hook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hook.js","sourceRoot":"","sources":["../../../src/_internal/page-scroll-lock/hook.ts"],"names":[],"mappings":";;AAmBA,8CAiBC;AApCD,iCAA8C;AAE9C,uCAAwD;AACxD,uCAAkD;AAMlD,MAAM,QAAQ,GAAgB;IAC5B,WAAW,EAAE,IAAI;IACjB,mBAAmB,EAAE,IAAI;CACjB,CAAC;AAEX;;;;GAIG;AACH,SAAgB,iBAAiB,CAAC,GAA2B,EAAE,OAAqB;IAClF,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,kBAAU,EAAC,+BAAqB,CAAC,CAAC;IAEtD,MAAM,EAAE,WAAW,GAAG,QAAQ,CAAC,WAAW,EAAE,mBAAmB,GAAG,QAAQ,CAAC,mBAAmB,EAAE,GAC9F,OAAO,IAAI,QAAQ,CAAC;IAEtB,IAAA,iCAAyB,EAAC,GAAG,EAAE;QAC7B,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;QAE5B,IAAI,OAAO,IAAI,WAAW,EAAE,CAAC;YAC3B,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,EAAE,EAAE,mBAAmB,EAAE,CAAC,CAAC;YAE7D,UAAU,CAAC,IAAI,EAAE,CAAC;YAElB,OAAO,GAAG,EAAE,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC;QACnC,CAAC;IACH,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,EAAE,mBAAmB,CAAC,CAAC,CAAC;AAC9C,CAAC"}

package/_internal/page-scroll-lock/index.d.ts

@@ -1,4 +1,5 @@
-export type { WithPageScrollLock, PageScrollLockAdapterFactory } from './types';
-export { BSL_IGNORE_ATTR } from './adapters/body-scroll-lock';
+export type { WithPageScrollLock, PageScrollLockOptions, PageScrollLockAdapter, PageScrollLockAdapterFactory, } from './types';
 export { usePageScrollLock } from './hook';
-export { PageScrollProvider } from './context';
+export { PageScrollLockContext } from './context';
+export { PageScrollLockAdapterBSL, BSL_IGNORE_ATTR } from './adapters/body-scroll-lock';
+export { PageScrollLockAdapterNucleons } from './adapters/ui-nucleons';

package/_internal/page-scroll-lock/index.js

@@ -1,9 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PageScrollProvider = exports.usePageScrollLock = exports.BSL_IGNORE_ATTR = void 0;
-var body_scroll_lock_1 = require("./adapters/body-scroll-lock");
-Object.defineProperty(exports, "BSL_IGNORE_ATTR", { enumerable: true, get: function () { return body_scroll_lock_1.BSL_IGNORE_ATTR; } });
+exports.PageScrollLockAdapterNucleons = exports.BSL_IGNORE_ATTR = exports.PageScrollLockAdapterBSL = exports.PageScrollLockContext = exports.usePageScrollLock = void 0;
 var hook_1 = require("./hook");
 Object.defineProperty(exports, "usePageScrollLock", { enumerable: true, get: function () { return hook_1.usePageScrollLock; } });
 var context_1 = require("./context");
-Object.defineProperty(exports, "PageScrollProvider", { enumerable: true, get: function () { return context_1.PageScrollProvider; } });
+Object.defineProperty(exports, "PageScrollLockContext", { enumerable: true, get: function () { return context_1.PageScrollLockContext; } });
+var body_scroll_lock_1 = require("./adapters/body-scroll-lock");
+Object.defineProperty(exports, "PageScrollLockAdapterBSL", { enumerable: true, get: function () { return body_scroll_lock_1.PageScrollLockAdapterBSL; } });
+Object.defineProperty(exports, "BSL_IGNORE_ATTR", { enumerable: true, get: function () { return body_scroll_lock_1.BSL_IGNORE_ATTR; } });
+var ui_nucleons_1 = require("./adapters/ui-nucleons");
+Object.defineProperty(exports, "PageScrollLockAdapterNucleons", { enumerable: true, get: function () { return ui_nucleons_1.PageScrollLockAdapterNucleons; } });
+//# sourceMappingURL=index.js.map

package/_internal/page-scroll-lock/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/_internal/page-scroll-lock/index.ts"],"names":[],"mappings":";;;AAMA,+BAA2C;AAAlC,yGAAA,iBAAiB,OAAA;AAC1B,qCAAkD;AAAzC,gHAAA,qBAAqB,OAAA;AAC9B,gEAAwF;AAA/E,4HAAA,wBAAwB,OAAA;AAAE,mHAAA,eAAe,OAAA;AAClD,sDAAuE;AAA9D,4HAAA,6BAA6B,OAAA"}

package/_internal/page-scroll-lock/types.js

@@ -1,2 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/_internal/page-scroll-lock/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/_internal/page-scroll-lock/types.ts"],"names":[],"mappings":""}

package/accordion/accordion-provider.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+interface ContextProps {
+    register: (groupId: string, setExpand: (expand: boolean) => void) => symbol;
+    unregister: (groupId: string, id: symbol) => void;
+    closeGroup: (groupId: string) => void;
+}
+interface Props {
+    children?: ReactNode;
+}
+export declare const AccordionContext: import("react").Context<ContextProps>;
+/**
+ * Провайдер обрабатывающий логику открытия аккордеонов внутри групп.
+ * @param props Пропсы.
+ * @return Элемент.
+ */
+export declare const AccordionProvider: ({ children }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/accordion/accordion-provider.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AccordionProvider = exports.AccordionContext = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+exports.AccordionContext = (0, react_1.createContext)({
+    register: () => Symbol(),
+    unregister: () => { },
+    closeGroup: () => { },
+});
+/**
+ * Провайдер обрабатывающий логику открытия аккордеонов внутри групп.
+ * @param props Пропсы.
+ * @return Элемент.
+ */
+const AccordionProvider = ({ children }) => {
+    const [items, setItems] = (0, react_1.useState)({});
+    const register = (0, react_1.useCallback)((groupId, setExpand) => {
+        const item = {
+            setExpand,
+            id: Symbol(groupId),
+        };
+        setItems(registeredItems => ({
+            ...registeredItems,
+            [groupId]: (registeredItems[groupId] || []).concat(item),
+        }));
+        return item.id;
+    }, []);
+    const unregister = (0, react_1.useCallback)((groupId, id) => {
+        setItems(registeredItems => {
+            registeredItems[groupId] = registeredItems[groupId].filter(item => item.id !== id);
+            if (registeredItems[groupId].length < 1)
+                delete registeredItems[groupId];
+            return registeredItems;
+        });
+    }, []);
+    const closeGroup = (0, react_1.useCallback)((groupId) => items[groupId]?.forEach(({ setExpand }) => setExpand(false)), [items]);
+    return ((0, jsx_runtime_1.jsx)(exports.AccordionContext.Provider, { value: {
+            register,
+            unregister,
+            closeGroup,
+        }, children: children }));
+};
+exports.AccordionProvider = AccordionProvider;
+//# sourceMappingURL=accordion-provider.js.map

package/accordion/accordion-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-provider.js","sourceRoot":"","sources":["../../src/accordion/accordion-provider.tsx"],"names":[],"mappings":";;;;AAAA,iCAAwE;AAiB3D,QAAA,gBAAgB,GAAG,IAAA,qBAAa,EAAe;IAC1D,QAAQ,EAAE,GAAG,EAAE,CAAC,MAAM,EAAE;IACxB,UAAU,EAAE,GAAG,EAAE,GAAE,CAAC;IACpB,UAAU,EAAE,GAAG,EAAE,GAAE,CAAC;CACrB,CAAC,CAAC;AAEH;;;;GAIG;AACI,MAAM,iBAAiB,GAAG,CAAC,EAAE,QAAQ,EAAS,EAAE,EAAE;IACvD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAA0B,EAAE,CAAC,CAAC;IAEhE,MAAM,QAAQ,GAAG,IAAA,mBAAW,EAAC,CAAC,OAAe,EAAE,SAAoC,EAAE,EAAE;QACrF,MAAM,IAAI,GAAG;YACX,SAAS;YACT,EAAE,EAAE,MAAM,CAAC,OAAO,CAAC;SACpB,CAAC;QACF,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC;YAC3B,GAAG,eAAe;YAClB,CAAC,OAAO,CAAC,EAAE,CAAC,eAAe,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC;SACzD,CAAC,CAAC,CAAC;QACJ,OAAO,IAAI,CAAC,EAAE,CAAC;IACjB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,UAAU,GAAG,IAAA,mBAAW,EAAC,CAAC,OAAe,EAAE,EAAU,EAAE,EAAE;QAC7D,QAAQ,CAAC,eAAe,CAAC,EAAE;YACzB,eAAe,CAAC,OAAO,CAAC,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;YACnF,IAAI,eAAe,CAAC,OAAO,CAAC,CAAC,MAAM,GAAG,CAAC;gBAAE,OAAO,eAAe,CAAC,OAAO,CAAC,CAAC;YACzE,OAAO,eAAe,CAAC;QACzB,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,UAAU,GAAG,IAAA,mBAAW,EAC5B,CAAC,OAAe,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,EACjF,CAAC,KAAK,CAAC,CACR,CAAC;IAEF,OAAO,CACL,uBAAC,wBAAgB,CAAC,QAAQ,IACxB,KAAK,EAAE;YACL,QAAQ;YACR,UAAU;YACV,UAAU;SACX,YAEA,QAAQ,GACiB,CAC7B,CAAC;AACJ,CAAC,CAAC;AAvCW,QAAA,iBAAiB,qBAuC5B"}

package/accordion/accordion.d.ts

@@ -0,0 +1,27 @@
+import { ReactNode } from 'react';
+export interface Props {
+    /** Заголовок блока аккордеона.  */
+    summary: string;
+    /** Тема оформления. */
+    theme?: 'light' | 'dark';
+    /** Описание. */
+    description?: string;
+    /** Название группы аккордеона. */
+    name?: string;
+    /** Первоначальное значение состояния открытия. */
+    open?: boolean;
+    /** Контент аккордеона при открытии. */
+    children?: ReactNode;
+    /** Внешний стиль компонента. */
+    className?: string;
+    /** Уровень заголовков. */
+    level?: 1 | 2 | 3 | 4 | 5 | 6;
+    /** Обработчик переключения состояния аккордеона. */
+    onToggle?: (open: boolean) => void;
+}
+/**
+ * Аккордеон.
+ * @param props Пропсы компонента.
+ * @return Элемент.
+ */
+export declare const Accordion: ({ theme, open, name, summary, description, onToggle, className, children, level, }: Props) => import("react/jsx-runtime").JSX.Element;

package/accordion/accordion.js

@@ -0,0 +1,57 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Accordion = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const accordion_m_scss_1 = __importDefault(require("./accordion.m.scss"));
+const ArrowExpandDown_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/ArrowExpandDown"));
+const bind_1 = __importDefault(require("classnames/bind"));
+const accordion_provider_1 = require("./accordion-provider");
+const context_1 = require("../context");
+const cx = bind_1.default.bind(accordion_m_scss_1.default);
+/**
+ * Аккордеон.
+ * @param props Пропсы компонента.
+ * @return Элемент.
+ */
+const Accordion = ({ theme = 'light', open = false, name, summary, description, onToggle, className, children, level = 4, }) => {
+    const container = (0, react_1.useRef)(null);
+    const { createResizeObserver } = (0, react_1.useContext)(context_1.ResizeObserverContext);
+    const { register, unregister, closeGroup } = (0, react_1.useContext)(accordion_provider_1.AccordionContext);
+    const [expanded, setExpand] = (0, react_1.useState)(open);
+    const [contentHeight, setContentHeight] = (0, react_1.useState)(0);
+    (0, react_1.useEffect)(() => {
+        if (name) {
+            const id = register(name, setExpand);
+            return () => unregister(name, id);
+        }
+    }, []);
+    (0, react_1.useEffect)(() => {
+        open && name && closeGroup(name);
+        setExpand(open);
+    }, [open]);
+    (0, react_1.useEffect)(() => {
+        const observer = createResizeObserver(() => setContentHeight(container.current?.scrollHeight || 0));
+        container.current && observer.observe(container.current);
+        return () => observer.disconnect();
+    }, [container.current, createResizeObserver]);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: cx('root', {
+            expanded,
+            'theme-dark': theme === 'dark',
+            'theme-light': theme === 'light',
+        }, className), children: [(0, jsx_runtime_1.jsxs)("button", { type: 'button', "aria-expanded": expanded, "aria-controls": `section-${name}`, onClick: () => {
+                    /**
+                     * Порядовок вызовов и используемых данных важен, так как сначала всё закрываем, а потом открываем конкретный.
+                     */
+                    name && closeGroup(name);
+                    setExpand(!expanded);
+                    onToggle?.(!expanded);
+                }, tabIndex: 0, className: accordion_m_scss_1.default.header, children: [(0, jsx_runtime_1.jsx)("span", { role: 'heading', "aria-level": level, className: accordion_m_scss_1.default.title, children: summary }), (0, jsx_runtime_1.jsx)(ArrowExpandDown_1.default, { className: accordion_m_scss_1.default.arrow })] }), (0, jsx_runtime_1.jsxs)("div", { className: accordion_m_scss_1.default.content, role: 'region', ref: container, style: {
+                    maxHeight: expanded ? contentHeight : 0,
+                }, children: [children, description && (0, jsx_runtime_1.jsx)("span", { className: accordion_m_scss_1.default.description, children: description })] })] }));
+};
+exports.Accordion = Accordion;
+//# sourceMappingURL=accordion.js.map

package/accordion/accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../src/accordion/accordion.tsx"],"names":[],"mappings":"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"}

package/accordion/accordion.m.scss

@@ -0,0 +1,86 @@
+@use '../colors.scss';
+
+.root {
+  width: 100%;
+  border-radius: 8px;
+  display: flex;
+  flex-direction: column;
+  &.theme-light {
+    background-color: colors.$basic-gray4;
+    --text-color: #{colors.$basic-gray87};
+    --hover-header-color: #{colors.$basic-gray54};
+    --arrow-color: #{colors.$basic-gray87};
+    --border-focus-visible-color: #{colors.$basic-gray24};
+  }
+  &.theme-dark {
+    --text-color: #{colors.$basic-white};
+    --hover-header-color: #{colors.$basic-gray8};
+    --arrow-color: #{colors.$basic-gray8};
+    --border-focus-visible-color: #{colors.$basic-gray54};
+    background-color: colors.$basic-gray76;
+  }
+}
+
+.expanded {
+  .arrow {
+    transform: rotate(180deg);
+  }
+  .content {
+    padding: 0 16px;
+    margin-bottom: 16px;
+  }
+  .header:focus-visible {
+    border-radius: 8px 8px 0 0;
+  }
+}
+
+.title {
+  margin: 0;
+  color: var(--text-color);
+  font-size: 16px;
+  line-height: 24px;
+  font-weight: 600;
+  text-align: left;
+}
+
+.arrow {
+  fill: var(--arrow-color);
+}
+
+.header {
+  display: flex;
+  flex-direction: row;
+  padding: 16px;
+  justify-content: space-between;
+  align-items: center;
+  cursor: pointer;
+  text-decoration: none;
+  border: none;
+  background: none;
+  width: 100%;
+  &:focus-visible {
+    outline: 1px solid var(--border-focus-visible-color);
+    border-radius: 8px;
+  }
+  &:hover {
+    .title {
+      color: var(--hover-header-color);
+    }
+  }
+}
+
+.content {
+  padding: 0 16px;
+  overflow: hidden;
+  transition: max-height 200ms ease;
+  color: var(--text-color);
+}
+
+.description {
+  margin-top: 12px;
+  font-size: 12px;
+  line-height: 16px;
+  font-weight: 400;
+  display: inline-block;
+  color: colors.$basic-gray38;
+}

package/accordion/index.d.ts

@@ -0,0 +1,3 @@
+export { Accordion } from './accordion';
+export type { Props } from './accordion';
+export { AccordionProvider } from './accordion-provider';

package/accordion/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AccordionProvider = exports.Accordion = void 0;
+var accordion_1 = require("./accordion");
+Object.defineProperty(exports, "Accordion", { enumerable: true, get: function () { return accordion_1.Accordion; } });
+var accordion_provider_1 = require("./accordion-provider");
+Object.defineProperty(exports, "AccordionProvider", { enumerable: true, get: function () { return accordion_provider_1.AccordionProvider; } });
+//# sourceMappingURL=index.js.map

package/accordion/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/accordion/index.ts"],"names":[],"mappings":";;;AAAA,yCAAwC;AAA/B,sGAAA,SAAS,OAAA;AAElB,2DAAyD;AAAhD,uHAAA,iBAAiB,OAAA"}

package/alert/alert-body.d.ts

@@ -0,0 +1,7 @@
+import { AlertBodyProps } from './types';
+/**
+ * Основной контент Alert.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function AlertBody({ children, className, rootRef, withScrollDisable, scrollDisableOptions, ...restProps }: AlertBodyProps): import("react/jsx-runtime").JSX.Element;

package/alert/alert-body.js

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AlertBody = AlertBody;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const page_scroll_lock_1 = require("../_internal/page-scroll-lock");
+const bind_1 = __importDefault(require("classnames/bind"));
+const alert_body_m_scss_1 = __importDefault(require("./alert-body.m.scss"));
+const cx = bind_1.default.bind(alert_body_m_scss_1.default);
+/**
+ * Основной контент Alert.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function AlertBody({ children, className, rootRef, withScrollDisable = false, scrollDisableOptions, ...restProps }) {
+    const ref = (0, react_1.useRef)(null);
+    (0, page_scroll_lock_1.usePageScrollLock)(ref, { lockEnabled: withScrollDisable, ...scrollDisableOptions });
+    (0, react_1.useImperativeHandle)(rootRef, () => ref.current);
+    return ((0, jsx_runtime_1.jsx)("div", { ...restProps, ref: ref, className: cx('body', className), children: children }));
+}
+//# sourceMappingURL=alert-body.js.map

package/alert/alert-body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-body.js","sourceRoot":"","sources":["../../src/alert/alert-body.tsx"],"names":[],"mappings":";;;;;AAaA,8BAmBC;;AAhCD,iCAAoD;AACpD,oEAAkE;AAElE,2DAAyC;AACzC,4EAAyC;AAEzC,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,2BAAM,CAAC,CAAC;AAEnC;;;;GAIG;AACH,SAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,SAAS,EACT,OAAO,EACP,iBAAiB,GAAG,KAAK,EACzB,oBAAoB,EACpB,GAAG,SAAS,EACG;IACf,MAAM,GAAG,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAEzC,IAAA,oCAAiB,EAAC,GAAG,EAAE,EAAE,WAAW,EAAE,iBAAiB,EAAE,GAAG,oBAAoB,EAAE,CAAC,CAAC;IAEpF,IAAA,2BAAmB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,OAAyB,CAAC,CAAC;IAElE,OAAO,CACL,mCAAS,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,YAC3D,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}

package/alert/alert-body.m.scss

@@ -0,0 +1,3 @@
+.body {
+  flex-grow: 1;
+}

package/alert/alert.d.ts

@@ -0,0 +1,8 @@
+import { AlertProps } from './types';
+/**
+ * Алерт - небольшое модальное окно, блокирующее работу с основным интерфейсом до тех пор, пока оно не будет закрыто.
+ * Обычно используется для подтверждения действия или выбора действия из списка.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function Alert({ children, onClose, className, 'data-testid': testId, ...restProps }: AlertProps): import("react/jsx-runtime").JSX.Element;

package/alert/alert.js

@@ -0,0 +1,33 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Alert = Alert;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const modal_overlay_1 = require("../modal-overlay");
+const plate_1 = require("../plate");
+const top_bar_1 = require("../top-bar");
+const bottom_bar_1 = require("../bottom-bar");
+const define_slots_1 = require("../helpers/define-slots");
+const utils_1 = require("../modal-overlay/utils");
+const alert_body_1 = require("./alert-body");
+const bind_1 = __importDefault(require("classnames/bind"));
+const alert_m_scss_1 = __importDefault(require("./alert.m.scss"));
+const cx = bind_1.default.bind(alert_m_scss_1.default);
+/**
+ * Алерт - небольшое модальное окно, блокирующее работу с основным интерфейсом до тех пор, пока оно не будет закрыто.
+ * Обычно используется для подтверждения действия или выбора действия из списка.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function Alert({ children, onClose, className, 'data-testid': testId = 'alert', ...restProps }) {
+    const { topBar, body, bottomBar } = (0, define_slots_1.defineSlots)(children, {
+        topBar: top_bar_1.TopBar,
+        body: alert_body_1.AlertBody,
+        bottomBar: bottom_bar_1.BottomBar,
+    });
+    const overlayClickBind = (0, utils_1.useExactClick)(onClose);
+    return ((0, jsx_runtime_1.jsx)(modal_overlay_1.ModalOverlay, { className: alert_m_scss_1.default.overlay, ...overlayClickBind, children: (0, jsx_runtime_1.jsxs)(plate_1.Plate, { ...restProps, rounds: 'm', shadow: 'z4', className: cx('alert', className), "data-testid": testId, children: [topBar, body, bottomBar] }) }));
+}
+//# sourceMappingURL=alert.js.map

package/alert/alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../src/alert/alert.tsx"],"names":[],"mappings":";;;;;AAmBA,sBA8BC;;AAjDD,oDAAgD;AAChD,oCAAiC;AACjC,wCAAoC;AACpC,8CAA0C;AAC1C,0DAAsD;AACtD,kDAAuD;AAEvD,6CAAyC;AACzC,2DAAyC;AACzC,kEAAoC;AAEpC,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,sBAAM,CAAC,CAAC;AAEnC;;;;;GAKG;AACH,SAAgB,KAAK,CAAC,EACpB,QAAQ,EACR,OAAO,EACP,SAAS,EACT,aAAa,EAAE,MAAM,GAAG,OAAO,EAC/B,GAAG,SAAS,EACD;IACX,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,IAAA,0BAAW,EAAC,QAAQ,EAAE;QACxD,MAAM,EAAE,gBAAM;QACd,IAAI,EAAE,sBAAS;QACf,SAAS,EAAE,sBAAS;KACrB,CAAC,CAAC;IAEH,MAAM,gBAAgB,GAAG,IAAA,qBAAa,EAAC,OAAO,CAAC,CAAC;IAEhD,OAAO,CACL,uBAAC,4BAAY,IAAC,SAAS,EAAE,sBAAM,CAAC,OAAO,KAAM,gBAAgB,YAC3D,wBAAC,aAAK,OACA,SAAS,EACb,MAAM,EAAC,GAAG,EACV,MAAM,EAAC,IAAI,EACX,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,iBACpB,MAAM,aAElB,MAAM,EACN,IAAI,EACJ,SAAS,IACJ,GACK,CAChB,CAAC;AACJ,CAAC"}

package/alert/index.d.ts

@@ -1,21 +1,3 @@
-import React from 'react';
-import { WithPageScrollLock } from '../_internal/page-scroll-lock';
-import { CardContentProps } from '../card/slots';
-export interface AlertProps extends WithPageScrollLock {
-    /** Основное содержимое. */
-    children?: React.ReactNode;
-    /** Будет вызвана при закрытии окна нажатием на затемнение. */
-    onClose?: VoidFunction;
-}
-/**
- * Компонент модального диалога.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare function Alert({ children, withScrollDisable, scrollDisableOptions, onClose, }: AlertProps): JSX.Element;
-/**
- * Основной контент Alert.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare function AlertBody({ children }: CardContentProps): JSX.Element;
+export type { AlertProps, AlertBodyProps } from './types';
+export { Alert } from './alert';
+export { AlertBody } from './alert-body';