@sima-land/ui-nucleons 45.0.0-alpha.10 → 45.0.0-alpha.12

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

@@ -1,33 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePageScrollContext = exports.PageScrollProvider = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
+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 (0, jsx_runtime_1.jsx)(PageScrollContext.Provider, { value: { adapter }, children: 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

@@ -1 +1 @@
-{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/_internal/page-scroll-lock/context.tsx"],"names":[],"mappings":";;;;AAAA,iCAAkD;AAClD,kEAA6D;AAG7D,MAAM,iBAAiB,GAAG,IAAA,qBAAa,EAAoC,IAAI,CAAC,CAAC;AAEjF,MAAM,QAAQ,GAA+B;IAC3C,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,EAAE,CAAC,IAAI,iCAAc,CAAC,OAAO,EAAE,OAAO,CAAC;CAC3D,CAAC;AAEX;;;;GAIG;AACH,SAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,OAAO,EAA+B;IACnF,MAAM,YAAY,GAAG,IAAA,kBAAU,EAAC,iBAAiB,CAAC,CAAC;IAEnD,IAAI,YAAY,KAAK,IAAI,EAAE;QACzB,MAAM,KAAK,CAAC,0DAA0D,CAAC,CAAC;KACzE;IAED,OAAO,uBAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,YAAG,QAAQ,GAA8B,CAAC;AACjG,CAAC;AARD,gDAQC;AAED;;;GAGG;AACH,SAAgB,oBAAoB;IAClC,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,iBAAiB,CAAC,CAAC;IAE9C,OAAO,OAAO,IAAI,QAAQ,CAAC;AAC7B,CAAC;AAJD,oDAIC"}
+{"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;
+const react_1 = require("react");
 const hooks_1 = require("../../hooks");
 const context_1 = require("./context");
 const DEFAULTS = {
@@ -12,16 +13,17 @@ 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 !== null && options !== void 0 ? 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

@@ -1 +1 @@
-{"version":3,"file":"hook.js","sourceRoot":"","sources":["../../../src/_internal/page-scroll-lock/hook.ts"],"names":[],"mappings":";;;AAEA,uCAAwD;AACxD,uCAAiD;AAMjD,MAAM,QAAQ,GAAgB;IAC5B,WAAW,EAAE,IAAI;IACjB,mBAAmB,EAAE,IAAI;CACjB,CAAC;AAEX;;;;GAIG;AACH,SAAgB,iBAAiB,CAC/B,GAA2B,EAC3B,UAAuB,QAAQ;IAE/B,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,8BAAoB,GAAE,CAAC;IAE3C,IAAA,iCAAyB,EAAC,GAAG,EAAE;QAC7B,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;QAE5B,IAAI,OAAO,IAAI,OAAO,CAAC,WAAW,EAAE;YAClC,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;YAE7C,UAAU,CAAC,IAAI,EAAE,CAAC;YAElB,OAAO,GAAG,EAAE,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC;SAClC;IACH,CAAC,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,mBAAmB,CAAC,CAAC,CAAC;AAC3D,CAAC;AAjBD,8CAiBC"}
+{"version":3,"file":"hook.js","sourceRoot":"","sources":["../../../src/_internal/page-scroll-lock/hook.ts"],"names":[],"mappings":";;;AAAA,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,aAAP,OAAO,cAAP,OAAO,GAAI,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;AAjBD,8CAiBC"}

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,10 +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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/_internal/page-scroll-lock/index.ts"],"names":[],"mappings":";;;AACA,gEAA8D;AAArD,mHAAA,eAAe,OAAA;AACxB,+BAA2C;AAAlC,yGAAA,iBAAiB,OAAA;AAC1B,qCAA+C;AAAtC,6GAAA,kBAAkB,OAAA"}
+{"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/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,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AlertBody = void 0;
+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 }));
+}
+exports.AlertBody = AlertBody;
+//# 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,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;AAnBD,8BAmBC"}

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,34 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Alert = void 0;
+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] }) }));
+}
+exports.Alert = Alert;
+//# 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":";;;;;;;AAAA,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;AA9BD,sBA8BC"}

package/alert/index.d.ts

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

