@sima-land/ui-nucleons 45.0.0-alpha.2 → 45.0.0-alpha.20

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/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';

package/alert/index.js

@@ -1,71 +1,8 @@
 "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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AlertBody = exports.Alert = void 0;
-const react_1 = __importStar(require("react"));
-const page_scroll_lock_1 = require("../_internal/page-scroll-lock");
-const modal_overlay_1 = require("../modal-overlay");
-const card_1 = require("../card");
-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 bind_1 = __importDefault(require("classnames/bind"));
-const alert_module_scss_1 = __importDefault(require("./alert.module.scss"));
-const cx = bind_1.default.bind(alert_module_scss_1.default);
-/**
- * Компонент модального диалога.
- * @param props Свойства.
- * @return Элемент.
- */
-function Alert({ children, withScrollDisable = false, scrollDisableOptions, onClose, }) {
-    const scrollableRef = (0, react_1.useRef)(null);
-    (0, page_scroll_lock_1.usePageScrollLock)(scrollableRef, Object.assign({ lockEnabled: withScrollDisable }, scrollDisableOptions));
-    const { topBar, body, bottomBar } = (0, define_slots_1.defineSlots)(children, {
-        topBar: top_bar_1.TopBar,
-        body: AlertBody,
-        bottomBar: bottom_bar_1.BottomBar,
-    });
-    const overlayClickBind = (0, utils_1.useExactClick)(onClose);
-    (0, react_1.useImperativeHandle)(body === null || body === void 0 ? void 0 : body.props.scrollableRef, () => scrollableRef.current);
-    return (react_1.default.createElement(modal_overlay_1.ModalOverlay, Object.assign({ className: alert_module_scss_1.default.overlay }, overlayClickBind),
-        react_1.default.createElement(card_1.Card, { shadow: 'z4', rounds: 'm', className: cx('alert'), "data-testid": 'alert' },
-            topBar && react_1.default.createElement(top_bar_1.TopBar, Object.assign({}, topBar.props, { size: 's' })),
-            body && (react_1.default.createElement(card_1.CardContent, Object.assign({}, body.props, { scrollableRef: scrollableRef }), body)),
-            bottomBar && react_1.default.createElement(bottom_bar_1.BottomBar, Object.assign({}, bottomBar.props, { size: 's' })))));
-}
-exports.Alert = Alert;
-/**
- * Основной контент Alert.
- * @param props Свойства.
- * @return Элемент.
- */
-function AlertBody({ children }) {
-    return react_1.default.createElement(react_1.default.Fragment, null, children);
-}
-exports.AlertBody = AlertBody;
+var alert_1 = require("./alert");
+Object.defineProperty(exports, "Alert", { enumerable: true, get: function () { return alert_1.Alert; } });
+var alert_body_1 = require("./alert-body");
+Object.defineProperty(exports, "AlertBody", { enumerable: true, get: function () { return alert_body_1.AlertBody; } });
+//# sourceMappingURL=index.js.map

package/alert/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/alert/index.ts"],"names":[],"mappings":";;;AACA,iCAAgC;AAAvB,8FAAA,KAAK,OAAA;AACd,2CAAyC;AAAhC,uGAAA,SAAS,OAAA"}

package/alert/types.d.ts

@@ -0,0 +1,10 @@
+import type { HTMLAttributes, Ref } from 'react';
+import type { WithPageScrollLock } from '../_internal/page-scroll-lock';
+import type { WithTestId } from '../types';
+export interface AlertProps extends HTMLAttributes<HTMLDivElement>, WithTestId {
+    /** Будет вызвана при закрытии окна нажатием на затемнение. */
+    onClose?: VoidFunction;
+}
+export interface AlertBodyProps extends HTMLAttributes<HTMLDivElement>, WithTestId, WithPageScrollLock {
+    rootRef?: Ref<HTMLDivElement>;
+}

package/alert/types.js

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

package/alert/types.js.map

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

package/arrow-button/arrow-button.d.ts

@@ -0,0 +1,7 @@
+import type { ArrowButtonProps } from './types';
+/**
+ * Кнопка-стрелка - круглая кнопка со стрелкой.
+ * @param props Свойства. Поддерживаются свойства элемента button.
+ * @return Элемент.
+ */
+export declare function ArrowButton({ size, direction, className, 'data-testid': testId, ...buttonProps }: ArrowButtonProps): import("react/jsx-runtime").JSX.Element;

package/arrow-button/arrow-button.js

