@sima-land/ui-nucleons 45.0.0-alpha.5 → 45.0.0-alpha.50

package/dist/_internal/page-scroll-lock/adapters/body-scroll-lock.js

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.allowTouchMove = exports.PageScrollLockAdapterBSL = exports.BSL_IGNORE_ATTR = void 0;
+const body_scroll_lock_upgrade_1 = require("body-scroll-lock-upgrade");
+/**
+ * Имя атрибута, устанавливаемого на элемент, имеющий прокрутку.
+ * Атрибут устанавливается на элемент в случае, если
+ * прокручиваемый родитель элемента обрабатывается с помощью body-scroll-lock.
+ */
+exports.BSL_IGNORE_ATTR = 'data-bsl-ignore';
+/** Адаптер блокировки прокрутки использующий BSL. */
+class PageScrollLockAdapterBSL {
+    element;
+    options;
+    lib;
+    /**
+     * Конструктор.
+     * @param element Целевой элемент для которого надо сохранить прокрутку.
+     * @param options Опции блокировки.
+     */
+    constructor(element, options) {
+        this.element = element;
+        this.options = options;
+        this.lib = {
+            disableBodyScroll: body_scroll_lock_upgrade_1.disableBodyScroll,
+            enableBodyScroll: body_scroll_lock_upgrade_1.enableBodyScroll,
+        };
+    }
+    /**
+     * Позволяет заменить библиотеку body-scroll-lock.
+     * Полезен для использования версии BSL, отличной от той что используется в библиотеке.
+     * @param lib Библиотека body-scroll-lock.
+     */
+    replaceLib(lib) {
+        this.lib = lib;
+    }
+    /** @inheritdoc */
+    lock() {
+        this.lib.disableBodyScroll(this.element, {
+            ...this.options,
+            allowTouchMove: exports.allowTouchMove,
+        });
+    }
+    /** @inheritdoc */
+    unlock() {
+        this.lib.enableBodyScroll(this.element);
+    }
+}
+exports.PageScrollLockAdapterBSL = PageScrollLockAdapterBSL;
+/**
+ * Проверяет необходимость блокировки дочерних элементов в прокручиваемом элементе.
+ * Необходима для того, чтобы в прокручиваемых контейнерах вложенные прокручиваемые элементы,
+ * имеющие специальный атрибут, прокручивались нормально.
+ * @see {@link https://github.com/willmcpo/body-scroll-lock#more-complex}
+ * @param startEl Начальный элемент.
+ * @return Нужно ли позволить перетаскивание элемента.
+ */
+const allowTouchMove = (startEl) => {
+    let el = startEl instanceof Element ? startEl : null;
+    while (el && el !== document.body) {
+        if (el.getAttribute(exports.BSL_IGNORE_ATTR) !== null) {
+            return true;
+        }
+        el = el.parentElement;
+    }
+    return false;
+};
+exports.allowTouchMove = allowTouchMove;
+//# sourceMappingURL=body-scroll-lock.js.map

package/dist/_internal/page-scroll-lock/adapters/body-scroll-lock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"body-scroll-lock.js","sourceRoot":"","sources":["../../../../src/_internal/page-scroll-lock/adapters/body-scroll-lock.ts"],"names":[],"mappings":";;;AACA,uEAAkG;AAElG;;;;GAIG;AACU,QAAA,eAAe,GAAG,iBAAiB,CAAC;AAEjD,qDAAqD;AACrD,MAAa,wBAAwB;IAC3B,OAAO,CAAc;IACrB,OAAO,CAAqB;IAEpC,GAAG,CAGD;IAEF;;;;OAIG;IACH,YAAY,OAAoB,EAAE,OAA2B;QAC3D,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,GAAG,GAAG;YACT,iBAAiB,EAAjB,4CAAiB;YACjB,gBAAgB,EAAhB,2CAAgB;SACjB,CAAC;IACJ,CAAC;IAED;;;;OAIG;IACH,UAAU,CAAC,GAAoC;QAC7C,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;IACjB,CAAC;IAED,kBAAkB;IAClB,IAAI;QACF,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,IAAI,CAAC,OAAO,EAAE;YACvC,GAAG,IAAI,CAAC,OAAO;YACf,cAAc,EAAd,sBAAc;SACf,CAAC,CAAC;IACL,CAAC;IAED,kBAAkB;IAClB,MAAM;QACJ,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAC1C,CAAC;CACF;AA5CD,4DA4CC;AAED;;;;;;;GAOG;AACI,MAAM,cAAc,GAAkD,CAAC,OAAO,EAAW,EAAE;IAChG,IAAI,EAAE,GAAiC,OAAO,YAAY,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC;IAEnF,OAAO,EAAE,IAAI,EAAE,KAAK,QAAQ,CAAC,IAAI,EAAE,CAAC;QAClC,IAAI,EAAE,CAAC,YAAY,CAAC,uBAAe,CAAC,KAAK,IAAI,EAAE,CAAC;YAC9C,OAAO,IAAI,CAAC;QACd,CAAC;QAED,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC;IACxB,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAZW,QAAA,cAAc,kBAYzB"}

