@sima-land/ui-nucleons 45.0.0-alpha.7 → 45.0.0-alpha.71

package/dist/hint/utils.d.ts

@@ -0,0 +1,57 @@
+import { CSSProperties, Dispatch, MutableRefObject, SetStateAction } from 'react';
+import { ExtendedRefs, ReferenceType, UseFloatingOptions, UseFloatingReturn, UseHoverProps } from '@floating-ui/react';
+interface HintExtendedRefs<RT> extends ExtendedRefs<RT> {
+    setArrow: (el: HTMLElement | null) => void;
+}
+interface UseHintFloatingReturn<RT extends ReferenceType = ReferenceType> extends Omit<UseFloatingReturn<RT>, 'refs'> {
+    refs: HintExtendedRefs<RT>;
+}
+/**
+ * Возвращает конфигурацию для `useFloating` по дизайн-гайдам.
+ * @param options Опции.
+ * @return Конфигурация для `useFloating` по дизайн-гайдам.
+ */
+export declare function hintFloatingConfig({ arrowRef, }?: {
+    arrowRef?: MutableRefObject<HTMLElement | null>;
+}): Partial<UseFloatingOptions>;
+/**
+ * Расширенная версия `useFloating` для использования с `Hint`.
+ * @param props Свойства useFloating.
+ * @return Результат useFloating.
+ */
+export declare function useHintFloating<RT extends ReferenceType = ReferenceType>(props?: Partial<UseFloatingOptions>): UseHintFloatingReturn<RT>;
+/**
+ * Возвращает стили для всплывающего хинта с учетом "слоя".
+ * @param floating Результат вызова useFloating.
+ * @return Стили для элемента с учетом "слоя".
+ */
+export declare function useHintFloatingStyle(floating: Pick<UseFloatingReturn, 'strategy' | 'x' | 'y' | 'placement' | 'middlewareData'>): CSSProperties;
+/**
+ * Возвращает стили для стрелки между хинтом и триггером.
+ * @param floating Результат вызова useFloating.
+ * @return Стили для элемента с учетом "слоя".
+ */
+export declare function getArrowFloatingStyle({ placement, middlewareData, }: Pick<UseFloatingReturn, 'placement' | 'middlewareData'>): CSSProperties;
+/**
+ * Показ всплывающего хинта при наведении.
+ * @param floating Результат вызова useFloating.
+ * @param props Пропсы для useHover.
+ * @return Опции для открывающего и всплывающего элемента.
+ */
+export declare function useHintOnHover<RT extends ReferenceType = ReferenceType>(floating: Pick<UseFloatingReturn<RT>, 'context' | 'strategy' | 'placement' | 'x' | 'y' | 'middlewareData'>, props?: UseHoverProps): import("@floating-ui/react").UseInteractionsReturn;
+/**
+ * Показ всплывающего хинта при клике.
+ * @param floating Результат вызова useFloating.
+ * @return Опции для открывающего и всплывающего элемента.
+ */
+export declare function useHintOnClick(floating: Pick<UseFloatingReturn, 'context' | 'strategy' | 'placement' | 'x' | 'y' | 'middlewareData'>): import("@floating-ui/react").UseInteractionsReturn;
+/**
+ * Состояние хинта с автоматическим скрытием по таймауту.
+ * @param initialState Начальное состояние.
+ * @param options Опции.
+ * @return Результат вызова `useState`.
+ */
+export declare function useTempHintState(initialState: boolean, { timeout }?: {
+    timeout?: number;
+}): readonly [boolean, Dispatch<SetStateAction<boolean>>];
+export {};

package/dist/hint/utils.js