package/alert/index.js

@@ -1,46 +1,8 @@
 "use strict";
-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 jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = 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, { 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 ((0, jsx_runtime_1.jsx)(modal_overlay_1.ModalOverlay, { className: alert_module_scss_1.default.overlay, ...overlayClickBind, children: (0, jsx_runtime_1.jsxs)(card_1.Card, { shadow: 'z4', rounds: 'm', className: cx('alert'), "data-testid": 'alert', children: [topBar && (0, jsx_runtime_1.jsx)(top_bar_1.TopBar, { size: 's', ...topBar.props }), body && ((0, jsx_runtime_1.jsx)(card_1.CardContent, { ...body.props, scrollableRef: scrollableRef, children: body })), bottomBar && (0, jsx_runtime_1.jsx)(bottom_bar_1.BottomBar, { size: 's', ...bottomBar.props })] }) }));
-}
-exports.Alert = Alert;
-/**
- * Основной контент Alert.
- * @param props Свойства.
- * @return Элемент.
- */
-function AlertBody({ children }) {
-    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: 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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/alert/index.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAA+D;AAC/D,oEAAsF;AACtF,oDAAgD;AAChD,kCAA4C;AAC5C,wCAAoC;AACpC,8CAA0C;AAC1C,0DAAsD;AAEtD,kDAAuD;AACvD,2DAAyC;AACzC,4EAAyC;AAUzC,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,2BAAM,CAAC,CAAC;AAEnC;;;;GAIG;AACH,SAAgB,KAAK,CAAC,EACpB,QAAQ,EACR,iBAAiB,GAAG,KAAK,EACzB,oBAAoB,EACpB,OAAO,GACI;IACX,MAAM,aAAa,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAEnD,IAAA,oCAAiB,EAAC,aAAa,EAAE,EAAE,WAAW,EAAE,iBAAiB,EAAE,GAAG,oBAAoB,EAAE,CAAC,CAAC;IAE9F,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,IAAA,0BAAW,EAAC,QAAQ,EAAE;QACxD,MAAM,EAAE,gBAAM;QACd,IAAI,EAAE,SAAS;QACf,SAAS,EAAE,sBAAS;KACrB,CAAC,CAAC;IAEH,MAAM,gBAAgB,GAAG,IAAA,qBAAa,EAAC,OAAO,CAAC,CAAC;IAEhD,IAAA,2BAAmB,EACjB,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,CAAC,aAAa,EACzB,GAAG,EAAE,CAAC,aAAa,CAAC,OAAO,CAC5B,CAAC;IAEF,OAAO,CACL,uBAAC,4BAAY,IAAC,SAAS,EAAE,2BAAM,CAAC,OAAO,KAAM,gBAAgB,YAC3D,wBAAC,WAAI,IAAC,MAAM,EAAC,IAAI,EAAC,MAAM,EAAC,GAAG,EAAC,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,iBAAc,OAAO,aACrE,MAAM,IAAI,uBAAC,gBAAM,IAAC,IAAI,EAAC,GAAG,KAAK,MAAM,CAAC,KAAK,GAAI,EAC/C,IAAI,IAAI,CACP,uBAAC,kBAAW,OAAK,IAAI,CAAC,KAAK,EAAE,aAAa,EAAE,aAAa,YACtD,IAAI,GACO,CACf,EACA,SAAS,IAAI,uBAAC,sBAAS,IAAC,IAAI,EAAC,GAAG,KAAK,SAAS,CAAC,KAAK,GAAI,IACpD,GACM,CAChB,CAAC;AACJ,CAAC;AApCD,sBAoCC;AAED;;;;GAIG;AACH,SAAgB,SAAS,CAAC,EAAE,QAAQ,EAAoB;IACtD,OAAO,2DAAG,QAAQ,GAAI,CAAC;AACzB,CAAC;AAFD,8BAEC"}
+{"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/{hooks/breakpoint → alert}/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/hooks/breakpoint/types.ts"],"names":[],"mappings":""}
+{"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,43 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ArrowButton = void 0;
+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' }) }));
+}
+exports.ArrowButton = ArrowButton;
+//# 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":";;;;;;;AAEA,+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;AAnBD,kCAmBC"}

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) => import("react/jsx-runtime").JSX.Element;
+export type { ArrowButtonSize, ArrowDirection, ArrowButtonProps } from './types';
+export { ArrowButton } from './arrow-button';