package/dist/_internal/page-scroll-lock/adapters/ui-nucleons.d.ts

@@ -0,0 +1,50 @@
+import type { PageScrollLockAdapter, PageScrollLockOptions } from '../types';
+/** Адаптер блокировки прокрутки использующий внутреннее решение ui-nucleons. */
+export declare class PageScrollLockAdapterNucleons implements PageScrollLockAdapter {
+    protected options?: PageScrollLockOptions;
+    protected bodyStyle?: StyleAffect;
+    /**
+     * Конструктор.
+     * @param options Опции.
+     */
+    constructor(options?: PageScrollLockOptions);
+    /** @inheritdoc */
+    lock(): void;
+    /** @inheritdoc */
+    unlock(): void;
+    /**
+     * Определяет заблокирована ли прокрутка.
+     * @return True если прокрутка заблокирована.
+     */
+    protected isLocked(): boolean;
+    /**
+     * Определяет ширину полосы прокрутки.
+     * @return Ширина в пикселях.
+     */
+    protected getScrollbarWidth(): number;
+}
+/** Промежуточный слой для установки стилей на элемент с возможностью восстановления состояния. */
+export declare class StyleAffect {
+    protected element: HTMLElement;
+    protected changes: Map<string, {
+        oldValue: string;
+        oldPriority: string | undefined;
+    }>;
+    /**
+     * @param element Целевой элемент.
+     */
+    constructor(element: HTMLElement);
+    /**
+     * Устанавливает стили на элемент и запоминает предыдущее значение.
+     * @param prop Имя свойства.
+     * @param value Значение.
+     * @param priority Приоритет.
+     * @return Экземпляр.
+     */
+    set(prop: string, value: string | null, priority?: string): this;
+    /**
+     * Откатывает стили.
+     * @return Экземпляр.
+     */
+    restore(): this;
+}

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