@@ -0,0 +1,186 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.hintFloatingConfig = hintFloatingConfig;
+exports.useHintFloating = useHintFloating;
+exports.useHintFloatingStyle = useHintFloatingStyle;
+exports.getArrowFloatingStyle = getArrowFloatingStyle;
+exports.useHintOnHover = useHintOnHover;
+exports.useHintOnClick = useHintOnClick;
+exports.useTempHintState = useTempHintState;
+const react_1 = require("react");
+const react_2 = require("@floating-ui/react");
+const layer_1 = require("../helpers/layer");
+const hint_view_1 = require("./hint-view");
+const use_identity_ref_1 = require("../hooks/use-identity-ref");
+/**
+ * Возвращает конфигурацию для `useFloating` по дизайн-гайдам.
+ * @param options Опции.
+ * @return Конфигурация для `useFloating` по дизайн-гайдам.
+ */
+function hintFloatingConfig({ arrowRef, } = {}) {
+    return {
+        placement: 'top',
+        middleware: [
+            (0, react_2.offset)(4 + (arrowRef ? 4 : 0)),
+            (0, react_2.flip)({
+                padding: 16,
+                crossAxis: false,
+                fallbackAxisSideDirection: 'start',
+            }),
+            (0, react_2.shift)({
+                padding: 16,
+            }),
+            arrowRef &&
+                (0, react_2.arrow)({
+                    element: arrowRef,
+                    padding: 4,
+                }),
+        ],
+        whileElementsMounted: (...args) => (0, react_2.autoUpdate)(...args, {
+            ancestorScroll: false,
+            layoutShift: false,
+        }),
+    };
+}
+/**
+ * Расширенная версия `useFloating` для использования с `Hint`.
+ * @param props Свойства useFloating.
+ * @return Результат useFloating.
+ */
+function useHintFloating(props) {
+    const [arrowEl, setArrowEl] = (0, react_1.useState)(null);
+    const arrowRef = (0, use_identity_ref_1.useIdentityRef)(arrowEl);
+    const floating = (0, react_2.useFloating)({
+        ...hintFloatingConfig(arrowEl ? { arrowRef } : undefined),
+        ...props,
+    });
+    return {
+        ...floating,
+        refs: {
+            ...floating.refs,
+            setArrow: setArrowEl,
+        },
+    };
+}
+/**
+ * Возвращает стили для всплывающего хинта с учетом "слоя".
+ * @param floating Результат вызова useFloating.
+ * @return Стили для элемента с учетом "слоя".
+ */
+function useHintFloatingStyle(floating) {
+    const layer = (0, layer_1.useLayer)();
+    const arrowStyle = Object.fromEntries(Object.entries(getArrowFloatingStyle(floating)).map(([key, value]) => [
+        `--hint-arrow-${key}`,
+        value,
+    ]));
+    return {
+        position: floating.strategy,
+        top: floating.y,
+        left: floating.x,
+        zIndex: layer + 2,
+        ...arrowStyle,
+    };
+}
+/**
+ * Возвращает стили для стрелки между хинтом и триггером.
+ * @param floating Результат вызова useFloating.
+ * @return Стили для элемента с учетом "слоя".
+ */
+function getArrowFloatingStyle({ placement, middlewareData, }) {
+    const { arrow: arrowData } = middlewareData;
+    if (!arrowData) {
+        return {};
+    }
+    const side = placement.split('-')[0];
+    // eslint-disable-next-line jsdoc/require-jsdoc
+    const maybe = (value) => (value ? `${value}px` : '');
+    // eslint-disable-next-line jsdoc/require-jsdoc
+    const arrowShift = () => `${-hint_view_1.arrowSquareSize / 2}px`;
+    let arrowStyle = {};
+    switch (side) {
+        case 'top': {
+            arrowStyle = {
+                left: maybe(arrowData?.x),
+                bottom: arrowShift(),
+            };
+            break;
+        }
+        case 'bottom': {
+            arrowStyle = {
+                left: maybe(arrowData?.x),
+                top: arrowShift(),
+            };
+            break;
+        }
+        case 'left': {
+            arrowStyle = {
+                top: maybe(arrowData?.y),
+                right: arrowShift(),
+            };
+            break;
+        }
+        case 'right': {
+            arrowStyle = {
+                top: maybe(arrowData?.y),
+                left: arrowShift(),
+            };
+            break;
+        }
+    }
+    return arrowStyle;
+}
+/**
+ * Показ всплывающего хинта при наведении.
+ * @param floating Результат вызова useFloating.
+ * @param props Пропсы для useHover.
+ * @return Опции для открывающего и всплывающего элемента.
+ */
+function useHintOnHover(floating, props) {
+    const style = useHintFloatingStyle(floating);
+    const hover = (0, react_2.useHover)(floating.context, {
+        handleClose: (0, react_2.safePolygon)(),
+        ...props,
+    });
+    return (0, react_2.useInteractions)([hover, { floating: { style } }]);
+}
+/**
+ * Показ всплывающего хинта при клике.
+ * @param floating Результат вызова useFloating.
+ * @return Опции для открывающего и всплывающего элемента.
+ */
+function useHintOnClick(floating) {
+    const style = useHintFloatingStyle(floating);
+    const click = (0, react_2.useClick)(floating.context);
+    const dismiss = (0, react_2.useDismiss)(floating.context);
+    return (0, react_2.useInteractions)([click, dismiss, { floating: { style } }]);
+}
+/**
+ * Состояние хинта с автоматическим скрытием по таймауту.
+ * @param initialState Начальное состояние.
+ * @param options Опции.
+ * @return Результат вызова `useState`.
+ */
+function useTempHintState(initialState, { timeout = 3000 } = {}) {
+    const [open, setOpen] = (0, react_1.useState)(initialState);
+    const timerRef = (0, react_1.useRef)(null);
+    const updateTimer = (0, react_1.useCallback)((value) => {
+        // сбрасываем предыдущий таймер если был
+        if (timerRef.current !== null) {
+            clearTimeout(timerRef.current);
+        }
+        // запускаем новый таймер если надо
+        if (value) {
+            timerRef.current = setTimeout(() => setOpen(false), timeout);
+        }
+    }, [timeout]);
+    (0, react_1.useEffect)(() => {
+        updateTimer(open);
+    }, []);
+    const toggle = (0, react_1.useCallback)(next => {
+        const state = typeof next === 'function' ? next(open) : next;
+        updateTimer(state);
+        setOpen(state);
+    }, [open, setOpen, updateTimer]);
+    return [open, toggle];
+}
+//# sourceMappingURL=utils.js.map