@@ -0,0 +1,42 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ArrowButton = ArrowButton;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ArrowUp_1 = __importDefault(require("@sima-land/ui-quarks/icons/24x24/Stroked/ArrowUp"));
+const ArrowRight_1 = __importDefault(require("@sima-land/ui-quarks/icons/24x24/Stroked/ArrowRight"));
+const ArrowDown_1 = __importDefault(require("@sima-land/ui-quarks/icons/24x24/Stroked/ArrowDown"));
+const ArrowLeft_1 = __importDefault(require("@sima-land/ui-quarks/icons/24x24/Stroked/ArrowLeft"));
+const ArrowUp_2 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/ArrowUp"));
+const ArrowRight_2 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/ArrowRight"));
+const ArrowDown_2 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/ArrowDown"));
+const ArrowLeft_2 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/ArrowLeft"));
+const bind_1 = __importDefault(require("classnames/bind"));
+const arrow_button_m_scss_1 = __importDefault(require("./arrow-button.m.scss"));
+const cx = bind_1.default.bind(arrow_button_m_scss_1.default);
+const ICONS = {
+    s: {
+        up: ArrowUp_2.default,
+        right: ArrowRight_2.default,
+        down: ArrowDown_2.default,
+        left: ArrowLeft_2.default,
+    },
+    l: {
+        up: ArrowUp_1.default,
+        right: ArrowRight_1.default,
+        down: ArrowDown_1.default,
+        left: ArrowLeft_1.default,
+    },
+};
+/**
+ * Кнопка-стрелка - круглая кнопка со стрелкой.
+ * @param props Свойства. Поддерживаются свойства элемента button.
+ * @return Элемент.
+ */
+function ArrowButton({ size = 'l', direction = 'right', className, 'data-testid': testId = 'arrow-button', ...buttonProps }) {
+    const Icon = ICONS[size][direction];
+    return ((0, jsx_runtime_1.jsx)("button", { type: 'button', ...buttonProps, className: cx('arrow-button', `size-${size}`, className), "data-testid": testId, children: (0, jsx_runtime_1.jsx)(Icon, { "aria-hidden": true, fill: 'currentColor' }) }));
+}
+//# sourceMappingURL=arrow-button.js.map

package/arrow-button/arrow-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow-button.js","sourceRoot":"","sources":["../../src/arrow-button/arrow-button.tsx"],"names":[],"mappings":";;;;;AAmCA,kCAmBC;;AApDD,+FAAqE;AACrE,qGAA2E;AAC3E,mGAAyE;AACzE,mGAAyE;AACzE,+FAA0E;AAC1E,qGAAgF;AAChF,mGAA8E;AAC9E,mGAA8E;AAC9E,2DAAyC;AACzC,gFAA2C;AAE3C,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,6BAAM,CAAC,CAAC;AAEnC,MAAM,KAAK,GAAG;IACZ,CAAC,EAAE;QACD,EAAE,EAAE,iBAAU;QACd,KAAK,EAAE,oBAAa;QACpB,IAAI,EAAE,mBAAY;QAClB,IAAI,EAAE,mBAAY;KACyD;IAC7E,CAAC,EAAE;QACD,EAAE,EAAE,iBAAK;QACT,KAAK,EAAE,oBAAQ;QACf,IAAI,EAAE,mBAAO;QACb,IAAI,EAAE,mBAAO;KAC8D;CACrE,CAAC;AAEX;;;;GAIG;AACH,SAAgB,WAAW,CAAC,EAC1B,IAAI,GAAG,GAAG,EACV,SAAS,GAAG,OAAO,EACnB,SAAS,EACT,aAAa,EAAE,MAAM,GAAG,cAAc,EACtC,GAAG,WAAW,EACG;IACjB,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,CAAC;IAEpC,OAAO,CACL,mCACE,IAAI,EAAC,QAAQ,KACT,WAAW,EACf,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,QAAQ,IAAI,EAAE,EAAE,SAAS,CAAC,iBAC3C,MAAM,YAEnB,uBAAC,IAAI,yBAAa,IAAI,EAAC,cAAc,GAAG,GACjC,CACV,CAAC;AACJ,CAAC"}

package/arrow-button/{arrow-button.module.scss → arrow-button.m.scss}

@@ -1,9 +1,12 @@
 @use '../colors';
 @use '../utils';
-@import '../styling/shadows.module';
+@use '../shadows';
 
 .arrow-button {
   @include utils.focus-visible;
+}
+
+.arrow-button {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -25,17 +28,17 @@
   &.size-s {
     width: 32px;
     height: 32px;
-    @extend .shadow-z2;
+    @include shadows.box-shadow('z2');
     &:not(:disabled):hover {
-      @extend .shadow-z3;
+      @include shadows.box-shadow('z3');
     }
   }
   &.size-l {
     width: 56px;
     height: 56px;
-    @extend .shadow-z3;
+    @include shadows.box-shadow('z3');
     &:not(:disabled):hover {
-      @extend .shadow-z4;
+      @include shadows.box-shadow('z4');
     }
   }
 }

package/arrow-button/index.d.ts

@@ -1,17 +1,2 @@
-/// <reference types="react" />
-export type ArrowButtonSize = 's' | 'l';
-export type ArrowDirection = 'up' | 'right' | 'down' | 'left';
-export interface ArrowButtonProps extends Omit<JSX.IntrinsicElements['button'], 'size' | 'children'> {
-    /** Размер. */
-    size?: ArrowButtonSize;
-    /** Направление (отвечает за иконку). */
-    direction?: ArrowDirection;
-    /** Идентификатор для систем автоматизированного тестирования. */
-    'data-testid'?: string;
-}
-/**
- * Компонент круглой кнопки со стрелкой.
- * @param props Свойства. Поддерживаются свойства элемента button.
- * @return Элемент.
- */
-export declare const ArrowButton: ({ size, direction, className, "data-testid": testId, ...buttonProps }: ArrowButtonProps) => JSX.Element;
+export type { ArrowButtonSize, ArrowDirection, ArrowButtonProps } from './types';
+export { ArrowButton } from './arrow-button';