@@ -0,0 +1,107 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyleAffect = exports.PageScrollLockAdapterNucleons = void 0;
+const MARK_ATTR = 'data-scroll-locked';
+/** Адаптер блокировки прокрутки использующий внутреннее решение ui-nucleons. */
+class PageScrollLockAdapterNucleons {
+    options;
+    bodyStyle;
+    /**
+     * Конструктор.
+     * @param options Опции.
+     */
+    constructor(options) {
+        this.options = options;
+    }
+    /** @inheritdoc */
+    lock() {
+        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 (this.options?.reserveScrollBarGap) {
+                const gap = this.getScrollbarWidth();
+                gap > 0 && this.bodyStyle.set('padding-right', `${gap}px`);
+            }
+            document.body.setAttribute(MARK_ATTR, 'true');
+        }
+    }
+    /** @inheritdoc */
+    unlock() {
+        if (this.isLocked()) {
+            const { body } = document;
+            const parsed = parseFloat(body.style.getPropertyValue('top').replace(/[A-z]*/g, '')) || 0;
+            this.bodyStyle?.restore();
+            window.scrollTo(0, -parsed);
+            document.body.removeAttribute(MARK_ATTR);
+        }
+    }
+    /**
+     * Определяет заблокирована ли прокрутка.
+     * @return True если прокрутка заблокирована.
+     */
+    isLocked() {
+        return document.body.hasAttribute(MARK_ATTR);
+    }
+    /**
+     * Определяет ширину полосы прокрутки.
+     * @return Ширина в пикселях.
+     */
+    getScrollbarWidth() {
+        // https://javascript.info/task/scrollbar-width
+        const div = document.createElement('div');
+        div.style.overflowY = 'scroll';
+        div.style.width = '50px';
+        div.style.height = '50px';
+        // must be inserted into body, otherwise sizes will be zero
+        document.body.append(div);
+        const scrollBarWidth = div.offsetWidth - div.clientWidth;
+        div.remove();
+        return scrollBarWidth;
+    }
+}
+exports.PageScrollLockAdapterNucleons = PageScrollLockAdapterNucleons;
+/** Промежуточный слой для установки стилей на элемент с возможностью восстановления состояния. */
+class StyleAffect {
+    element;
+    changes;
+    /**
+     * @param element Целевой элемент.
+     */
+    constructor(element) {
+        this.element = element;
+        this.changes = new Map();
+    }
+    /**
+     * Устанавливает стили на элемент и запоминает предыдущее значение.
+     * @param prop Имя свойства.
+     * @param value Значение.
+     * @param priority Приоритет.
+     * @return Экземпляр.
+     */
+    set(prop, value, priority) {
+        if (!this.changes.has(prop)) {
+            this.changes.set(prop, {
+                oldValue: this.element.style.getPropertyValue(prop),
+                oldPriority: this.element.style.getPropertyPriority(prop),
+            });
+        }
+        this.element.style.setProperty(prop, value, priority);
+        return this;
+    }
+    /**
+     * Откатывает стили.
+     * @return Экземпляр.
+     */
+    restore() {
+        for (const [prop, { oldValue, oldPriority }] of this.changes) {
+            this.element.style.setProperty(prop, oldValue, oldPriority);
+        }
+        this.changes.clear();
+        return this;
+    }
+}
+exports.StyleAffect = StyleAffect;
+//# sourceMappingURL=ui-nucleons.js.map

package/dist/_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":";;;AAEA,MAAM,SAAS,GAAG,oBAAoB,CAAC;AAEvC,gFAAgF;AAChF,MAAa,6BAA6B;IAC9B,OAAO,CAAyB;IAChC,SAAS,CAAe;IAElC;;;OAGG;IACH,YAAY,OAA+B;QACzC,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;IACzB,CAAC;IAED,kBAAkB;IAClB,IAAI;QACF,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC;YACrB,MAAM,SAAS,GAAG,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC;YAErD,IAAI,CAAC,SAAS,GAAG,IAAI,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;YAEhD,kFAAkF;YAClF,oFAAoF;YACpF,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,GAAG,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,SAAS,IAAI,CAAC,CAAC;YAE5F,IAAI,IAAI,CAAC,OAAO,EAAE,mBAAmB,EAAE,CAAC;gBACtC,MAAM,GAAG,GAAG,IAAI,CAAC,iBAAiB,EAAE,CAAC;gBACrC,GAAG,GAAG,CAAC,IAAI,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,eAAe,EAAE,GAAG,GAAG,IAAI,CAAC,CAAC;YAC7D,CAAC;YAED,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;QAChD,CAAC;IACH,CAAC;IAED,kBAAkB;IAClB,MAAM;QACJ,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC;YACpB,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAC;YAC1B,MAAM,MAAM,GAAG,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;YAE1F,IAAI,CAAC,SAAS,EAAE,OAAO,EAAE,CAAC;YAC1B,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;YAE5B,QAAQ,CAAC,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;QAC3C,CAAC;IACH,CAAC;IAED;;;OAGG;IACO,QAAQ;QAChB,OAAO,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IAED;;;OAGG;IACO,iBAAiB;QACzB,+CAA+C;QAC/C,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAE1C,GAAG,CAAC,KAAK,CAAC,SAAS,GAAG,QAAQ,CAAC;QAC/B,GAAG,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;QACzB,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;QAE1B,2DAA2D;QAC3D,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;QAE1B,MAAM,cAAc,GAAG,GAAG,CAAC,WAAW,GAAG,GAAG,CAAC,WAAW,CAAC;QAEzD,GAAG,CAAC,MAAM,EAAE,CAAC;QAEb,OAAO,cAAc,CAAC;IACxB,CAAC;CACF;AA1ED,sEA0EC;AAED,kGAAkG;AAClG,MAAa,WAAW;IACZ,OAAO,CAAc;IACrB,OAAO,CAAqE;IAEtF;;OAEG;IACH,YAAY,OAAoB;QAC9B,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,OAAO,GAAG,IAAI,GAAG,EAAE,CAAC;IAC3B,CAAC;IAED;;;;;;OAMG;IACH,GAAG,CAAC,IAAY,EAAE,KAAoB,EAAE,QAAiB;QACvD,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC;YAC5B,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE;gBACrB,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,gBAAgB,CAAC,IAAI,CAAC;gBACnD,WAAW,EAAE,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,mBAAmB,CAAC,IAAI,CAAC;aAC1D,CAAC,CAAC;QACL,CAAC;QAED,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC;QAEtD,OAAO,IAAI,CAAC;IACd,CAAC;IAED;;;OAGG;IACH,OAAO;QACL,KAAK,MAAM,CAAC,IAAI,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YAC7D,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC;QAC9D,CAAC;QAED,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;QAErB,OAAO,IAAI,CAAC;IACd,CAAC;CACF;AA7CD,kCA6CC"}

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