package/dist/hint/utils.js.map

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

package/dist/hooks/index.d.ts

@@ -0,0 +1,9 @@
+export { useBreakpoint, BreakpointProvider } from './use-breakpoint';
+export { useIdentityRef } from './use-identity-ref';
+export { useInfiniteScroll } from './use-infinite-scroll';
+export { useIntersection } from './use-intersection';
+export { useIsTouchDevice } from './use-is-touch-device';
+export { useIsomorphicLayoutEffect } from './use-isomorphic-layout-effect';
+export { useKeydown } from './use-keydown';
+export { useMedia } from './use-media';
+export { useOutsideClick } from './use-outside-click';

package/dist/hooks/index.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOutsideClick = exports.useMedia = exports.useKeydown = exports.useIsomorphicLayoutEffect = exports.useIsTouchDevice = exports.useIntersection = exports.useInfiniteScroll = exports.useIdentityRef = exports.BreakpointProvider = exports.useBreakpoint = void 0;
+var use_breakpoint_1 = require("./use-breakpoint");
+Object.defineProperty(exports, "useBreakpoint", { enumerable: true, get: function () { return use_breakpoint_1.useBreakpoint; } });
+Object.defineProperty(exports, "BreakpointProvider", { enumerable: true, get: function () { return use_breakpoint_1.BreakpointProvider; } });
+var use_identity_ref_1 = require("./use-identity-ref");
+Object.defineProperty(exports, "useIdentityRef", { enumerable: true, get: function () { return use_identity_ref_1.useIdentityRef; } });
+var use_infinite_scroll_1 = require("./use-infinite-scroll");
+Object.defineProperty(exports, "useInfiniteScroll", { enumerable: true, get: function () { return use_infinite_scroll_1.useInfiniteScroll; } });
+var use_intersection_1 = require("./use-intersection");
+Object.defineProperty(exports, "useIntersection", { enumerable: true, get: function () { return use_intersection_1.useIntersection; } });
+var use_is_touch_device_1 = require("./use-is-touch-device");
+Object.defineProperty(exports, "useIsTouchDevice", { enumerable: true, get: function () { return use_is_touch_device_1.useIsTouchDevice; } });
+var use_isomorphic_layout_effect_1 = require("./use-isomorphic-layout-effect");
+Object.defineProperty(exports, "useIsomorphicLayoutEffect", { enumerable: true, get: function () { return use_isomorphic_layout_effect_1.useIsomorphicLayoutEffect; } });
+var use_keydown_1 = require("./use-keydown");
+Object.defineProperty(exports, "useKeydown", { enumerable: true, get: function () { return use_keydown_1.useKeydown; } });
+var use_media_1 = require("./use-media");
+Object.defineProperty(exports, "useMedia", { enumerable: true, get: function () { return use_media_1.useMedia; } });
+var use_outside_click_1 = require("./use-outside-click");
+Object.defineProperty(exports, "useOutsideClick", { enumerable: true, get: function () { return use_outside_click_1.useOutsideClick; } });
+//# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":";;;AAAA,mDAAqE;AAA5D,+GAAA,aAAa,OAAA;AAAE,oHAAA,kBAAkB,OAAA;AAC1C,uDAAoD;AAA3C,kHAAA,cAAc,OAAA;AACvB,6DAA0D;AAAjD,wHAAA,iBAAiB,OAAA;AAC1B,uDAAqD;AAA5C,mHAAA,eAAe,OAAA;AACxB,6DAAyD;AAAhD,uHAAA,gBAAgB,OAAA;AACzB,+EAA2E;AAAlE,yIAAA,yBAAyB,OAAA;AAClC,6CAA2C;AAAlC,yGAAA,UAAU,OAAA;AACnB,yCAAuC;AAA9B,qGAAA,QAAQ,OAAA;AACjB,yDAAsD;AAA7C,oHAAA,eAAe,OAAA"}