package/arrow-button/index.js

@@ -1,43 +1,6 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ArrowButton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const bind_1 = __importDefault(require("classnames/bind"));
-const arrow_button_module_scss_1 = __importDefault(require("./arrow-button.module.scss"));
-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 cx = bind_1.default.bind(arrow_button_module_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 Элемент.
- */
-const 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' }) }));
-};
-exports.ArrowButton = ArrowButton;
+var arrow_button_1 = require("./arrow-button");
+Object.defineProperty(exports, "ArrowButton", { enumerable: true, get: function () { return arrow_button_1.ArrowButton; } });
 //# sourceMappingURL=index.js.map

package/arrow-button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/arrow-button/index.tsx"],"names":[],"mappings":";;;;;;;AAAA,2DAAyC;AACzC,0FAAiD;AACjD,+FAAqE;AACrE,qGAA2E;AAC3E,mGAAyE;AACzE,mGAAyE;AACzE,+FAA0E;AAC1E,qGAAgF;AAChF,mGAA8E;AAC9E,mGAA8E;AAsB9E,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,kCAAO,CAAC,CAAC;AAEpC,MAAM,KAAK,GAA+C;IACxD,CAAC,EAAE;QACD,EAAE,EAAE,iBAAU;QACd,KAAK,EAAE,oBAAa;QACpB,IAAI,EAAE,mBAAY;QAClB,IAAI,EAAE,mBAAY;KACnB;IACD,CAAC,EAAE;QACD,EAAE,EAAE,iBAAK;QACT,KAAK,EAAE,oBAAQ;QACf,IAAI,EAAE,mBAAO;QACb,IAAI,EAAE,mBAAO;KACd;CACF,CAAC;AAEF;;;;GAIG;AACI,MAAM,WAAW,GAAG,CAAC,EAC1B,IAAI,GAAG,GAAG,EACV,SAAS,GAAG,OAAO,EACnB,SAAS,EACT,aAAa,EAAE,MAAM,GAAG,cAAc,EACtC,GAAG,WAAW,EACG,EAAE,EAAE;IACrB,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,CAAC;AAnBW,QAAA,WAAW,eAmBtB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/arrow-button/index.ts"],"names":[],"mappings":";;;AACA,+CAA6C;AAApC,2GAAA,WAAW,OAAA"}

package/arrow-button/types.d.ts

@@ -0,0 +1,10 @@
+import type { ButtonHTMLAttributes } from 'react';
+import type { WithTestId } from '../types';
+export type ArrowButtonSize = 's' | 'l';
+export type ArrowDirection = 'up' | 'right' | 'down' | 'left';
+export interface ArrowButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'size' | 'children'>, WithTestId {
+    /** Размер. */
+    size?: ArrowButtonSize;
+    /** Направление (отвечает за иконку). */
+    direction?: ArrowDirection;
+}

package/arrow-button/types.js

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

package/arrow-button/types.js.map

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

package/autocomplete/autocomplete.d.ts

@@ -4,4 +4,4 @@ import { AutocompleteProps } from './types';
  * @param props Свойства.
  * @return Элемент.
  */
-export declare function Autocomplete({ children, loading, filterOption, dropdownProps, autoComplete, autoFocus, defaultValue, disabled, id, name, onBlur, onChange, onFocus, onInput, placeholder, readOnly, required, type, value, adornmentEnd, baseInputProps, ...restProps }: AutocompleteProps): import("react/jsx-runtime").JSX.Element;
+export declare function Autocomplete({ children, loading, filterOption, dropdownProps, onMenuOpen, onMenuClose, optionsStub, autoComplete, autoFocus, defaultValue, disabled, id, name, onBlur, onChange, onFocus, onInput, placeholder, readOnly, required, type, value, adornmentEnd, baseInputProps, ...restProps }: AutocompleteProps): import("react/jsx-runtime").JSX.Element;