@@ -0,0 +1,2 @@
+import { PageScrollLockContextValue } from './types';
+export declare const PageScrollLockContext: import("react").Context<PageScrollLockContextValue>;

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PageScrollLockContext = void 0;
+const react_1 = require("react");
+const body_scroll_lock_1 = require("./adapters/body-scroll-lock");
+exports.PageScrollLockContext = (0, react_1.createContext)({
+    adapter: (element, options) => new body_scroll_lock_1.PageScrollLockAdapterBSL(element, options),
+});
+//# sourceMappingURL=context.js.map

package/dist/_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/dist/_internal/page-scroll-lock/hook.d.ts

@@ -0,0 +1,12 @@
+import { RefObject } from 'react';
+import type { BodyScrollOptions } from 'body-scroll-lock-upgrade';
+interface HookOptions extends Pick<BodyScrollOptions, 'reserveScrollBarGap'> {
+    lockEnabled?: boolean;
+}
+/**
+ * Хук управления блокировкой прокрутки body.
+ * @param ref Ref прокручиваемого элемента для которого нужно отключить прокрутку body.
+ * @param options Опции.
+ */
+export declare function usePageScrollLock(ref: RefObject<HTMLElement>, options?: HookOptions): void;
+export {};

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

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePageScrollLock = usePageScrollLock;
+const react_1 = require("react");
+const hooks_1 = require("../../hooks");
+const context_1 = require("./context");
+const DEFAULTS = {
+    lockEnabled: true,
+    reserveScrollBarGap: true,
+};
+/**
+ * Хук управления блокировкой прокрутки body.
+ * @param ref Ref прокручиваемого элемента для которого нужно отключить прокрутку body.
+ * @param options Опции.
+ */
+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 && lockEnabled) {
+            const pageScroll = adapter(element, { reserveScrollBarGap });
+            pageScroll.lock();
+            return () => pageScroll.unlock();
+        }
+    }, [ref, lockEnabled, reserveScrollBarGap]);
+}
+//# sourceMappingURL=hook.js.map

package/dist/_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/dist/_internal/page-scroll-lock/index.d.ts

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

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

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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, "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/dist/_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/dist/_internal/page-scroll-lock/types.d.ts

@@ -0,0 +1,22 @@
+import type { ReactNode } from 'react';
+import type { BodyScrollOptions } from 'body-scroll-lock-upgrade';
+export interface PageScrollLockAdapterFactory {
+    (target: HTMLElement, options?: WithPageScrollLock['scrollDisableOptions']): PageScrollLockAdapter;
+}
+export interface PageScrollLockContextValue {
+    adapter: PageScrollLockAdapterFactory;
+}
+export interface PageScrollLockProviderProps extends PageScrollLockContextValue {
+    children?: ReactNode;
+}
+export interface PageScrollLockAdapter {
+    lock(): void;
+    unlock(): void;
+}
+export type PageScrollLockOptions = Pick<BodyScrollOptions, 'reserveScrollBarGap'>;
+export interface WithPageScrollLock {
+    /** Нужно ли выключать прокрутку body. */
+    withScrollDisable?: boolean;
+    /** Опции отключения прокрутки. */
+    scrollDisableOptions?: PageScrollLockOptions;
+}

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

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