package/dist/hooks/use-breakpoint/index.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+/**
+ * Провайдер, предоставляющий контекст для использования хуком useBreakpoint.
+ * Не является обязательным, используется в целях оптимизации.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function BreakpointProvider({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;
+/**
+ * Хук обработки медиа-запроса на основе breakpoint'а дизайн-системы.
+ * @param query Запрос, например "xs+".
+ * @param initialMatch Начальное значение соответствия медиа-запросу при первом рендере.
+ * @return Соответствует ли ширина экрана заданному запросу.
+ */
+export declare function useBreakpoint(query: string, initialMatch?: boolean): boolean;

package/dist/hooks/use-breakpoint/index.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BreakpointProvider = BreakpointProvider;
+exports.useBreakpoint = useBreakpoint;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const __1 = require("..");
+const helpers_1 = require("../../helpers");
+const utils_1 = require("./utils");
+const context_1 = require("../../context");
+const Context = (0, react_1.createContext)(null);
+/**
+ * Провайдер, предоставляющий контекст для использования хуком useBreakpoint.
+ * Не является обязательным, используется в целях оптимизации.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function BreakpointProvider({ children }) {
+    const [contextValue, setRegistry] = (0, react_1.useState)(null);
+    const { matchMedia } = (0, react_1.useContext)(context_1.MatchMediaContext);
+    (0, __1.useIsomorphicLayoutEffect)(() => {
+        (0, helpers_1.isBrowser)() && setRegistry((0, utils_1.createRegistry)({ matchMedia }));
+    }, []);
+    return (0, jsx_runtime_1.jsx)(Context.Provider, { value: contextValue, children: children });
+}
+/**
+ * Хук обработки медиа-запроса на основе breakpoint'а дизайн-системы.
+ * @param query Запрос, например "xs+".
+ * @param initialMatch Начальное значение соответствия медиа-запросу при первом рендере.
+ * @return Соответствует ли ширина экрана заданному запросу.
+ */
+function useBreakpoint(query, initialMatch) {
+    if (!utils_1.BreakpointQuery.isValid(query)) {
+        throw Error(`useBreakpoint: Invalid query, "${query}"`);
+    }
+    const { matchMedia } = (0, react_1.useContext)(context_1.MatchMediaContext);
+    const [, setRegistry] = (0, react_1.useState)(null);
+    const registryFromContext = (0, react_1.useContext)(Context);
+    const [matches, setMatches] = (0, react_1.useState)((0, helpers_1.isBrowser)()
+        ? (initialMatch ?? matchMedia(utils_1.BreakpointQuery.toMediaQuery(query)).matches)
+        : (initialMatch ?? false));
+    (0, __1.useIsomorphicLayoutEffect)(() => {
+        let registry;
+        if (registryFromContext) {
+            registry = registryFromContext;
+        }
+        else {
+            registry = (0, utils_1.createRegistry)({ matchMedia });
+        }
+        setRegistry(registryFromContext);
+        const subscription = registry.subscribe(query, e => {
+            setMatches(e.matches);
+        });
+        setMatches(subscription.matches);
+        return subscription.unsubscribe;
+    }, [registryFromContext]);
+    return matches;
+}
+//# sourceMappingURL=index.js.map

