@hh.ru/magritte-ui-nav-bar 1.0.1

package/internal/PaneStore.d.ts

@@ -0,0 +1,60 @@
+import { type MotionValue } from 'motion';
+import { KeyedSubscriptions } from '@hh.ru/magritte-ui-nav-bar/internal/KeyedSubscriptions';
+export interface PaneData {
+    id: string;
+    foldable?: boolean;
+    motionValue: MotionValue<number>;
+    startHeight?: number;
+    endHeight?: number;
+    top?: number;
+}
+/**
+ * Хранилище состояния панели с поддержкой подписок на изменения.
+ *
+ * Наследует всю подписочную логику от {@link KeyedSubscriptions}, а именно:
+ * - `onChange(key, cb)` — подписка на изменения конкретного ключа состояния;
+ * - `onDestroy(cb)` — подписка на уничтожение;
+ * - батчинг уведомлений (несколько изменений за один цикл объединяются);
+ * - дедупликация коллбеков (один коллбек, подписанный на разные ключи, вызовется один раз).
+ *
+ * Собственная ответственность класса:
+ * - Хранение состояния панели в `PaneData`.
+ * - Применение частичных обновлений через метод `set(...)`:
+ *   - сравнивает новые значения с текущими;
+ *   - обновляет только изменившиеся поля;
+ *   - помечает изменённые ключи (`markChanged`) и инициирует рассылку (`notify`).
+ * - Получение текущего значения по ключу через `get(...)`.
+ *
+ * Таким образом, `PaneStore` объединяет модель данных панели
+ * с реактивными подписками на её изменения.
+ */
+export declare class PaneStore extends KeyedSubscriptions<keyof PaneData> {
+    data: PaneData;
+    /**
+     * @param data Начальное состояние панели.
+     */
+    constructor(data: PaneData);
+    /**
+     * Частичное обновление состояния панели.
+     * Для каждого ключа из `patch` выполняется сравнение и,
+     * если значение изменилось, оно записывается в `data`,
+     * а ключ помечается как изменённый.
+     * После всех обновлений вызывается `notify()` для рассылки подписчикам.
+     *
+     * @example
+     * controller.set({ foldable: true, startHeight: 200 });
+     */
+    set<K extends keyof PaneData>(patch: Partial<Pick<PaneData, K>>): void;
+    /**
+     * Получить текущее значение поля состояния.
+     *
+     * @param key Ключ из {@link PaneData}.
+     * @returns Текущее значение по указанному ключу.
+     *
+     * @example
+     * const height = controller.get("startHeight");
+     */
+    get<K extends keyof PaneData>(key: K): PaneData[K];
+}
+export declare const PaneContext: import("react").Context<PaneStore | null>;
+export declare const usePaneStore: () => PaneStore;

package/internal/PaneStore.js

@@ -0,0 +1,102 @@
+import './../index.css';
+import { createContext, useContext, useId, useLayoutEffect } from 'react';
+import { motionValue } from 'motion';
+import { KeyedSubscriptions } from './KeyedSubscriptions.js';
+import { useInitOnce } from './utils.js';
+import { u as useNavBarContext } from '../NavBar-CrD8CEWb.js';
+import 'react/jsx-runtime';
+import 'classnames';
+import 'motion/react';
+import '@hh.ru/magritte-ui-divider';
+import '@hh.ru/magritte-ui-layer';
+import './MetricsProvider.js';
+import './ProgressiveBlur.js';
+import './useAnimationRanges.js';
+import './useBindScrollToAnimationProgress.js';
+import './useDivider.js';
+import './useNavBarMetrics.js';
+import './useResetFocus.js';
+import './useScrollAdapter.js';
+import '@hh.ru/magritte-internal-custom-scroll';
+import './useSnapScroll.js';
+import './useSyncMotionValue.js';
+
+/**
+ * Хранилище состояния панели с поддержкой подписок на изменения.
+ *
+ * Наследует всю подписочную логику от {@link KeyedSubscriptions}, а именно:
+ * - `onChange(key, cb)` — подписка на изменения конкретного ключа состояния;
+ * - `onDestroy(cb)` — подписка на уничтожение;
+ * - батчинг уведомлений (несколько изменений за один цикл объединяются);
+ * - дедупликация коллбеков (один коллбек, подписанный на разные ключи, вызовется один раз).
+ *
+ * Собственная ответственность класса:
+ * - Хранение состояния панели в `PaneData`.
+ * - Применение частичных обновлений через метод `set(...)`:
+ *   - сравнивает новые значения с текущими;
+ *   - обновляет только изменившиеся поля;
+ *   - помечает изменённые ключи (`markChanged`) и инициирует рассылку (`notify`).
+ * - Получение текущего значения по ключу через `get(...)`.
+ *
+ * Таким образом, `PaneStore` объединяет модель данных панели
+ * с реактивными подписками на её изменения.
+ */
+class PaneStore extends KeyedSubscriptions {
+    data;
+    /**
+     * @param data Начальное состояние панели.
+     */
+    constructor(data) {
+        super();
+        this.data = data;
+    }
+    /**
+     * Частичное обновление состояния панели.
+     * Для каждого ключа из `patch` выполняется сравнение и,
+     * если значение изменилось, оно записывается в `data`,
+     * а ключ помечается как изменённый.
+     * После всех обновлений вызывается `notify()` для рассылки подписчикам.
+     *
+     * @example
+     * controller.set({ foldable: true, startHeight: 200 });
+     */
+    set(patch) {
+        Object.keys(patch).forEach((key) => {
+            const next = patch[key];
+            if (next !== this.data[key]) {
+                this.data[key] = next;
+                this.markChanged(key);
+            }
+        });
+        this.notify();
+    }
+    /**
+     * Получить текущее значение поля состояния.
+     *
+     * @param key Ключ из {@link PaneData}.
+     * @returns Текущее значение по указанному ключу.
+     *
+     * @example
+     * const height = controller.get("startHeight");
+     */
+    get(key) {
+        return this.data[key];
+    }
+}
+const PaneContext = createContext(null);
+const usePaneStore = () => {
+    const contextStore = useContext(PaneContext);
+    const id = useId();
+    const registerPaneStore = useNavBarContext();
+    const paneStore = useInitOnce(() => contextStore ?? new PaneStore({ motionValue: motionValue(0), id }));
+    useLayoutEffect(() => {
+        if (!registerPaneStore || contextStore !== null) {
+            return void 0;
+        }
+        return registerPaneStore(contextStore ?? paneStore);
+    }, [contextStore, paneStore, registerPaneStore]);
+    return contextStore ?? paneStore;
+};
+
+export { PaneContext, PaneStore, usePaneStore };
+//# sourceMappingURL=PaneStore.js.map