package/dist/_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/dist/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/dist/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/dist/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/dist/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/dist/accordion/accordion.js

@@ -0,0 +1,47 @@
+"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 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 { register, unregister, closeGroup } = (0, react_1.useContext)(accordion_provider_1.AccordionContext);
+    const [expanded, setExpand] = (0, react_1.useState)(open);
+    (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]);
+    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, 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/dist/accordion/accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../src/accordion/accordion.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAA2E;AAC3E,0EAAwC;AACxC,+GAA0F;AAC1F,2DAAyC;AACzC,6DAAwD;AAExD,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,0BAAM,CAAC,CAAC;AAuBnC;;;;GAIG;AACI,MAAM,SAAS,GAAG,CAAC,EACxB,KAAK,GAAG,OAAO,EACf,IAAI,GAAG,KAAK,EACZ,IAAI,EACJ,OAAO,EACP,WAAW,EACX,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,KAAK,GAAG,CAAC,GACH,EAAE,EAAE;IACV,MAAM,SAAS,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAC/C,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,IAAA,kBAAU,EAAC,qCAAgB,CAAC,CAAC;IAC1E,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC;IAE7C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,IAAI,EAAE,CAAC;YACT,MAAM,EAAE,GAAG,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;YACrC,OAAO,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QACpC,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,IAAI,IAAI,IAAI,UAAU,CAAC,IAAI,CAAC,CAAC;QACjC,SAAS,CAAC,IAAI,CAAC,CAAC;IAClB,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,CACL,iCACE,SAAS,EAAE,EAAE,CACX,MAAM,EACN;YACE,QAAQ;YACR,YAAY,EAAE,KAAK,KAAK,MAAM;YAC9B,aAAa,EAAE,KAAK,KAAK,OAAO;SACjC,EACD,SAAS,CACV,aAED,oCACE,IAAI,EAAC,QAAQ,mBACE,QAAQ,mBACR,WAAW,IAAI,EAAE,EAChC,OAAO,EAAE,GAAG,EAAE;oBACZ;;uBAEG;oBACH,IAAI,IAAI,UAAU,CAAC,IAAI,CAAC,CAAC;oBACzB,SAAS,CAAC,CAAC,QAAQ,CAAC,CAAC;oBACrB,QAAQ,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC;gBACxB,CAAC,EACD,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,0BAAM,CAAC,MAAM,aAExB,iCAAM,IAAI,EAAC,SAAS,gBAAa,KAAK,EAAE,SAAS,EAAE,0BAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,GAAI,EACtF,uBAAC,yBAAkB,IAAC,SAAS,EAAE,0BAAM,CAAC,KAAK,GAAI,IACxC,EACT,iCAAK,SAAS,EAAE,0BAAM,CAAC,OAAO,EAAE,IAAI,EAAC,QAAQ,EAAC,GAAG,EAAE,SAAS,aACzD,QAAQ,EACR,WAAW,IAAI,iCAAM,SAAS,EAAE,0BAAM,CAAC,WAAW,EAAE,QAAQ,EAAE,WAAW,GAAI,IAC1E,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AA/DW,QAAA,SAAS,aA+DpB"}

package/dist/accordion/accordion.m.scss

@@ -0,0 +1,89 @@
+@use '../colors.scss';
+
+.root {
+  width: 100%;
+  border-radius: 8px;
+  display: grid;
+  grid-template-rows: min-content 0fr;
+  transition: grid-template-rows 200ms ease;
+  &.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 {
+  grid-template-rows: min-content 1fr;
+  .arrow {
+    transform: rotate(180deg);
+  }
+  .content {
+    padding: 0 16px;
+    margin-bottom: 16px;
+    opacity: 1;
+  }
+  .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;
+  opacity: 0;
+  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/dist/accordion/index.d.ts

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

package/dist/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/dist/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/dist/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;