package/dist/hooks/use-breakpoint/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/use-breakpoint/index.tsx"],"names":[],"mappings":";;AAeA,gDAUC;AAQD,sCAqCC;;AAtED,iCAAuE;AACvE,0BAA+C;AAC/C,2CAA0C;AAE1C,mCAA0D;AAC1D,2CAAkD;AAElD,MAAM,OAAO,GAAG,IAAA,qBAAa,EAAkB,IAAI,CAAC,CAAC;AAErD;;;;;GAKG;AACH,SAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAA2B;IACtE,MAAM,CAAC,YAAY,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAkB,IAAI,CAAC,CAAC;IAEpE,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,kBAAU,EAAC,2BAAiB,CAAC,CAAC;IAErD,IAAA,6BAAyB,EAAC,GAAG,EAAE;QAC7B,IAAA,mBAAS,GAAE,IAAI,WAAW,CAAC,IAAA,sBAAc,EAAC,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC;IAC7D,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,uBAAC,OAAO,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YAAG,QAAQ,GAAoB,CAAC;AAC9E,CAAC;AAED;;;;;GAKG;AACH,SAAgB,aAAa,CAAC,KAAa,EAAE,YAAsB;IACjE,IAAI,CAAC,uBAAe,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QACpC,MAAM,KAAK,CAAC,kCAAkC,KAAK,GAAG,CAAC,CAAC;IAC1D,CAAC;IAED,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,kBAAU,EAAC,2BAAiB,CAAC,CAAC;IAErD,MAAM,CAAC,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAkB,IAAI,CAAC,CAAC;IACxD,MAAM,mBAAmB,GAAG,IAAA,kBAAU,EAAC,OAAO,CAAC,CAAC;IAEhD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EACpC,IAAA,mBAAS,GAAE;QACT,CAAC,CAAC,CAAC,YAAY,IAAI,UAAU,CAAC,uBAAe,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC;QAC3E,CAAC,CAAC,CAAC,YAAY,IAAI,KAAK,CAAC,CAC5B,CAAC;IAEF,IAAA,6BAAyB,EAAC,GAAG,EAAE;QAC7B,IAAI,QAAkB,CAAC;QAEvB,IAAI,mBAAmB,EAAE,CAAC;YACxB,QAAQ,GAAG,mBAAmB,CAAC;QACjC,CAAC;aAAM,CAAC;YACN,QAAQ,GAAG,IAAA,sBAAc,EAAC,EAAE,UAAU,EAAE,CAAC,CAAC;QAC5C,CAAC;QAED,WAAW,CAAC,mBAAmB,CAAC,CAAC;QAEjC,MAAM,YAAY,GAAG,QAAQ,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE;YACjD,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;QACxB,CAAC,CAAC,CAAC;QAEH,UAAU,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QAEjC,OAAO,YAAY,CAAC,WAAW,CAAC;IAClC,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAE1B,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/dist/hooks/use-breakpoint/types.js

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

package/dist/hooks/use-breakpoint/types.js.map

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

package/dist/hooks/use-breakpoint/utils.d.ts

@@ -0,0 +1,12 @@
+import { Breakpoint } from '../../types';
+import { Direction, Registry } from './types';
+export declare const BreakpointQuery: {
+    readonly getBreakpoint: (query: string) => string;
+    readonly getDirection: (query: string) => string;
+    readonly isValid: (value: unknown) => boolean;
+    readonly parse: (query: string) => [Breakpoint, Direction];
+    readonly toMediaQuery: (query: string) => string;
+};
+export declare function createRegistry({ matchMedia }?: {
+    matchMedia: typeof window.matchMedia;
+}): Registry;