package/internal/PaneStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaneStore.js","sources":["../../src/internal/PaneStore.ts"],"sourcesContent":["import { createContext, useContext, useId, useLayoutEffect } from 'react';\nimport { motionValue, type MotionValue } from 'motion';\n\nimport { KeyedSubscriptions } from '@hh.ru/magritte-ui-nav-bar/internal/KeyedSubscriptions';\nimport { useInitOnce } from '@hh.ru/magritte-ui-nav-bar/internal/utils';\nimport { useNavBarContext } from '@hh.ru/magritte-ui-nav-bar/public/NavBar';\n\nexport interface PaneData {\n    id: string;\n    foldable?: boolean;\n    motionValue: MotionValue<number>;\n    startHeight?: number;\n    endHeight?: number;\n    top?: number;\n}\n\n/**\n * Хранилище состояния панели с поддержкой подписок на изменения.\n *\n * Наследует всю подписочную логику от {@link KeyedSubscriptions}, а именно:\n * - `onChange(key, cb)` — подписка на изменения конкретного ключа состояния;\n * - `onDestroy(cb)` — подписка на уничтожение;\n * - батчинг уведомлений (несколько изменений за один цикл объединяются);\n * - дедупликация коллбеков (один коллбек, подписанный на разные ключи, вызовется один раз).\n *\n * Собственная ответственность класса:\n * - Хранение состояния панели в `PaneData`.\n * - Применение частичных обновлений через метод `set(...)`:\n *   - сравнивает новые значения с текущими;\n *   - обновляет только изменившиеся поля;\n *   - помечает изменённые ключи (`markChanged`) и инициирует рассылку (`notify`).\n * - Получение текущего значения по ключу через `get(...)`.\n *\n * Таким образом, `PaneStore` объединяет модель данных панели\n * с реактивными подписками на её изменения.\n */\nexport class PaneStore extends KeyedSubscriptions<keyof PaneData> {\n    data: PaneData;\n\n    /**\n     * @param data Начальное состояние панели.\n     */\n    constructor(data: PaneData) {\n        super();\n        this.data = data;\n    }\n\n    /**\n     * Частичное обновление состояния панели.\n     * Для каждого ключа из `patch` выполняется сравнение и,\n     * если значение изменилось, оно записывается в `data`,\n     * а ключ помечается как изменённый.\n     * После всех обновлений вызывается `notify()` для рассылки подписчикам.\n     *\n     * @example\n     * controller.set({ foldable: true, startHeight: 200 });\n     */\n    set<K extends keyof PaneData>(patch: Partial<Pick<PaneData, K>>): void {\n        (Object.keys(patch) as K[]).forEach((key) => {\n            const next = patch[key];\n            if (next !== this.data[key]) {\n                this.data[key] = next as PaneData[K];\n                this.markChanged(key);\n            }\n        });\n        this.notify();\n    }\n\n    /**\n     * Получить текущее значение поля состояния.\n     *\n     * @param key Ключ из {@link PaneData}.\n     * @returns Текущее значение по указанному ключу.\n     *\n     * @example\n     * const height = controller.get(\"startHeight\");\n     */\n    get<K extends keyof PaneData>(key: K): PaneData[K] {\n        return this.data[key];\n    }\n}\n\nexport const PaneContext = createContext<PaneStore | null>(null);\nexport const usePaneStore = (): PaneStore => {\n    const contextStore = useContext(PaneContext);\n    const id = useId();\n    const registerPaneStore = useNavBarContext();\n    const paneStore = useInitOnce(() => contextStore ?? new PaneStore({ motionValue: motionValue(0), id }));\n    useLayoutEffect(() => {\n        if (!registerPaneStore || contextStore !== null) {\n            return void 0;\n        }\n\n        return registerPaneStore(contextStore ?? paneStore);\n    }, [contextStore, paneStore, registerPaneStore]);\n    return contextStore ?? paneStore;\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAgBA;;;;;;;;;;;;;;;;;;;AAmBG;AACG,MAAO,SAAU,SAAQ,kBAAkC,CAAA;AAC7D,IAAA,IAAI,CAAW;AAEf;;AAEG;AACH,IAAA,WAAA,CAAY,IAAc,EAAA;AACtB,QAAA,KAAK,EAAE,CAAC;AACR,QAAA,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;KACpB;AAED;;;;;;;;;AASG;AACH,IAAA,GAAG,CAA2B,KAAiC,EAAA;QAC1D,MAAM,CAAC,IAAI,CAAC,KAAK,CAAS,CAAC,OAAO,CAAC,CAAC,GAAG,KAAI;AACxC,YAAA,MAAM,IAAI,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;YACxB,IAAI,IAAI,KAAK,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE;AACzB,gBAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,IAAmB,CAAC;AACrC,gBAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;aACzB;AACL,SAAC,CAAC,CAAC;QACH,IAAI,CAAC,MAAM,EAAE,CAAC;KACjB;AAED;;;;;;;;AAQG;AACH,IAAA,GAAG,CAA2B,GAAM,EAAA;AAChC,QAAA,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;KACzB;AACJ,CAAA;MAEY,WAAW,GAAG,aAAa,CAAmB,IAAI,EAAE;AAC1D,MAAM,YAAY,GAAG,MAAgB;AACxC,IAAA,MAAM,YAAY,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;AAC7C,IAAA,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;AACnB,IAAA,MAAM,iBAAiB,GAAG,gBAAgB,EAAE,CAAC;IAC7C,MAAM,SAAS,GAAG,WAAW,CAAC,MAAM,YAAY,IAAI,IAAI,SAAS,CAAC,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;IACxG,eAAe,CAAC,MAAK;AACjB,QAAA,IAAI,CAAC,iBAAiB,IAAI,YAAY,KAAK,IAAI,EAAE;YAC7C,OAAO,KAAK,CAAC,CAAC;SACjB;AAED,QAAA,OAAO,iBAAiB,CAAC,YAAY,IAAI,SAAS,CAAC,CAAC;KACvD,EAAE,CAAC,YAAY,EAAE,SAAS,EAAE,iBAAiB,CAAC,CAAC,CAAC;IACjD,OAAO,YAAY,IAAI,SAAS,CAAC;AACrC;;;;"}

package/internal/ProgressiveBlur.d.ts

@@ -0,0 +1,7 @@
+import { type FC } from 'react';
+import { type HTMLMotionProps } from 'motion/react';
+export declare const ProgressiveBlur: FC<{
+    detail: number;
+    blurAmount: number;
+    blurHeight: number;
+} & HTMLMotionProps<'div'>>;

package/internal/ProgressiveBlur.js

@@ -0,0 +1,43 @@
+import './../index.css';
+import { jsx } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import { motion } from 'motion/react';
+
+const colorByStopIndex = ['rgba(0, 0, 0, 0)', 'rgb(0, 0, 0)', 'rgb(0, 0, 0)', 'rgba(0, 0, 0, 0)'];
+const ProgressiveBlur = ({ detail, blurAmount, blurHeight, ...rest }) => {
+    const [maskImageParams, blurAmountParams] = useMemo(() => {
+        const maskParams = [];
+        const blurAmountParams = [];
+        const stops = [0];
+        const stepSize = blurHeight / detail;
+        for (let i = 0; i < detail; i++) {
+            stops.push(stepSize * (i + 1));
+            if (stops.length > 4) {
+                stops.shift();
+            }
+            maskParams.push(stops
+                .map((percent, index) => {
+                const shift = colorByStopIndex.length - stops.length;
+                const color = colorByStopIndex[shift + index];
+                return `${color} ${percent.toFixed(3)}%`;
+            })
+                .join(', '));
+        }
+        let lastBlur = blurAmount;
+        for (let i = maskParams.length; i > 0; i--) {
+            blurAmountParams[i - 1] = lastBlur;
+            lastBlur *= 2;
+        }
+        return [maskParams, blurAmountParams];
+    }, [detail, blurAmount, blurHeight]);
+    return (jsx(motion.div, { ...rest, children: maskImageParams.map((maskParams, index) => (jsx("div", { style: {
+                position: 'absolute',
+                inset: 0,
+                zIndex: maskImageParams.length - index,
+                backdropFilter: `blur(${blurAmountParams[index]}px)`,
+                mask: `linear-gradient(${maskParams})`,
+            } }, index))) }));
+};
+
+export { ProgressiveBlur };
+//# sourceMappingURL=ProgressiveBlur.js.map

package/internal/ProgressiveBlur.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressiveBlur.js","sources":["../../src/internal/ProgressiveBlur.tsx"],"sourcesContent":["import { useMemo, type FC } from 'react';\nimport { type HTMLMotionProps, motion } from 'motion/react';\n\nconst colorByStopIndex = ['rgba(0, 0, 0, 0)', 'rgb(0, 0, 0)', 'rgb(0, 0, 0)', 'rgba(0, 0, 0, 0)'];\n\nexport const ProgressiveBlur: FC<\n    {\n        detail: number;\n        blurAmount: number;\n        blurHeight: number;\n    } & HTMLMotionProps<'div'>\n> = ({ detail, blurAmount, blurHeight, ...rest }) => {\n    const [maskImageParams, blurAmountParams] = useMemo(() => {\n        const maskParams: string[] = [];\n        const blurAmountParams: number[] = [];\n        const stops: number[] = [0];\n        const stepSize = blurHeight / detail;\n        for (let i = 0; i < detail; i++) {\n            stops.push(stepSize * (i + 1));\n            if (stops.length > 4) {\n                stops.shift();\n            }\n            maskParams.push(\n                stops\n                    .map((percent, index) => {\n                        const shift = colorByStopIndex.length - stops.length;\n                        const color = colorByStopIndex[shift + index];\n                        return `${color} ${percent.toFixed(3)}%`;\n                    })\n                    .join(', ')\n            );\n        }\n        let lastBlur = blurAmount;\n        for (let i = maskParams.length; i > 0; i--) {\n            blurAmountParams[i - 1] = lastBlur;\n            lastBlur *= 2;\n        }\n\n        return [maskParams, blurAmountParams];\n    }, [detail, blurAmount, blurHeight]);\n\n    return (\n        <motion.div {...rest}>\n            {maskImageParams.map((maskParams, index) => (\n                <div\n                    key={index}\n                    style={{\n                        position: 'absolute',\n                        inset: 0,\n                        zIndex: maskImageParams.length - index,\n                        backdropFilter: `blur(${blurAmountParams[index]}px)`,\n                        mask: `linear-gradient(${maskParams})`,\n                    }}\n                />\n            ))}\n        </motion.div>\n    );\n};\n"],"names":["_jsx"],"mappings":";;;;AAGA,MAAM,gBAAgB,GAAG,CAAC,kBAAkB,EAAE,cAAc,EAAE,cAAc,EAAE,kBAAkB,CAAC,CAAC;AAErF,MAAA,eAAe,GAMxB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,IAAI,EAAE,KAAI;IAChD,MAAM,CAAC,eAAe,EAAE,gBAAgB,CAAC,GAAG,OAAO,CAAC,MAAK;QACrD,MAAM,UAAU,GAAa,EAAE,CAAC;QAChC,MAAM,gBAAgB,GAAa,EAAE,CAAC;AACtC,QAAA,MAAM,KAAK,GAAa,CAAC,CAAC,CAAC,CAAC;AAC5B,QAAA,MAAM,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;AACrC,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,EAAE,CAAC,EAAE,EAAE;YAC7B,KAAK,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;AAC/B,YAAA,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;gBAClB,KAAK,CAAC,KAAK,EAAE,CAAC;aACjB;YACD,UAAU,CAAC,IAAI,CACX,KAAK;AACA,iBAAA,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,KAAI;gBACpB,MAAM,KAAK,GAAG,gBAAgB,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;gBACrD,MAAM,KAAK,GAAG,gBAAgB,CAAC,KAAK,GAAG,KAAK,CAAC,CAAC;gBAC9C,OAAO,CAAA,EAAG,KAAK,CAAA,CAAA,EAAI,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA,CAAA,CAAG,CAAC;AAC7C,aAAC,CAAC;AACD,iBAAA,IAAI,CAAC,IAAI,CAAC,CAClB,CAAC;SACL;QACD,IAAI,QAAQ,GAAG,UAAU,CAAC;AAC1B,QAAA,KAAK,IAAI,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE;AACxC,YAAA,gBAAgB,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,QAAQ,CAAC;YACnC,QAAQ,IAAI,CAAC,CAAC;SACjB;AAED,QAAA,OAAO,CAAC,UAAU,EAAE,gBAAgB,CAAC,CAAC;KACzC,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC;IAErC,QACIA,IAAC,MAAM,CAAC,GAAG,EAAK,EAAA,GAAA,IAAI,EACf,QAAA,EAAA,eAAe,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,KAAK,MACnCA,GAEI,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE;AACH,gBAAA,QAAQ,EAAE,UAAU;AACpB,gBAAA,KAAK,EAAE,CAAC;AACR,gBAAA,MAAM,EAAE,eAAe,CAAC,MAAM,GAAG,KAAK;AACtC,gBAAA,cAAc,EAAE,CAAQ,KAAA,EAAA,gBAAgB,CAAC,KAAK,CAAC,CAAK,GAAA,CAAA;gBACpD,IAAI,EAAE,CAAmB,gBAAA,EAAA,UAAU,CAAG,CAAA,CAAA;AACzC,aAAA,EAAA,EAPI,KAAK,CAQZ,CACL,CAAC,EAAA,CACO,EACf;AACN;;;;"}

package/internal/useAnimationRanges.d.ts

@@ -0,0 +1,38 @@
+import { type PaneStore } from '@hh.ru/magritte-ui-nav-bar/internal/PaneStore';
+/**
+ * Рассчитывает для панелей диапазоны скролла, в течение которого должна проигрываться их анимация.
+ *
+ * - Каждая панель принадлежит группе, каждая новая группа начинается с foldable панели, и включет её
+ * - Для группы суммируется изменение высот её панелей:
+ *     - для foldable панелей: diff = startHeight (они схлопываются до 0),
+ *     - для остальных: diff = startHeight − (endHeight ?? startHeight).
+ * - Диапазон скролла группы равен [cum, cum + sumDiff], где `cum` — суммарное изменение высот всех предыдущих групп.
+ * - Всем панелям группы присваивается один и тот же диапазон.
+ *
+ * Вход:
+ * - Массив панелей в произвольном порядке; внутри функция сортирует их по `top` по убыванию,
+ *   чтобы идти от нижних к верхним.
+ *
+ * Выход:
+ * - Массив той же длины и в том же порядке, что и `data`.
+ *   Для каждой панели — кортеж `[start, end]` в пикселях, либо `null`, если диапазон не вычислен.
+ *
+ * Ожидания по данным:
+ * - `id` уникален (используется как ключ).
+ * - `startHeight` задан у всех панелей.
+ * - `endHeight` опционален (если не задан, изменение высоты для не-foldable панелей считается 0).
+ * - `top` задан для корректной сортировки.
+ *
+ * @param {PaneData[]} data
+ *   Список панелей. Минимально используемые поля:
+ *   - id: string
+ *   - top?: number
+ *   - foldable?: boolean
+ *   - startHeight?: number
+ *   - endHeight?: number
+ *
+ * @returns {Array<[number, number] | null>}
+ *   Диапазоны скролла для анимации каждой панели в исходном порядке `data`.
+ */
+export type AnimationRanges = Map<string, [number, number]>;
+export declare const useAnimationRanges: (paneRegistry: Set<PaneStore>) => [() => AnimationRanges, VoidFunction];

package/internal/useAnimationRanges.js

@@ -0,0 +1,52 @@
+import './../index.css';
+import { useRef } from 'react';
+import { useActualRef, useInitOnce } from './utils.js';
+
+const useAnimationRanges = (paneRegistry) => {
+    const animationRangesRef = useRef(null);
+    const paneRegistryRef = useActualRef(paneRegistry);
+    const getAnimationRanges = useInitOnce(() => () => {
+        if (!animationRangesRef.current) {
+            // Идём снизу вверх: сортируем по top убыванием.
+            const panesData = [...paneRegistryRef.current.values()]
+                .map((pane) => pane.data)
+                .sort((a, b) => (b.top ?? 0) - (a.top ?? 0));
+            const scrollRangesById = new Map();
+            let groupStartIdx = 0; // индекс последней встреченной foldable (начало текущей группы)
+            let totalDuration = 0; // суммарная длительность (в пикселях скролла) всех ранее обработанных групп
+            let groupDuration = 0; // суммарная длительность (в пикселях скролла) текущей группы
+            for (let i = 0; i <= panesData.length; i++) {
+                const pane = panesData[i] ?? null;
+                const isLastPane = pane === null;
+                const isGroupEnd = isLastPane || pane.foldable;
+                // Новая foldable или последняя панель -> завершаем обработку текущей группы, и сохраняем
+                // диапазон если известно место ее начала
+                if (isGroupEnd && groupStartIdx !== null) {
+                    const range = [totalDuration, totalDuration + groupDuration];
+                    for (let j = groupStartIdx; j < i; j++) {
+                        scrollRangesById.set(panesData[j].id, range);
+                    }
+                    totalDuration += groupDuration;
+                    groupDuration = 0;
+                }
+                if (!isLastPane) {
+                    if (pane.foldable) {
+                        groupStartIdx = i;
+                    }
+                    // Дельта высоты панели: вклад в длительность текущей группы
+                    const deltaHeight = pane.foldable
+                        ? (pane.startHeight ?? 0) // foldable схлопывается до 0
+                        : (pane.startHeight ?? 0) - (pane.endHeight ?? pane.startHeight ?? 0); // иначе разница start -> end
+                    groupDuration += deltaHeight;
+                }
+            }
+            animationRangesRef.current = scrollRangesById;
+        }
+        return animationRangesRef.current;
+    });
+    const invalidateAnimationRangesCache = useInitOnce(() => () => (animationRangesRef.current = null));
+    return [getAnimationRanges, invalidateAnimationRangesCache];
+};
+
+export { useAnimationRanges };
+//# sourceMappingURL=useAnimationRanges.js.map

package/internal/useAnimationRanges.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAnimationRanges.js","sources":["../../src/internal/useAnimationRanges.ts"],"sourcesContent":["import { type MutableRefObject, useRef } from 'react';\n\nimport { type PaneStore } from '@hh.ru/magritte-ui-nav-bar/internal/PaneStore';\nimport { useActualRef, useInitOnce } from '@hh.ru/magritte-ui-nav-bar/internal/utils';\n\n/**\n * Рассчитывает для панелей диапазоны скролла, в течение которого должна проигрываться их анимация.\n *\n * - Каждая панель принадлежит группе, каждая новая группа начинается с foldable панели, и включет её\n * - Для группы суммируется изменение высот её панелей:\n *     - для foldable панелей: diff = startHeight (они схлопываются до 0),\n *     - для остальных: diff = startHeight − (endHeight ?? startHeight).\n * - Диапазон скролла группы равен [cum, cum + sumDiff], где `cum` — суммарное изменение высот всех предыдущих групп.\n * - Всем панелям группы присваивается один и тот же диапазон.\n *\n * Вход:\n * - Массив панелей в произвольном порядке; внутри функция сортирует их по `top` по убыванию,\n *   чтобы идти от нижних к верхним.\n *\n * Выход:\n * - Массив той же длины и в том же порядке, что и `data`.\n *   Для каждой панели — кортеж `[start, end]` в пикселях, либо `null`, если диапазон не вычислен.\n *\n * Ожидания по данным:\n * - `id` уникален (используется как ключ).\n * - `startHeight` задан у всех панелей.\n * - `endHeight` опционален (если не задан, изменение высоты для не-foldable панелей считается 0).\n * - `top` задан для корректной сортировки.\n *\n * @param {PaneData[]} data\n *   Список панелей. Минимально используемые поля:\n *   - id: string\n *   - top?: number\n *   - foldable?: boolean\n *   - startHeight?: number\n *   - endHeight?: number\n *\n * @returns {Array<[number, number] | null>}\n *   Диапазоны скролла для анимации каждой панели в исходном порядке `data`.\n */\nexport type AnimationRanges = Map<string, [number, number]>;\nexport const useAnimationRanges = (paneRegistry: Set<PaneStore>): [() => AnimationRanges, VoidFunction] => {\n    const animationRangesRef: MutableRefObject<AnimationRanges | null> = useRef(null);\n    const paneRegistryRef = useActualRef(paneRegistry);\n\n    const getAnimationRanges = useInitOnce(() => () => {\n        if (!animationRangesRef.current) {\n            // Идём снизу вверх: сортируем по top убыванием.\n            const panesData = [...paneRegistryRef.current.values()]\n                .map((pane) => pane.data)\n                .sort((a, b) => (b.top ?? 0) - (a.top ?? 0));\n\n            const scrollRangesById = new Map<string, [number, number]>();\n            let groupStartIdx: number | null = 0; // индекс последней встреченной foldable (начало текущей группы)\n            let totalDuration = 0; // суммарная длительность (в пикселях скролла) всех ранее обработанных групп\n            let groupDuration = 0; // суммарная длительность (в пикселях скролла) текущей группы\n\n            for (let i = 0; i <= panesData.length; i++) {\n                const pane = panesData[i] ?? null;\n                const isLastPane = pane === null;\n                const isGroupEnd = isLastPane || pane.foldable;\n                // Новая foldable или последняя панель -> завершаем обработку текущей группы, и сохраняем\n                // диапазон если известно место ее начала\n                if (isGroupEnd && groupStartIdx !== null) {\n                    const range: [number, number] = [totalDuration, totalDuration + groupDuration];\n                    for (let j = groupStartIdx; j < i; j++) {\n                        scrollRangesById.set(panesData[j].id, range);\n                    }\n                    totalDuration += groupDuration;\n                    groupDuration = 0;\n                }\n\n                if (!isLastPane) {\n                    if (pane.foldable) {\n                        groupStartIdx = i;\n                    }\n\n                    // Дельта высоты панели: вклад в длительность текущей группы\n                    const deltaHeight = pane.foldable\n                        ? (pane.startHeight ?? 0) // foldable схлопывается до 0\n                        : (pane.startHeight ?? 0) - (pane.endHeight ?? pane.startHeight ?? 0); // иначе разница start -> end\n                    groupDuration += deltaHeight;\n                }\n            }\n            animationRangesRef.current = scrollRangesById;\n        }\n        return animationRangesRef.current;\n    });\n\n    const invalidateAnimationRangesCache = useInitOnce(() => () => (animationRangesRef.current = null));\n\n    return [getAnimationRanges, invalidateAnimationRangesCache];\n};\n"],"names":[],"mappings":";;;AAyCa,MAAA,kBAAkB,GAAG,CAAC,YAA4B,KAA2C;AACtG,IAAA,MAAM,kBAAkB,GAA6C,MAAM,CAAC,IAAI,CAAC,CAAC;AAClF,IAAA,MAAM,eAAe,GAAG,YAAY,CAAC,YAAY,CAAC,CAAC;IAEnD,MAAM,kBAAkB,GAAG,WAAW,CAAC,MAAM,MAAK;AAC9C,QAAA,IAAI,CAAC,kBAAkB,CAAC,OAAO,EAAE;;YAE7B,MAAM,SAAS,GAAG,CAAC,GAAG,eAAe,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;iBAClD,GAAG,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,CAAC;iBACxB,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;AAEjD,YAAA,MAAM,gBAAgB,GAAG,IAAI,GAAG,EAA4B,CAAC;AAC7D,YAAA,IAAI,aAAa,GAAkB,CAAC,CAAC;AACrC,YAAA,IAAI,aAAa,GAAG,CAAC,CAAC;AACtB,YAAA,IAAI,aAAa,GAAG,CAAC,CAAC;AAEtB,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBACxC,MAAM,IAAI,GAAG,SAAS,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC;AAClC,gBAAA,MAAM,UAAU,GAAG,IAAI,KAAK,IAAI,CAAC;AACjC,gBAAA,MAAM,UAAU,GAAG,UAAU,IAAI,IAAI,CAAC,QAAQ,CAAC;;;AAG/C,gBAAA,IAAI,UAAU,IAAI,aAAa,KAAK,IAAI,EAAE;oBACtC,MAAM,KAAK,GAAqB,CAAC,aAAa,EAAE,aAAa,GAAG,aAAa,CAAC,CAAC;AAC/E,oBAAA,KAAK,IAAI,CAAC,GAAG,aAAa,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE;AACpC,wBAAA,gBAAgB,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;qBAChD;oBACD,aAAa,IAAI,aAAa,CAAC;oBAC/B,aAAa,GAAG,CAAC,CAAC;iBACrB;gBAED,IAAI,CAAC,UAAU,EAAE;AACb,oBAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;wBACf,aAAa,GAAG,CAAC,CAAC;qBACrB;;AAGD,oBAAA,MAAM,WAAW,GAAG,IAAI,CAAC,QAAQ;2BAC1B,IAAI,CAAC,WAAW,IAAI,CAAC;0BACtB,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,KAAK,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,WAAW,IAAI,CAAC,CAAC,CAAC;oBAC1E,aAAa,IAAI,WAAW,CAAC;iBAChC;aACJ;AACD,YAAA,kBAAkB,CAAC,OAAO,GAAG,gBAAgB,CAAC;SACjD;QACD,OAAO,kBAAkB,CAAC,OAAO,CAAC;AACtC,KAAC,CAAC,CAAC;AAEH,IAAA,MAAM,8BAA8B,GAAG,WAAW,CAAC,MAAM,OAAO,kBAAkB,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC;AAEpG,IAAA,OAAO,CAAC,kBAAkB,EAAE,8BAA8B,CAAC,CAAC;AAChE;;;;"}

package/internal/useBindScrollToAnimationProgress.d.ts

@@ -0,0 +1,9 @@
+import { type RefObject } from 'react';
+import { type MotionValue } from 'motion';
+import { type AnimationRanges } from '@hh.ru/magritte-ui-nav-bar/internal/useAnimationRanges';
+import { type NavBarMetrics } from '@hh.ru/magritte-ui-nav-bar/internal/useNavBarMetrics';
+import { type ScrollAdapter } from '@hh.ru/magritte-ui-nav-bar/internal/useScrollAdapter';
+export declare const useBindScrollToAnimationProgress: (scrollPosition: MotionValue<number>, getNavBarMetrics: () => NavBarMetrics, getAnimationRanges: () => AnimationRanges, scrollAdapter: ScrollAdapter, startTriggerPosition: "start" | "full-area" | RefObject<HTMLElement>, endTriggerPosition?: RefObject<HTMLElement>) => [VoidFunction, () => {
+    top: number;
+    bottom: number;
+}, MotionValue<number>];

package/internal/useBindScrollToAnimationProgress.js

@@ -0,0 +1,82 @@
+import './../index.css';
+import { useRef } from 'react';
+import { useMotionValue } from 'motion/react';
+import { useActualRef, useInitOnce, getRelativeOffset, remap, clamp } from './utils.js';
+
+const createScrollToAnimationProgressMapFn = (getNavBarMetrics, scrollAdapter, animationRanges, startTriggerPosition, endTriggerPosition) => {
+    const maxScrollTop = scrollAdapter.getMaxScrollTop();
+    const navBarMetrics = getNavBarMetrics();
+    if (startTriggerPosition === 'full-area') {
+        const { heightDelta, top } = navBarMetrics;
+        let currentStart = top;
+        const maxProgress = maxScrollTop >= heightDelta + top
+            ? 1
+            : (animationRanges.find((range) => range[0] * heightDelta <= maxScrollTop - top) ?? [0])[0];
+        const mapScrollToAnimationPropgress = (scrollPosition) => {
+            if (!heightDelta) {
+                return 0;
+            }
+            const progress = (scrollPosition - currentStart) / heightDelta;
+            if (progress > maxProgress) {
+                currentStart = scrollPosition - heightDelta * maxProgress;
+            }
+            else if (progress < 0) {
+                currentStart = scrollPosition;
+            }
+            currentStart = Math.max(currentStart, top);
+            return clamp(progress, 0, maxProgress);
+        };
+        const getClosestStops = () => ({
+            bottom: currentStart,
+            top: currentStart + heightDelta * maxProgress,
+        });
+        return [mapScrollToAnimationPropgress, getClosestStops];
+    }
+    let startPos = startTriggerPosition === 'start' || !startTriggerPosition.current
+        ? 0
+        : getRelativeOffset(scrollAdapter, startTriggerPosition.current) - navBarMetrics.bottom;
+    let endPos = endTriggerPosition?.current
+        ? getRelativeOffset(scrollAdapter, endTriggerPosition.current) +
+            navBarMetrics.heightDelta -
+            navBarMetrics.bottom
+        : startPos + navBarMetrics.heightDelta;
+    endPos += navBarMetrics.top;
+    startPos += navBarMetrics.top;
+    let endProgress = 1;
+    if (endPos > maxScrollTop) {
+        const scrollDelta = endPos - startPos;
+        endProgress = (animationRanges.find((range) => range[0] * scrollDelta + startPos < maxScrollTop) ?? [0])[0];
+        endPos = startPos + scrollDelta * endProgress;
+    }
+    return [remap([startPos, endPos], [0, endProgress]), () => ({ bottom: startPos, top: endPos })];
+};
+const useBindScrollToAnimationProgress = (scrollPosition, getNavBarMetrics, getAnimationRanges, scrollAdapter, startTriggerPosition, endTriggerPosition) => {
+    const totalAnimationProgress = useMotionValue(0);
+    const startTriggerPositionRef = useActualRef(startTriggerPosition);
+    const endTriggerPositionRef = useActualRef(endTriggerPosition);
+    const getClosestStopsRef = useRef(null);
+    const bindScrollToAnimation = useInitOnce(() => {
+        let unsubscribe = null;
+        return () => {
+            unsubscribe?.();
+            const { heightDelta } = getNavBarMetrics();
+            const animationRanges = [
+                ...new Set([...getAnimationRanges().values()].map((range) => [range[0] / heightDelta, range[1] / heightDelta])),
+            ].sort((a, b) => b[0] - a[0]);
+            const [mapFn, getClosestStops] = createScrollToAnimationProgressMapFn(getNavBarMetrics, scrollAdapter, animationRanges, startTriggerPositionRef.current, endTriggerPositionRef.current);
+            getClosestStopsRef.current = getClosestStops;
+            unsubscribe = scrollPosition.on('change', (value) => totalAnimationProgress.set(mapFn(value)));
+            totalAnimationProgress.set(mapFn(scrollPosition.get()));
+        };
+    });
+    const getClosestStops = useInitOnce(() => () => {
+        if (getClosestStopsRef.current) {
+            return getClosestStopsRef.current();
+        }
+        return { bottom: 0, top: getNavBarMetrics().heightDelta };
+    });
+    return [bindScrollToAnimation, getClosestStops, totalAnimationProgress];
+};
+
+export { useBindScrollToAnimationProgress };
+//# sourceMappingURL=useBindScrollToAnimationProgress.js.map

package/internal/useBindScrollToAnimationProgress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBindScrollToAnimationProgress.js","sources":["../../src/internal/useBindScrollToAnimationProgress.ts"],"sourcesContent":["import { type MutableRefObject, type RefObject, useRef } from 'react';\nimport { type MotionValue } from 'motion';\nimport { useMotionValue } from 'motion/react';\n\nimport { type AnimationRanges } from '@hh.ru/magritte-ui-nav-bar/internal/useAnimationRanges';\nimport { type NavBarMetrics } from '@hh.ru/magritte-ui-nav-bar/internal/useNavBarMetrics';\nimport { type ScrollAdapter } from '@hh.ru/magritte-ui-nav-bar/internal/useScrollAdapter';\nimport { remap, clamp, useInitOnce, useActualRef, getRelativeOffset } from '@hh.ru/magritte-ui-nav-bar/internal/utils';\n\nconst createScrollToAnimationProgressMapFn = (\n    getNavBarMetrics: () => NavBarMetrics,\n    scrollAdapter: ScrollAdapter,\n    animationRanges: [number, number][],\n    startTriggerPosition: 'start' | 'full-area' | RefObject<HTMLElement>,\n    endTriggerPosition?: RefObject<HTMLElement>\n) => {\n    const maxScrollTop = scrollAdapter.getMaxScrollTop();\n    const navBarMetrics = getNavBarMetrics();\n\n    if (startTriggerPosition === 'full-area') {\n        const { heightDelta, top } = navBarMetrics;\n\n        let currentStart = top;\n        const maxProgress =\n            maxScrollTop >= heightDelta + top\n                ? 1\n                : (animationRanges.find((range) => range[0] * heightDelta <= maxScrollTop - top) ?? [0])[0];\n\n        const mapScrollToAnimationPropgress = (scrollPosition: number) => {\n            if (!heightDelta) {\n                return 0;\n            }\n            const progress = (scrollPosition - currentStart) / heightDelta;\n            if (progress > maxProgress) {\n                currentStart = scrollPosition - heightDelta * maxProgress;\n            } else if (progress < 0) {\n                currentStart = scrollPosition;\n            }\n            currentStart = Math.max(currentStart, top);\n\n            return clamp(progress, 0, maxProgress);\n        };\n\n        const getClosestStops = () => ({\n            bottom: currentStart,\n            top: currentStart + heightDelta * maxProgress,\n        });\n\n        return [mapScrollToAnimationPropgress, getClosestStops] as const;\n    }\n\n    let startPos =\n        startTriggerPosition === 'start' || !startTriggerPosition.current\n            ? 0\n            : getRelativeOffset(scrollAdapter, startTriggerPosition.current) - navBarMetrics.bottom;\n\n    let endPos = endTriggerPosition?.current\n        ? getRelativeOffset(scrollAdapter, endTriggerPosition.current) +\n          navBarMetrics.heightDelta -\n          navBarMetrics.bottom\n        : startPos + navBarMetrics.heightDelta;\n\n    endPos += navBarMetrics.top;\n    startPos += navBarMetrics.top;\n\n    let endProgress = 1;\n    if (endPos > maxScrollTop) {\n        const scrollDelta = endPos - startPos;\n        endProgress = (animationRanges.find((range) => range[0] * scrollDelta + startPos < maxScrollTop) ?? [0])[0];\n        endPos = startPos + scrollDelta * endProgress;\n    }\n\n    return [remap([startPos, endPos], [0, endProgress]), () => ({ bottom: startPos, top: endPos })] as const;\n};\n\nexport const useBindScrollToAnimationProgress = (\n    scrollPosition: MotionValue<number>,\n    getNavBarMetrics: () => NavBarMetrics,\n    getAnimationRanges: () => AnimationRanges,\n    scrollAdapter: ScrollAdapter,\n    startTriggerPosition: 'start' | 'full-area' | RefObject<HTMLElement>,\n    endTriggerPosition?: RefObject<HTMLElement>\n): [VoidFunction, () => { top: number; bottom: number }, MotionValue<number>] => {\n    const totalAnimationProgress = useMotionValue(0);\n    const startTriggerPositionRef = useActualRef(startTriggerPosition);\n    const endTriggerPositionRef = useActualRef(endTriggerPosition);\n    const getClosestStopsRef: MutableRefObject<(() => { top: number; bottom: number }) | null> = useRef(null);\n\n    const bindScrollToAnimation = useInitOnce(() => {\n        let unsubscribe: VoidFunction | null = null;\n        return () => {\n            unsubscribe?.();\n            const { heightDelta } = getNavBarMetrics();\n\n            const animationRanges = [\n                ...new Set<[number, number]>(\n                    [...getAnimationRanges().values()].map((range) => [range[0] / heightDelta, range[1] / heightDelta])\n                ),\n            ].sort((a, b) => b[0] - a[0]);\n\n            const [mapFn, getClosestStops] = createScrollToAnimationProgressMapFn(\n                getNavBarMetrics,\n                scrollAdapter,\n                animationRanges,\n                startTriggerPositionRef.current,\n                endTriggerPositionRef.current\n            );\n            getClosestStopsRef.current = getClosestStops;\n            unsubscribe = scrollPosition.on('change', (value) => totalAnimationProgress.set(mapFn(value)));\n            totalAnimationProgress.set(mapFn(scrollPosition.get()));\n        };\n    });\n\n    const getClosestStops = useInitOnce(() => () => {\n        if (getClosestStopsRef.current) {\n            return getClosestStopsRef.current();\n        }\n\n        return { bottom: 0, top: getNavBarMetrics().heightDelta };\n    });\n\n    return [bindScrollToAnimation, getClosestStops, totalAnimationProgress];\n};\n"],"names":[],"mappings":"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"}

package/internal/useDivider.d.ts

@@ -0,0 +1,4 @@
+import { type MotionStyle, type MotionValue } from 'motion/react';
+import { type ShowDivider } from '@hh.ru/magritte-ui-divider';
+import { type NavBarMetrics } from '@hh.ru/magritte-ui-nav-bar/internal/useNavBarMetrics';
+export declare const useDivider: (scrollPosition: MotionValue<number>, totalAnimationProgress: MotionValue<number>, getNavBarMetrics: () => NavBarMetrics, showDivider: ShowDivider, overlay: boolean) => MotionStyle;

package/internal/useDivider.js

@@ -0,0 +1,38 @@
+import './../index.css';
+import { useEffect } from 'react';
+import { useMotionValue } from 'motion/react';
+
+const useDivider = (scrollPosition, totalAnimationProgress, getNavBarMetrics, showDivider, overlay) => {
+    const dividerVisibility = useMotionValue(showDivider === 'always' ? 'visible' : 'hidden');
+    const dividerOffset = useMotionValue(0);
+    useEffect(() => {
+        const subscriptions = [];
+        if (showDivider === 'with-scroll') {
+            const checkDivider = () => {
+                const { heightDelta, top } = getNavBarMetrics();
+                // из-за накопленных ошибок округления дивайдер может показаться раньше времени
+                // добавляем ему "зазор" в три пикселя
+                dividerVisibility.set(Math.ceil(heightDelta * totalAnimationProgress.get()) + top < Math.floor(scrollPosition.get()) - 3
+                    ? 'visible'
+                    : 'hidden');
+            };
+            checkDivider();
+            subscriptions.push(scrollPosition.on('change', checkDivider));
+        }
+        dividerVisibility.set(showDivider === 'always' ? 'visible' : 'hidden');
+        subscriptions.push(scrollPosition.on('change', () => dividerOffset.set(-getNavBarMetrics().heightDelta * totalAnimationProgress.get())));
+        return () => subscriptions.forEach((fn) => fn());
+    }, [
+        dividerVisibility,
+        scrollPosition,
+        showDivider,
+        getNavBarMetrics,
+        totalAnimationProgress,
+        overlay,
+        dividerOffset,
+    ]);
+    return { y: dividerOffset, visibility: dividerVisibility };
+};
+
+export { useDivider };
+//# sourceMappingURL=useDivider.js.map

package/internal/useDivider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDivider.js","sources":["../../src/internal/useDivider.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport { type MotionStyle, useMotionValue, type MotionValue } from 'motion/react';\n\nimport { type ShowDivider } from '@hh.ru/magritte-ui-divider';\nimport { type NavBarMetrics } from '@hh.ru/magritte-ui-nav-bar/internal/useNavBarMetrics';\n\nexport const useDivider = (\n    scrollPosition: MotionValue<number>,\n    totalAnimationProgress: MotionValue<number>,\n    getNavBarMetrics: () => NavBarMetrics,\n    showDivider: ShowDivider,\n    overlay: boolean\n): MotionStyle => {\n    const dividerVisibility = useMotionValue<'visible' | 'hidden'>(showDivider === 'always' ? 'visible' : 'hidden');\n    const dividerOffset = useMotionValue(0);\n\n    useEffect(() => {\n        const subscriptions: VoidFunction[] = [];\n        if (showDivider === 'with-scroll') {\n            const checkDivider = () => {\n                const { heightDelta, top } = getNavBarMetrics();\n                // из-за накопленных ошибок округления дивайдер может показаться раньше времени\n                // добавляем ему \"зазор\" в три пикселя\n                dividerVisibility.set(\n                    Math.ceil(heightDelta * totalAnimationProgress.get()) + top < Math.floor(scrollPosition.get()) - 3\n                        ? 'visible'\n                        : 'hidden'\n                );\n            };\n            checkDivider();\n            subscriptions.push(scrollPosition.on('change', checkDivider));\n        }\n\n        dividerVisibility.set(showDivider === 'always' ? 'visible' : 'hidden');\n        subscriptions.push(\n            scrollPosition.on('change', () =>\n                dividerOffset.set(-getNavBarMetrics().heightDelta * totalAnimationProgress.get())\n            )\n        );\n\n        return () => subscriptions.forEach((fn) => fn());\n    }, [\n        dividerVisibility,\n        scrollPosition,\n        showDivider,\n        getNavBarMetrics,\n        totalAnimationProgress,\n        overlay,\n        dividerOffset,\n    ]);\n\n    return { y: dividerOffset, visibility: dividerVisibility };\n};\n"],"names":[],"mappings":";;;AAMO,MAAM,UAAU,GAAG,CACtB,cAAmC,EACnC,sBAA2C,EAC3C,gBAAqC,EACrC,WAAwB,EACxB,OAAgB,KACH;AACb,IAAA,MAAM,iBAAiB,GAAG,cAAc,CAAuB,WAAW,KAAK,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC,CAAC;AAChH,IAAA,MAAM,aAAa,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;IAExC,SAAS,CAAC,MAAK;QACX,MAAM,aAAa,GAAmB,EAAE,CAAC;AACzC,QAAA,IAAI,WAAW,KAAK,aAAa,EAAE;YAC/B,MAAM,YAAY,GAAG,MAAK;gBACtB,MAAM,EAAE,WAAW,EAAE,GAAG,EAAE,GAAG,gBAAgB,EAAE,CAAC;;;gBAGhD,iBAAiB,CAAC,GAAG,CACjB,IAAI,CAAC,IAAI,CAAC,WAAW,GAAG,sBAAsB,CAAC,GAAG,EAAE,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC;AAC9F,sBAAE,SAAS;sBACT,QAAQ,CACjB,CAAC;AACN,aAAC,CAAC;AACF,YAAA,YAAY,EAAE,CAAC;AACf,YAAA,aAAa,CAAC,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC;SACjE;AAED,QAAA,iBAAiB,CAAC,GAAG,CAAC,WAAW,KAAK,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC,CAAC;AACvE,QAAA,aAAa,CAAC,IAAI,CACd,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,MACxB,aAAa,CAAC,GAAG,CAAC,CAAC,gBAAgB,EAAE,CAAC,WAAW,GAAG,sBAAsB,CAAC,GAAG,EAAE,CAAC,CACpF,CACJ,CAAC;AAEF,QAAA,OAAO,MAAM,aAAa,CAAC,OAAO,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;AACrD,KAAC,EAAE;QACC,iBAAiB;QACjB,cAAc;QACd,WAAW;QACX,gBAAgB;QAChB,sBAAsB;QACtB,OAAO;QACP,aAAa;AAChB,KAAA,CAAC,CAAC;IAEH,OAAO,EAAE,CAAC,EAAE,aAAa,EAAE,UAAU,EAAE,iBAAiB,EAAE,CAAC;AAC/D;;;;"}

package/internal/useNavBarMetrics.d.ts

@@ -0,0 +1,9 @@
+import { RefObject } from 'react';
+import { type PaneStore } from '@hh.ru/magritte-ui-nav-bar/internal/PaneStore';
+import { ScrollAdapter } from '@hh.ru/magritte-ui-nav-bar/internal/useScrollAdapter';
+export interface NavBarMetrics {
+    heightDelta: number;
+    top: number;
+    bottom: number;
+}
+export declare const useNavBarMetrics: (panesRegistry: Set<PaneStore>, rootRef: RefObject<HTMLElement>, scrollAdapter: ScrollAdapter) => [() => NavBarMetrics, VoidFunction];

package/internal/useNavBarMetrics.js

@@ -0,0 +1,34 @@
+import './../index.css';
+import { useRef } from 'react';
+import { useActualRef, useInitOnce, getRelativeOffset } from './utils.js';
+
+const useNavBarMetrics = (panesRegistry, rootRef, scrollAdapter) => {
+    const metricsRef = useRef(null);
+    const panesRegistryRef = useActualRef(panesRegistry);
+    const getNavBarMetrics = useInitOnce(() => () => {
+        if (!metricsRef.current) {
+            // расстояние от верхнего края NavBar до верхнего края контейнера со скроллом
+            const top = getRelativeOffset(scrollAdapter, rootRef.current);
+            const panes = [...panesRegistryRef.current.values()].map((pane) => pane.data);
+            const heightDelta = panes.reduce((delta, pane) => delta +
+                (pane.foldable
+                    ? (pane.startHeight ?? 0)
+                    : (pane.startHeight ?? 0) - (pane.endHeight ?? pane.startHeight ?? 0)), 0);
+            const positions = panes
+                .map((pane) => ({ top: pane.top ?? 0, bottom: (pane.top ?? 0) + (pane.startHeight ?? 0) }))
+                .sort((a, b) => a.top - b.top);
+            const height = (positions[positions.length - 1]?.bottom ?? 0) - (positions[0]?.top ?? 0);
+            metricsRef.current = {
+                heightDelta,
+                top,
+                bottom: top + height,
+            };
+        }
+        return metricsRef.current;
+    });
+    const invalidateMetricsCache = useInitOnce(() => () => (metricsRef.current = null));
+    return [getNavBarMetrics, invalidateMetricsCache];
+};
+
+export { useNavBarMetrics };
+//# sourceMappingURL=useNavBarMetrics.js.map

package/internal/useNavBarMetrics.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNavBarMetrics.js","sources":["../../src/internal/useNavBarMetrics.ts"],"sourcesContent":["import { type MutableRefObject, RefObject, useRef } from 'react';\n\nimport { type PaneStore } from '@hh.ru/magritte-ui-nav-bar/internal/PaneStore';\nimport { ScrollAdapter } from '@hh.ru/magritte-ui-nav-bar/internal/useScrollAdapter';\nimport { getRelativeOffset, useActualRef, useInitOnce } from '@hh.ru/magritte-ui-nav-bar/internal/utils';\n\nexport interface NavBarMetrics {\n    heightDelta: number;\n    top: number;\n    bottom: number;\n}\n\nexport const useNavBarMetrics = (\n    panesRegistry: Set<PaneStore>,\n    rootRef: RefObject<HTMLElement>,\n    scrollAdapter: ScrollAdapter\n): [() => NavBarMetrics, VoidFunction] => {\n    const metricsRef: MutableRefObject<NavBarMetrics | null> = useRef(null);\n    const panesRegistryRef = useActualRef(panesRegistry);\n\n    const getNavBarMetrics = useInitOnce(() => () => {\n        if (!metricsRef.current) {\n            // расстояние от верхнего края NavBar до верхнего края контейнера со скроллом\n            const top = getRelativeOffset(scrollAdapter, rootRef.current);\n            const panes = [...panesRegistryRef.current.values()].map((pane) => pane.data);\n            const heightDelta = panes.reduce(\n                (delta, pane) =>\n                    delta +\n                    (pane.foldable\n                        ? (pane.startHeight ?? 0)\n                        : (pane.startHeight ?? 0) - (pane.endHeight ?? pane.startHeight ?? 0)),\n                0\n            );\n            const positions = panes\n                .map((pane) => ({ top: pane.top ?? 0, bottom: (pane.top ?? 0) + (pane.startHeight ?? 0) }))\n                .sort((a, b) => a.top - b.top);\n            const height = (positions[positions.length - 1]?.bottom ?? 0) - (positions[0]?.top ?? 0);\n\n            metricsRef.current = {\n                heightDelta,\n                top,\n                bottom: top + height,\n            };\n        }\n\n        return metricsRef.current;\n    });\n\n    const invalidateMetricsCache = useInitOnce(() => () => (metricsRef.current = null));\n\n    return [getNavBarMetrics, invalidateMetricsCache];\n};\n"],"names":[],"mappings":";;;AAYa,MAAA,gBAAgB,GAAG,CAC5B,aAA6B,EAC7B,OAA+B,EAC/B,aAA4B,KACS;AACrC,IAAA,MAAM,UAAU,GAA2C,MAAM,CAAC,IAAI,CAAC,CAAC;AACxE,IAAA,MAAM,gBAAgB,GAAG,YAAY,CAAC,aAAa,CAAC,CAAC;IAErD,MAAM,gBAAgB,GAAG,WAAW,CAAC,MAAM,MAAK;AAC5C,QAAA,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE;;YAErB,MAAM,GAAG,GAAG,iBAAiB,CAAC,aAAa,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;YAC9D,MAAM,KAAK,GAAG,CAAC,GAAG,gBAAgB,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC;AAC9E,YAAA,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAC5B,CAAC,KAAK,EAAE,IAAI,KACR,KAAK;iBACJ,IAAI,CAAC,QAAQ;AACV,uBAAG,IAAI,CAAC,WAAW,IAAI,CAAC;sBACtB,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,KAAK,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,WAAW,IAAI,CAAC,CAAC,CAAC,EAC9E,CAAC,CACJ,CAAC;YACF,MAAM,SAAS,GAAG,KAAK;AAClB,iBAAA,GAAG,CAAC,CAAC,IAAI,MAAM,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK,IAAI,CAAC,WAAW,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC;AAC1F,iBAAA,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;YACnC,MAAM,MAAM,GAAG,CAAC,SAAS,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,MAAM,IAAI,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC;YAEzF,UAAU,CAAC,OAAO,GAAG;gBACjB,WAAW;gBACX,GAAG;gBACH,MAAM,EAAE,GAAG,GAAG,MAAM;aACvB,CAAC;SACL;QAED,OAAO,UAAU,CAAC,OAAO,CAAC;AAC9B,KAAC,CAAC,CAAC;AAEH,IAAA,MAAM,sBAAsB,GAAG,WAAW,CAAC,MAAM,OAAO,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC;AAEpF,IAAA,OAAO,CAAC,gBAAgB,EAAE,sBAAsB,CAAC,CAAC;AACtD;;;;"}

package/internal/useResetFocus.d.ts

@@ -0,0 +1,3 @@
+import { type RefObject } from 'react';
+import { type MotionValue } from 'motion/react';
+export declare const useResetFocus: (rootRef: RefObject<HTMLElement>, scrollPosition: MotionValue<number>) => void;

package/internal/useResetFocus.js

@@ -0,0 +1,31 @@
+import './../index.css';
+import { useRef, useEffect } from 'react';
+
+const useResetFocus = (rootRef, scrollPosition) => {
+    const hasFocus = useRef(false);
+    useEffect(() => {
+        if (!rootRef.current) {
+            return void 0;
+        }
+        const focusHandler = () => (hasFocus.current = true);
+        const element = rootRef.current;
+        element.addEventListener('focusin', focusHandler);
+        const unsubscribe = scrollPosition.on('change', () => {
+            if (!hasFocus.current || !rootRef.current) {
+                return;
+            }
+            const activeElement = document.activeElement;
+            hasFocus.current = false;
+            if (activeElement && rootRef.current.contains(activeElement) && typeof activeElement.blur === 'function') {
+                activeElement.blur();
+            }
+        });
+        return () => {
+            unsubscribe();
+            element.removeEventListener('focusin', focusHandler);
+        };
+    }, [scrollPosition, rootRef]);
+};
+
+export { useResetFocus };
+//# sourceMappingURL=useResetFocus.js.map

package/internal/useResetFocus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResetFocus.js","sources":["../../src/internal/useResetFocus.ts"],"sourcesContent":["import { type MutableRefObject, useRef, type RefObject, useEffect } from 'react';\nimport { type MotionValue } from 'motion/react';\n\nexport const useResetFocus = (rootRef: RefObject<HTMLElement>, scrollPosition: MotionValue<number>): void => {\n    const hasFocus: MutableRefObject<boolean> = useRef(false);\n\n    useEffect(() => {\n        if (!rootRef.current) {\n            return void 0;\n        }\n\n        const focusHandler = () => (hasFocus.current = true);\n        const element = rootRef.current;\n        element.addEventListener('focusin', focusHandler);\n        const unsubscribe = scrollPosition.on('change', () => {\n            if (!hasFocus.current || !rootRef.current) {\n                return;\n            }\n\n            const activeElement = document.activeElement as HTMLElement;\n            hasFocus.current = false;\n            if (activeElement && rootRef.current.contains(activeElement) && typeof activeElement.blur === 'function') {\n                activeElement.blur();\n            }\n        });\n\n        return () => {\n            unsubscribe();\n            element.removeEventListener('focusin', focusHandler);\n        };\n    }, [scrollPosition, rootRef]);\n};\n"],"names":[],"mappings":";;MAGa,aAAa,GAAG,CAAC,OAA+B,EAAE,cAAmC,KAAU;AACxG,IAAA,MAAM,QAAQ,GAA8B,MAAM,CAAC,KAAK,CAAC,CAAC;IAE1D,SAAS,CAAC,MAAK;AACX,QAAA,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE;YAClB,OAAO,KAAK,CAAC,CAAC;SACjB;AAED,QAAA,MAAM,YAAY,GAAG,OAAO,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC;AACrD,QAAA,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;AAChC,QAAA,OAAO,CAAC,gBAAgB,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC;QAClD,MAAM,WAAW,GAAG,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAK;YACjD,IAAI,CAAC,QAAQ,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE;gBACvC,OAAO;aACV;AAED,YAAA,MAAM,aAAa,GAAG,QAAQ,CAAC,aAA4B,CAAC;AAC5D,YAAA,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC;AACzB,YAAA,IAAI,aAAa,IAAI,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAC,IAAI,OAAO,aAAa,CAAC,IAAI,KAAK,UAAU,EAAE;gBACtG,aAAa,CAAC,IAAI,EAAE,CAAC;aACxB;AACL,SAAC,CAAC,CAAC;AAEH,QAAA,OAAO,MAAK;AACR,YAAA,WAAW,EAAE,CAAC;AACd,YAAA,OAAO,CAAC,mBAAmB,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC;AACzD,SAAC,CAAC;AACN,KAAC,EAAE,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC,CAAC;AAClC;;;;"}