package/dist/hooks/use-breakpoint/utils.js

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BreakpointQuery = void 0;
+exports.createRegistry = createRegistry;
+const media_query_list_1 = require("../../helpers/media-query-list");
+const Resolution = {
+    mxs: 0,
+    ms: 480,
+    mm: 720,
+    ml: 840,
+    xs: 1024,
+    s: 1280,
+    m: 1440,
+    l: 1600,
+    xl: 1920,
+};
+const BREAKPOINTS = ['mxs', 'ms', 'mm', 'ml', 'xs', 's', 'm', 'l', 'xl'];
+exports.BreakpointQuery = {
+    getBreakpoint: (query) => query.slice(0, -1),
+    getDirection: (query) => query.slice(-1),
+    isValid: (value) => typeof value === 'string' &&
+        value.length >= 2 &&
+        BREAKPOINTS.includes(exports.BreakpointQuery.getBreakpoint(value)) &&
+        ['+', '-', ''].includes(exports.BreakpointQuery.getDirection(value)),
+    parse: (query) => [
+        exports.BreakpointQuery.getBreakpoint(query),
+        exports.BreakpointQuery.getDirection(query),
+    ],
+    toMediaQuery: (query) => {
+        const [breakpoint, direction] = exports.BreakpointQuery.parse(query);
+        const rule = direction === '+' ? 'min-width' : 'max-width';
+        const value = Resolution[breakpoint] + (direction === '+' ? 0 : -1);
+        return `(${rule}: ${value}px)`;
+    },
+};
+// eslint-disable-next-line jsdoc/require-jsdoc
+function createRegistry({ matchMedia } = { matchMedia: window.matchMedia }) {
+    const registry = {
+        items: {},
+        subscribe: (query, listener) => {
+            let item = registry.items[query];
+            if (item) {
+                item.handlers.add(listener);
+            }
+            else {
+                const newItem = {
+                    mql: matchMedia(exports.BreakpointQuery.toMediaQuery(query)),
+                    handlers: new Set([listener]),
+                };
+                // не предусматриваем отписку и удаление mql за ненадобностью
+                (0, media_query_list_1.subscribe)(newItem.mql, e => {
+                    newItem.handlers.forEach(fn => fn(e));
+                });
+                item = newItem;
+                registry.items[query] = newItem;
+            }
+            return createSubscription(item, listener);
+        },
+    };
+    return registry;
+}
+// eslint-disable-next-line jsdoc/require-jsdoc
+const createSubscription = (item, listener) => ({
+    matches: item.mql.matches,
+    unsubscribe: () => item.handlers.delete(listener),
+});
+//# sourceMappingURL=utils.js.map

package/dist/hooks/use-breakpoint/utils.js.map

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

package/dist/hooks/use-identity-ref/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Реф с актуальным переданным значением.
+ * Нужен, когда в ref нужно обновлять значение при каждом рендере.
+ * @param value Значение.
+ * @return Реф.
+ */
+export declare function useIdentityRef<T>(value: T): import("react").RefObject<T>;

package/dist/hooks/use-identity-ref/index.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useIdentityRef = useIdentityRef;
+const react_1 = require("react");
+/**
+ * Реф с актуальным переданным значением.
+ * Нужен, когда в ref нужно обновлять значение при каждом рендере.
+ * @param value Значение.
+ * @return Реф.
+ */
+function useIdentityRef(value) {
+    const ref = (0, react_1.useRef)(value);
+    ref.current = value;
+    return ref;
+}
+//# sourceMappingURL=index.js.map

package/dist/hooks/use-identity-ref/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/use-identity-ref/index.ts"],"names":[],"mappings":";;AAQA,wCAMC;AAdD,iCAA+B;AAE/B;;;;;GAKG;AACH,SAAgB,cAAc,CAAI,KAAQ;IACxC,MAAM,GAAG,GAAG,IAAA,cAAM,EAAI,KAAK,CAAC,CAAC;IAE7B,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC;IAEpB,OAAO,GAAG,CAAC;AACb,CAAC"}

package/dist/hooks/use-infinite-scroll/index.d.ts

@@ -0,0 +1,13 @@
+import { DependencyList, type RefObject } from 'react';
+/**
+ * Реализует подписку на событие полной прокрутки списка.
+ * @param ref Реф прокручиваемого элемента.
+ * @param options Опции.
+ * @param options.onFullScroll Сработает при событии полной прокрутки.
+ * @param options.threshold Отступ от конца списка по которому событие должно срабатывать.
+ * @param moreDeps Зависимости эффекта (нужны, когда ref заполняется не на этапе render'а).
+ */
+export declare function useInfiniteScroll(ref: RefObject<HTMLElement | undefined | null>, { onFullScroll, threshold, }: {
+    onFullScroll?: (event: UIEvent) => void;
+    threshold?: number;
+}, moreDeps?: DependencyList): void;

package/dist/hooks/use-infinite-scroll/index.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useInfiniteScroll = useInfiniteScroll;
+const react_1 = require("react");
+const use_identity_ref_1 = require("../use-identity-ref");
+const on_1 = require("../../helpers/on");
+/**
+ * Реализует подписку на событие полной прокрутки списка.
+ * @param ref Реф прокручиваемого элемента.
+ * @param options Опции.
+ * @param options.onFullScroll Сработает при событии полной прокрутки.
+ * @param options.threshold Отступ от конца списка по которому событие должно срабатывать.
+ * @param moreDeps Зависимости эффекта (нужны, когда ref заполняется не на этапе render'а).
+ */
+function useInfiniteScroll(ref, { onFullScroll, threshold = 0, }, moreDeps) {
+    const callbackRef = (0, use_identity_ref_1.useIdentityRef)(onFullScroll);
+    (0, react_1.useEffect)(() => {
+        const element = ref.current;
+        if (element) {
+            return (0, on_1.on)(element, 'scroll', event => {
+                const { scrollTop, clientHeight, scrollHeight } = event.target;
+                const bottom = threshold + scrollTop + clientHeight;
+                const isFullyScrolled = bottom >= scrollHeight;
+                isFullyScrolled && callbackRef.current?.(event);
+            });
+        }
+    }, [ref, threshold, ...(moreDeps || [])]);
+}
+//# sourceMappingURL=index.js.map

package/dist/hooks/use-infinite-scroll/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/use-infinite-scroll/index.ts"],"names":[],"mappings":";;AAYA,8CA0BC;AAtCD,iCAAkE;AAClE,0DAAqD;AACrD,yCAAsC;AAEtC;;;;;;;GAOG;AACH,SAAgB,iBAAiB,CAC/B,GAA8C,EAC9C,EACE,YAAY,EACZ,SAAS,GAAG,CAAC,GAId,EACD,QAAyB;IAEzB,MAAM,WAAW,GAAG,IAAA,iCAAc,EAAC,YAAY,CAAC,CAAC;IAEjD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;QAE5B,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,IAAA,OAAE,EAAU,OAAO,EAAE,QAAQ,EAAE,KAAK,CAAC,EAAE;gBAC5C,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC,MAAqB,CAAC;gBAC9E,MAAM,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,YAAY,CAAC;gBACpD,MAAM,eAAe,GAAG,MAAM,IAAI,YAAY,CAAC;gBAE/C,eAAe,IAAI,WAAW,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;YAClD,CAAC,CAAe,CAAC;QACnB,CAAC;IACH,CAAC,EAAE,CAAC,GAAG,EAAE,SAAS,EAAE,GAAG,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;AAC5C,CAAC"}

package/dist/hooks/use-intersection/index.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useIntersection = useIntersection;
+const react_1 = require("react");
+const use_identity_ref_1 = require("../use-identity-ref");
+const context_1 = require("../../context");
+/**
+ * Хук, вызывающий callback при пересечении целевого элемента с областью видимости.
+ * @param ref Ref с целевым элементом.
+ * @param callback Функция, которая будет вызвана при пересечении целевого элемента с областью видимости.
+ * @param options Опции создания IntersectionObserver.
+ */
+function useIntersection(ref, callback, options) {
+    const callbackRef = (0, use_identity_ref_1.useIdentityRef)(callback);
+    const { createIntersectionObserver } = (0, react_1.useContext)(context_1.IntersectionObserverContext);
+    (0, react_1.useEffect)(() => {
+        const element = ref.current;
+        if (element) {
+            const observer = createIntersectionObserver(([entry]) => {
+                callbackRef.current?.(entry);
+            }, options);
+            observer.observe(element);
+            return () => observer.disconnect();
+        }
+    }, [ref, options, createIntersectionObserver]);
+}
+//# sourceMappingURL=index.js.map

package/dist/hooks/use-intersection/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/use-intersection/index.ts"],"names":[],"mappings":";;AAUA,0CAsBC;AAhCD,iCAAgE;AAChE,0DAAqD;AACrD,2CAA4D;AAE5D;;;;;GAKG;AACH,SAAgB,eAAe,CAC7B,GAAyC,EACzC,QAAoD,EACpD,OAAkC;IAElC,MAAM,WAAW,GAAG,IAAA,iCAAc,EAAC,QAAQ,CAAC,CAAC;IAE7C,MAAM,EAAE,0BAA0B,EAAE,GAAG,IAAA,kBAAU,EAAC,qCAA2B,CAAC,CAAC;IAE/E,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;QAE5B,IAAI,OAAO,EAAE,CAAC;YACZ,MAAM,QAAQ,GAAG,0BAA0B,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE;gBACtD,WAAW,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;YAC/B,CAAC,EAAE,OAAO,CAAC,CAAC;YAEZ,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YAE1B,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;QACrC,CAAC;IACH,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,EAAE,0BAA0B,CAAC,CAAC,CAAC;AACjD,CAAC"}