@hh.ru/magritte-ui-nav-bar 1.3.30 → 1.5.0

package/internal/useBindScrollToAnimationProgress.js.map

@@ -1 +1 @@
-{"version":3,"file":"useBindScrollToAnimationProgress.js","sources":["src/internal/useBindScrollToAnimationProgress.ts"],"sourcesContent":["import { type MutableRefObject, type RefObject, useRef } from 'react';\nimport { type MotionStyle, type MotionValue, 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';\nimport { type TriggerEdge } from '@hh.ru/magritte-ui-nav-bar/public/TriggerContext';\n\nconst createScrollToAnimationProgressMapFn = (\n    getNavBarMetrics: () => NavBarMetrics,\n    scrollAdapter: ScrollAdapter,\n    animationRanges: [number, number][],\n    startTriggerPosition: 'start' | 'full-area' | RefObject<HTMLElement | null>,\n    endTriggerPosition: RefObject<HTMLElement | null> | number | undefined,\n    startTriggerEdge: TriggerEdge,\n    endTriggerEdge: TriggerEdge\n) => {\n    const maxScrollTop = scrollAdapter.getMaxScrollTop();\n    const { heightDelta, top, bottom, animationHeight } = getNavBarMetrics();\n\n    if (startTriggerPosition === 'full-area') {\n        let currentStart = top;\n        const maxProgress =\n            maxScrollTop >= animationHeight + top\n                ? 1\n                : (animationRanges.find((range) => range[0] * animationHeight <= maxScrollTop - top) ?? [0])[0];\n\n        const mapScrollToAnimationPropgress = (scrollPosition: number) => {\n            const progress = (scrollPosition - currentStart) / animationHeight;\n            if (progress > maxProgress) {\n                currentStart = scrollPosition - animationHeight * 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 + animationHeight * 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, startTriggerEdge) - bottom;\n\n    let endPos: number;\n    if (typeof endTriggerPosition === 'number') {\n        endPos = startPos + endTriggerPosition;\n    } else {\n        endPos = endTriggerPosition?.current\n            ? getRelativeOffset(scrollAdapter, endTriggerPosition.current, endTriggerEdge) + heightDelta - bottom\n            : startPos + animationHeight;\n    }\n\n    endPos += top;\n    startPos += 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\nconst isDividerVisible = (scrollTop: number, navBarTop: number, heightDelta: number, animationProgress: number) =>\n    Math.ceil(navBarTop + heightDelta * animationProgress) < Math.floor(scrollTop);\n\nexport const useBindScrollToAnimationProgress = (\n    scrollPosition: MotionValue<number>,\n    getNavBarMetrics: () => NavBarMetrics,\n    getAnimationRanges: () => AnimationRanges,\n    scrollAdapter: ScrollAdapter,\n    startTriggerPosition: 'start' | 'full-area' | RefObject<HTMLElement | null>,\n    endTriggerPosition: RefObject<HTMLElement | null> | number | undefined,\n    // Дефолты дублируют продуктовые дефолты `NavBar` (начало — по верхнему краю, конец — по нижнему).\n    startTriggerEdge: TriggerEdge = 'top',\n    endTriggerEdge: TriggerEdge = 'bottom'\n): [VoidFunction, () => { top: number; bottom: number }, MotionValue<number>, MotionStyle] => {\n    const totalAnimationProgress = useMotionValue(0);\n    const dividerVisibility = useMotionValue<'visible' | 'hidden'>('hidden');\n    const dividerOffsetY = useMotionValue(0);\n    const startTriggerPositionRef = useActualRef(startTriggerPosition);\n    const endTriggerPositionRef = useActualRef(endTriggerPosition);\n    const startTriggerEdgeRef = useActualRef(startTriggerEdge);\n    const endTriggerEdgeRef = useActualRef(endTriggerEdge);\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, top, animationHeight } = getNavBarMetrics();\n\n            const animationRanges = [\n                ...new Set<[number, number]>(\n                    [...getAnimationRanges().values()].map((range) => [\n                        range[0] / animationHeight,\n                        range[1] / animationHeight,\n                    ])\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                startTriggerEdgeRef.current,\n                endTriggerEdgeRef.current\n            );\n            getClosestStopsRef.current = getClosestStops;\n            const updateDivider = (scrollPosition: number, totalAnimationProgress: number) => {\n                dividerVisibility.set(\n                    isDividerVisible(scrollPosition, top, heightDelta, totalAnimationProgress) ? 'visible' : 'hidden'\n                );\n                dividerOffsetY.set(-heightDelta * totalAnimationProgress);\n            };\n            unsubscribe = scrollPosition.on('change', (value) => {\n                totalAnimationProgress.set(mapFn(value));\n                updateDivider(value, totalAnimationProgress.get());\n            });\n\n            totalAnimationProgress.set(mapFn(scrollPosition.get()));\n            updateDivider(scrollPosition.get(), totalAnimationProgress.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 [\n        bindScrollToAnimation,\n        getClosestStops,\n        totalAnimationProgress,\n        { visibility: dividerVisibility, y: dividerOffsetY },\n    ];\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useBindScrollToAnimationProgress.js","sources":["src/internal/useBindScrollToAnimationProgress.ts"],"sourcesContent":["import { type MutableRefObject, type RefObject, useRef } from 'react';\nimport { type MotionStyle, type MotionValue, 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';\nimport { type TriggerEdge } from '@hh.ru/magritte-ui-nav-bar/public/TriggerContext';\n\ninterface ScrollProgressController {\n    /** Преобразует позицию скролла в прогресс анимации 0..1 */\n    map: (scrollPosition: number) => number;\n    /** Ближайшие стопы автодоскролла в пикселях скролла */\n    getClosestStops: () => { top: number; bottom: number };\n    /**\n     * Пересчитывает зависящую от `maxScrollTop` часть (клампинг конца анимации), не трогая дорогие\n     * измерения (метрики навбара, позиции триггеров) и подписку на скролл. Позволяет дёшево\n     * отреагировать на изменение доступного скролла — например, как обработчик ресайза.\n     */\n    recompute: () => void;\n}\n\nconst createScrollToAnimationProgressMapFn = (\n    getNavBarMetrics: () => NavBarMetrics,\n    scrollAdapter: ScrollAdapter,\n    animationRanges: [number, number][],\n    startTriggerPosition: 'start' | 'full-area' | RefObject<HTMLElement | null>,\n    endTriggerPosition: RefObject<HTMLElement | null> | number | undefined,\n    startTriggerEdge: TriggerEdge,\n    endTriggerEdge: TriggerEdge\n): ScrollProgressController => {\n    const { heightDelta, top, bottom, animationHeight } = getNavBarMetrics();\n\n    if (startTriggerPosition === 'full-area') {\n        let currentStart = top;\n        // Зависит от maxScrollTop — поэтому считается в recompute и может быть обновлено без полной пересборки.\n        let maxProgress = 1;\n        const recompute = () => {\n            const maxScrollTop = scrollAdapter.getMaxScrollTop();\n            maxProgress =\n                maxScrollTop >= animationHeight + top\n                    ? 1\n                    : (animationRanges.find((range) => range[0] * animationHeight <= maxScrollTop - top) ?? [0])[0];\n        };\n        recompute();\n\n        const map = (scrollPosition: number) => {\n            const progress = (scrollPosition - currentStart) / animationHeight;\n            if (progress > maxProgress) {\n                currentStart = scrollPosition - animationHeight * 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 + animationHeight * maxProgress,\n        });\n\n        return { map, getClosestStops, recompute };\n    }\n\n    let startPos =\n        startTriggerPosition === 'start' || !startTriggerPosition.current\n            ? 0\n            : getRelativeOffset(scrollAdapter, startTriggerPosition.current, startTriggerEdge) - bottom;\n\n    let fullEndPos: number;\n    if (typeof endTriggerPosition === 'number') {\n        fullEndPos = startPos + endTriggerPosition;\n    } else {\n        fullEndPos = endTriggerPosition?.current\n            ? getRelativeOffset(scrollAdapter, endTriggerPosition.current, endTriggerEdge) + heightDelta - bottom\n            : startPos + animationHeight;\n    }\n\n    fullEndPos += top;\n    startPos += top;\n\n    const scrollDelta = fullEndPos - startPos;\n\n    // Конец анимации ограничиваем доступным скроллом: если контента не хватает доиграть анимацию целиком,\n    // останавливаемся на ближайшем достижимом стопе. Зависит только от maxScrollTop, поэтому пересобирается\n    // в recompute отдельно от дорогих измерений — как только появляется скролл, клампинг подхватит новое\n    // значение без полной пересборки привязки.\n    let clampedMap = remap([startPos, fullEndPos], [0, 1]);\n    let clampedEndPos = fullEndPos;\n    const recompute = () => {\n        const maxScrollTop = scrollAdapter.getMaxScrollTop();\n        let endProgress = 1;\n        let endPos = fullEndPos;\n        if (scrollDelta !== 0 && fullEndPos > maxScrollTop) {\n            endProgress = (animationRanges.find((range) => range[0] * scrollDelta + startPos < maxScrollTop) ?? [0])[0];\n            endPos = startPos + scrollDelta * endProgress;\n        }\n        clampedEndPos = endPos;\n        clampedMap = remap([startPos, endPos], [0, endProgress]);\n    };\n    recompute();\n\n    return {\n        map: (scrollPosition: number) => clampedMap(scrollPosition),\n        getClosestStops: () => ({ bottom: startPos, top: clampedEndPos }),\n        recompute,\n    };\n};\n\nconst isDividerVisible = (scrollTop: number, navBarTop: number, heightDelta: number, animationProgress: number) =>\n    Math.ceil(navBarTop + heightDelta * animationProgress) < Math.floor(scrollTop);\n\nexport const useBindScrollToAnimationProgress = (\n    scrollPosition: MotionValue<number>,\n    getNavBarMetrics: () => NavBarMetrics,\n    getAnimationRanges: () => AnimationRanges,\n    scrollAdapter: ScrollAdapter,\n    startTriggerPosition: 'start' | 'full-area' | RefObject<HTMLElement | null>,\n    endTriggerPosition: RefObject<HTMLElement | null> | number | undefined,\n    // Дефолты дублируют продуктовые дефолты `NavBar` (начало — по верхнему краю, конец — по нижнему).\n    startTriggerEdge: TriggerEdge = 'top',\n    endTriggerEdge: TriggerEdge = 'bottom'\n): [VoidFunction, () => { top: number; bottom: number }, MotionValue<number>, MotionStyle, VoidFunction] => {\n    const totalAnimationProgress = useMotionValue(0);\n    const dividerVisibility = useMotionValue<'visible' | 'hidden'>('hidden');\n    const dividerOffsetY = useMotionValue(0);\n    const startTriggerPositionRef = useActualRef(startTriggerPosition);\n    const endTriggerPositionRef = useActualRef(endTriggerPosition);\n    const startTriggerEdgeRef = useActualRef(startTriggerEdge);\n    const endTriggerEdgeRef = useActualRef(endTriggerEdge);\n    const getClosestStopsRef: MutableRefObject<(() => { top: number; bottom: number }) | null> = useRef(null);\n    const controllerRef: MutableRefObject<ScrollProgressController | null> = useRef(null);\n    // Применяет текущий маппинг к позиции скролла: ставит прогресс анимации и обновляет дивайдер.\n    const applyRef: MutableRefObject<((scrollTop: number) => void) | null> = useRef(null);\n\n    const bindScrollToAnimation = useInitOnce(() => {\n        let unsubscribe: VoidFunction | null = null;\n        return () => {\n            unsubscribe?.();\n            const { heightDelta, top, animationHeight } = getNavBarMetrics();\n\n            const animationRanges = [\n                ...new Set<[number, number]>(\n                    [...getAnimationRanges().values()].map((range) => [\n                        range[0] / animationHeight,\n                        range[1] / animationHeight,\n                    ])\n                ),\n            ].sort((a, b) => b[0] - a[0]);\n\n            const controller = createScrollToAnimationProgressMapFn(\n                getNavBarMetrics,\n                scrollAdapter,\n                animationRanges,\n                startTriggerPositionRef.current,\n                endTriggerPositionRef.current,\n                startTriggerEdgeRef.current,\n                endTriggerEdgeRef.current\n            );\n            controllerRef.current = controller;\n            getClosestStopsRef.current = controller.getClosestStops;\n\n            const apply = (scrollTop: number) => {\n                const progress = controller.map(scrollTop);\n                totalAnimationProgress.set(progress);\n                dividerVisibility.set(isDividerVisible(scrollTop, top, heightDelta, progress) ? 'visible' : 'hidden');\n                dividerOffsetY.set(-heightDelta * progress);\n            };\n            applyRef.current = apply;\n\n            unsubscribe = scrollPosition.on('change', apply);\n            apply(scrollPosition.get());\n        };\n    });\n\n    // Дешёвый пересчёт клампинга конца анимации (зависит от maxScrollTop) без полного bindScrollToAnimation:\n    // не пере-измеряет метрики/триггеры и не переподписывается на скролл. Используется как обработчик ресайза\n    // для «самодостаточных» навбаров, где полная пересборка привязки на ресайз не требуется.\n    const recomputeClamp = useInitOnce(() => () => {\n        controllerRef.current?.recompute();\n        applyRef.current?.(scrollPosition.get());\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 [\n        bindScrollToAnimation,\n        getClosestStops,\n        totalAnimationProgress,\n        { visibility: dividerVisibility, y: dividerOffsetY },\n        recomputeClamp,\n    ];\n};\n"],"names":[],"mappings":"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"}

package/internal/useNavBarMetrics.js

@@ -24,7 +24,10 @@ const useNavBarMetrics = (panesRegistry, rootRef, scrollAdapter) => {
                 top,
                 bottom: top + height,
                 animationHeight: heightDelta ||
-                    panes.filter((p) => p.animated).reduce((height, p) => height + (p.startHeight ?? 0), 0),
+                    panes.filter((p) => p.animated).reduce((acc, p) => acc + (p.startHeight ?? 0), 0) ||
+                    // если ни одна панель не схлопывается и не анимируется, всё равно нужен ненулевой
+                    // диапазон скролла, чтобы проигрывалась анимация прозрачности фона навбара
+                    height,
             };
         }
         return metricsRef.current;

package/internal/useNavBarMetrics.js.map

@@ -1 +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    animationHeight: 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                animationHeight:\n                    heightDelta ||\n                    panes.filter((p) => p.animated).reduce((height, p) => height + (p.startHeight ?? 0), 0),\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":";;;;AAaa,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;AACpB,gBAAA,eAAe,EACX,WAAW;AACX,oBAAA,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,CAAC,KAAK,MAAM,IAAI,CAAC,CAAC,WAAW,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC;aAC9F,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;;;;"}
+{"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    animationHeight: 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                animationHeight:\n                    heightDelta ||\n                    panes.filter((p) => p.animated).reduce((acc, p) => acc + (p.startHeight ?? 0), 0) ||\n                    // если ни одна панель не схлопывается и не анимируется, всё равно нужен ненулевой\n                    // диапазон скролла, чтобы проигрывалась анимация прозрачности фона навбара\n                    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":";;;;AAaa,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;AACpB,gBAAA,eAAe,EACX,WAAW;AACX,oBAAA,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC,WAAW,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC;;;oBAGjF,MAAM;aACb,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/nav-bar-CAD7XfUf.js

@@ -0,0 +1,5 @@
+import './index.css';
+var styles = {"actions-container":"magritte-actions-container___CBgYW_1-5-0","actionsContainer":"magritte-actions-container___CBgYW_1-5-0","actions-no-children":"magritte-actions-no-children___rgJUl_1-5-0","actionsNoChildren":"magritte-actions-no-children___rgJUl_1-5-0","actions-left-slot":"magritte-actions-left-slot___DNOj0_1-5-0","actionsLeftSlot":"magritte-actions-left-slot___DNOj0_1-5-0","actions-right-slot":"magritte-actions-right-slot___aodtj_1-5-0","actionsRightSlot":"magritte-actions-right-slot___aodtj_1-5-0","navbar-transparent-end":"magritte-navbar-transparent-end___6KqLR_1-5-0","navbarTransparentEnd":"magritte-navbar-transparent-end___6KqLR_1-5-0","actions-start-stage":"magritte-actions-start-stage___MJ67a_1-5-0","actionsStartStage":"magritte-actions-start-stage___MJ67a_1-5-0","actions-side-slot-content":"magritte-actions-side-slot-content___TlHrX_1-5-0","actionsSideSlotContent":"magritte-actions-side-slot-content___TlHrX_1-5-0","actions-icon-morph":"magritte-actions-icon-morph___-nNgW_1-5-0","actionsIconMorph":"magritte-actions-icon-morph___-nNgW_1-5-0","navbar-transparent-start":"magritte-navbar-transparent-start___wysv0_1-5-0","navbarTransparentStart":"magritte-navbar-transparent-start___wysv0_1-5-0","actions-end-stage":"magritte-actions-end-stage___qHtTV_1-5-0","actionsEndStage":"magritte-actions-end-stage___qHtTV_1-5-0","navbar-not-transparent":"magritte-navbar-not-transparent___5KZNp_1-5-0","navbarNotTransparent":"magritte-navbar-not-transparent___5KZNp_1-5-0","navbar-transparent":"magritte-navbar-transparent___ULEh8_1-5-0","navbarTransparent":"magritte-navbar-transparent___ULEh8_1-5-0","actions-only-stage":"magritte-actions-only-stage___cg10A_1-5-0","actionsOnlyStage":"magritte-actions-only-stage___cg10A_1-5-0","actions-side-slot-content-clone":"magritte-actions-side-slot-content-clone___jDxVm_1-5-0","actionsSideSlotContentClone":"magritte-actions-side-slot-content-clone___jDxVm_1-5-0","actions-center-slot":"magritte-actions-center-slot___hLAy6_1-5-0","actionsCenterSlot":"magritte-actions-center-slot___hLAy6_1-5-0","actions-center-slot-centered":"magritte-actions-center-slot-centered___merXQ_1-5-0","actionsCenterSlotCentered":"magritte-actions-center-slot-centered___merXQ_1-5-0","align-top":"magritte-align-top___-QSFW_1-5-0","alignTop":"magritte-align-top___-QSFW_1-5-0","align-bottom":"magritte-align-bottom___FliHI_1-5-0","alignBottom":"magritte-align-bottom___FliHI_1-5-0","title-container-wrapper":"magritte-title-container-wrapper___DQUcj_1-5-0","titleContainerWrapper":"magritte-title-container-wrapper___DQUcj_1-5-0","title-main-part":"magritte-title-main-part___npoHN_1-5-0","titleMainPart":"magritte-title-main-part___npoHN_1-5-0","title-left-slot":"magritte-title-left-slot___HTE7h_1-5-0","titleLeftSlot":"magritte-title-left-slot___HTE7h_1-5-0","title-container":"magritte-title-container___y9AIx_1-5-0","titleContainer":"magritte-title-container___y9AIx_1-5-0","subtitle-container":"magritte-subtitle-container___nVUBu_1-5-0","subtitleContainer":"magritte-subtitle-container___nVUBu_1-5-0","text-morph-item":"magritte-text-morph-item___-vXru_1-5-0","textMorphItem":"magritte-text-morph-item___-vXru_1-5-0","centered":"magritte-centered___Y2mlP_1-5-0","title-morph-item":"magritte-title-morph-item___t7Wf3_1-5-0","titleMorphItem":"magritte-title-morph-item___t7Wf3_1-5-0","title":"magritte-title___ZbLgP_1-5-0","size-large":"magritte-size-large___ISXfH_1-5-0","sizeLarge":"magritte-size-large___ISXfH_1-5-0","pane-content":"magritte-pane-content___UVmC6_1-5-0","paneContent":"magritte-pane-content___UVmC6_1-5-0","pane-background":"magritte-pane-background___PDZAX_1-5-0","paneBackground":"magritte-pane-background___PDZAX_1-5-0","morph-item":"magritte-morph-item___8kF46_1-5-0","morphItem":"magritte-morph-item___8kF46_1-5-0","morph-item-top":"magritte-morph-item-top___WPEkn_1-5-0","morphItemTop":"magritte-morph-item-top___WPEkn_1-5-0","morph-item-bottom":"magritte-morph-item-bottom___zNbsF_1-5-0","morphItemBottom":"magritte-morph-item-bottom___zNbsF_1-5-0","morph-item-left":"magritte-morph-item-left___T6AMW_1-5-0","morphItemLeft":"magritte-morph-item-left___T6AMW_1-5-0","morph-item-right":"magritte-morph-item-right___EuT1E_1-5-0","morphItemRight":"magritte-morph-item-right___EuT1E_1-5-0","pane":"magritte-pane___f8eFC_1-5-0","start-state-container":"magritte-start-state-container___giBVb_1-5-0","startStateContainer":"magritte-start-state-container___giBVb_1-5-0","end-state-container":"magritte-end-state-container___uiW8Q_1-5-0","endStateContainer":"magritte-end-state-container___uiW8Q_1-5-0","content-container":"magritte-content-container___7s7vv_1-5-0","contentContainer":"magritte-content-container___7s7vv_1-5-0","next-pane":"magritte-next-pane___H2oxQ_1-5-0","nextPane":"magritte-next-pane___H2oxQ_1-5-0","nav-bar":"magritte-nav-bar___RRGe0_1-5-0","navBar":"magritte-nav-bar___RRGe0_1-5-0","nav-bar-overlay":"magritte-nav-bar-overlay___Mq5ZD_1-5-0","navBarOverlay":"magritte-nav-bar-overlay___Mq5ZD_1-5-0","nav-bar-overlay-wrapper":"magritte-nav-bar-overlay-wrapper___y1VpY_1-5-0","navBarOverlayWrapper":"magritte-nav-bar-overlay-wrapper___y1VpY_1-5-0","nav-bar-content-container":"magritte-nav-bar-content-container___H-WMO_1-5-0","navBarContentContainer":"magritte-nav-bar-content-container___H-WMO_1-5-0","nav-bar-panes-container":"magritte-nav-bar-panes-container___5ZDLa_1-5-0","navBarPanesContainer":"magritte-nav-bar-panes-container___5ZDLa_1-5-0","nav-bar-progressive-blur":"magritte-nav-bar-progressive-blur___qyeUV_1-5-0","navBarProgressiveBlur":"magritte-nav-bar-progressive-blur___qyeUV_1-5-0","nav-bar-stage":"magritte-nav-bar-stage___amDz7_1-5-0","navBarStage":"magritte-nav-bar-stage___amDz7_1-5-0","last-pane":"magritte-last-pane___Hf2No_1-5-0","lastPane":"magritte-last-pane___Hf2No_1-5-0","metrics-mode":"magritte-metrics-mode___h38aX_1-5-0","metricsMode":"magritte-metrics-mode___h38aX_1-5-0","layout-morph":"magritte-layout-morph___I3SPy_1-5-0","layoutMorph":"magritte-layout-morph___I3SPy_1-5-0","animation-stage-progress":"magritte-animation-stage-progress___5FthT_1-5-0","animationStageProgress":"magritte-animation-stage-progress___5FthT_1-5-0","layout-morph-start":"magritte-layout-morph-start___9-krP_1-5-0","layoutMorphStart":"magritte-layout-morph-start___9-krP_1-5-0","layout-morph-end":"magritte-layout-morph-end___LIg4d_1-5-0","layoutMorphEnd":"magritte-layout-morph-end___LIg4d_1-5-0","divider-container":"magritte-divider-container___-NdWi_1-5-0","dividerContainer":"magritte-divider-container___-NdWi_1-5-0","divider":"magritte-divider___UhH0j_1-5-0"};
+
+export { styles as s };
+//# sourceMappingURL=nav-bar-CAD7XfUf.js.map

package/nav-bar-CAD7XfUf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-bar-CAD7XfUf.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hh.ru/magritte-ui-nav-bar",
-  "version": "1.3.30",
+  "version": "1.5.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [
@@ -34,11 +34,11 @@
     "@hh.ru/magritte-internal-custom-scroll": "2.1.1",
     "@hh.ru/magritte-internal-default-props-context": "1.0.2",
     "@hh.ru/magritte-internal-slot-registry": "1.1.0",
-    "@hh.ru/magritte-ui-divider": "3.1.4",
+    "@hh.ru/magritte-ui-divider": "3.2.0",
     "@hh.ru/magritte-ui-icon": "14.2.10",
     "@hh.ru/magritte-ui-layer": "3.2.5",
     "@hh.ru/magritte-ui-mock-component": "1.1.7",
     "@hh.ru/magritte-ui-typography": "5.3.4"
   },
-  "gitHead": "c2e9387335f39da7c8daf951f8dbee7c7eb3914c"
+  "gitHead": "5485660cbbd756eface5229cf58792d65273055a"
 }

package/public/Actions.js

@@ -7,7 +7,7 @@ import { EnvironmentFingerprintNode } from './EnvironmentFingerprintNode.js';
 import { Morph } from './Morph.js';
 import { useAnimationStage } from './Stage.js';
 import { useActionsDefaultProps, useActionsIconsDefaultProps } from './defaultProps.js';
-import { s as styles } from '../nav-bar-BH9dfpsV.js';
+import { s as styles } from '../nav-bar-CAD7XfUf.js';
 import '../internal/MetricsProvider.js';
 import '../internal/utils.js';
 import 'motion';

package/public/LayoutMorph.js

@@ -10,7 +10,7 @@ import { usePaneStore } from '../internal/PaneStore.js';
 import { useInert } from '../internal/useInert.js';
 import { useActualRef, useStoreSyncedTransform, lerp, calcMorphParams } from '../internal/utils.js';
 import { AnimationStageContext } from './LayoutStage.js';
-import { s as styles } from '../nav-bar-BH9dfpsV.js';
+import { s as styles } from '../nav-bar-CAD7XfUf.js';
 import '../internal/KeyedSubscriptions.js';
 import 'motion';
 import '../internal/NavBarContext.js';

package/public/LayoutStage.js

@@ -9,7 +9,7 @@ import { MorphStoreProvider, useMorphStore } from '../internal/MorphStore.js';
 import { usePaneStore } from '../internal/PaneStore.js';
 import { useInitOnce } from '../internal/utils.js';
 import { EnvironmentFingerprintNode, useEnvironmentFingerprint } from './EnvironmentFingerprintNode.js';
-import { s as styles } from '../nav-bar-BH9dfpsV.js';
+import { s as styles } from '../nav-bar-CAD7XfUf.js';
 import '../internal/KeyedSubscriptions.js';
 import 'motion';
 import '../internal/NavBarContext.js';

package/public/Morph.js

@@ -9,7 +9,7 @@ import { usePaneStore } from '../internal/PaneStore.js';
 import { useStoreSyncedTransform, calcMorphParams, lerp } from '../internal/utils.js';
 import { useEnvironmentFingerprint } from './EnvironmentFingerprintNode.js';
 import { useAnimationStage } from './Stage.js';
-import { s as styles } from '../nav-bar-BH9dfpsV.js';
+import { s as styles } from '../nav-bar-CAD7XfUf.js';
 import '../internal/KeyedSubscriptions.js';
 import 'motion';
 import '../internal/NavBarContext.js';

package/public/NavBar.d.ts

@@ -62,5 +62,10 @@ export interface NavBarProps {
      * Предназначен для синхронизации внешних анимаций с анимациями NavBar.
      */
     animationProgress?: MotionValue<number>;
+    /**
+     * Принимает ReactNode который будет отображен сразу под навбаром и будет менять вертикальную позицию
+     * синхронно с анимацией навбара
+     */
+    bottomAttachment?: ReactNode;
 }
 export declare const NavBar: FC<NavBarProps>;

package/public/NavBar.js

@@ -18,7 +18,7 @@ import { useInitOnce, scheduleMicro, scheduleMacro, remap } from '../internal/ut
 import { isPaneElement, ExternalPane } from './Pane.js';
 import { useTriggerSlot } from './TriggerContext.js';
 import { useNavBarRootDefaultProps } from './defaultProps.js';
-import { s as styles } from '../nav-bar-BH9dfpsV.js';
+import { s as styles } from '../nav-bar-CAD7XfUf.js';
 import '@hh.ru/magritte-internal-custom-scroll';
 import 'motion';
 import '../internal/MorphStore.js';
@@ -41,17 +41,18 @@ const NavBar = (props) => {
         ...(startSlot ? { startTriggerPosition: startSlot.ref, startTriggerEdge: startSlot.edge } : null),
         ...(endSlot ? { endTriggerPosition: endSlot.ref, endTriggerEdge: endSlot.edge } : null),
     };
-    const { children, transparent = false, startTriggerPosition = 'start', startTriggerEdge = 'top', endTriggerPosition, endTriggerEdge = 'bottom', overlay = false, snapScroll: scrollSnapping = true, showDivider = false, animationProgress, } = { ...slotProps, ...defaultProps, ...props };
+    const { children, transparent = false, startTriggerPosition = 'start', startTriggerEdge = 'top', endTriggerPosition, endTriggerEdge = 'bottom', overlay = false, snapScroll: scrollSnapping = true, showDivider = false, animationProgress, bottomAttachment = null, } = { ...slotProps, ...defaultProps, ...props };
     const paneStoreRegistry = useInitOnce(() => new Set());
     const prevFullHeight = useRef(0);
     const rootRef = useRef(null);
     const [scrollAdapter, scrollPosition] = useScrollAdapter(rootRef);
     const [getMetrics, invalidateMetrics] = useNavBarMetrics(paneStoreRegistry, rootRef, scrollAdapter);
     const [getAnimationRanges, invalidateAnimationRanges] = useAnimationRanges(paneStoreRegistry, getMetrics);
-    const [bindScrollToAnimation, getClosestStops, totalAnimationProgress, dividerStyle] = useBindScrollToAnimationProgress(scrollPosition, getMetrics, getAnimationRanges, scrollAdapter, startTriggerPosition, endTriggerPosition, startTriggerEdge, endTriggerEdge);
+    const [bindScrollToAnimation, getClosestStops, totalAnimationProgress, dividerStyle, recomputeClamp] = useBindScrollToAnimationProgress(scrollPosition, getMetrics, getAnimationRanges, scrollAdapter, startTriggerPosition, endTriggerPosition, startTriggerEdge, endTriggerEdge);
     const snapScroll = useSnapScroll(scrollPosition, totalAnimationProgress, scrollAdapter, getClosestStops, scrollSnapping);
     // При получении размеров важно дождаться применения MotionValue к DOM, поэтому используем frame.render
     const bindScrollToAnimationScheduled = useInitOnce(() => scheduleMicro(() => frame.render(bindScrollToAnimation)));
+    const recomputeClampScheduled = useInitOnce(() => scheduleMicro(() => frame.render(recomputeClamp)));
     useResetFocus(rootRef, totalAnimationProgress);
     useSyncMotionValue(totalAnimationProgress, animationProgress);
     const dividerVisibility = 
@@ -100,21 +101,29 @@ const NavBar = (props) => {
             return () => {
                 paneStoreRegistry.delete(paneStore);
                 unsubscribe();
+                onChange();
             };
         };
     });
     useLayoutEffect(() => {
         bindScrollToAnimation();
         snapScroll();
-        if (!rootRef.current || (typeof startTriggerPosition === 'string' && !endTriggerPosition)) {
+        if (!rootRef.current) {
             return void 0;
         }
+        // Для «самодостаточного» навбара (начало анимации по собственной геометрии, конец вычисляется
+        // автоматически) положения триггеров от ресайза не зависят, поэтому полная пересборка привязки не
+        // нужна — на ресайз достаточно пересчитать только клампинг конца анимации по актуальному maxScrollTop.
+        if (typeof startTriggerPosition === 'string' && !endTriggerPosition) {
+            return scrollAdapter.onResize(recomputeClampScheduled);
+        }
         return scrollAdapter.onResize(bindScrollToAnimationScheduled);
     }, [
         startTriggerPosition,
         endTriggerPosition,
         bindScrollToAnimation,
         bindScrollToAnimationScheduled,
+        recomputeClampScheduled,
         snapScroll,
         scrollAdapter,
     ]);
@@ -136,7 +145,7 @@ const NavBar = (props) => {
                 [styles.navbarNotTransparent]: !transparent,
                 [styles.navbarTransparent]: transparent === true,
                 [styles.navBarOverlay]: overlay,
-            }), ref: rootRef, measureClassName: styles.metricsMode, children: jsx("div", { className: styles.navBarOverlayWrapper, children: jsxs("div", { className: styles.navBarContentContainer, children: [jsx(motion.div, { style: { '--magritte-ui-navbar-animation-progress': totalAnimationProgress }, className: styles.navBarPanesContainer, children: jsx(NavBarContext.Provider, { value: registerPaneStore, children: nested }) }), jsx(motion.div, { className: styles.dividerContainer, style: { ...dividerStyle, visibility: dividerVisibility }, children: jsx(Divider, {}) })] }) }) }) }));
+            }), ref: rootRef, measureClassName: styles.metricsMode, children: jsx("div", { className: styles.navBarOverlayWrapper, children: jsxs(motion.div, { className: styles.navBarContentContainer, style: { '--magritte-ui-navbar-animation-progress': totalAnimationProgress }, children: [jsx("div", { className: styles.navBarPanesContainer, children: jsx(NavBarContext.Provider, { value: registerPaneStore, children: nested }) }), jsxs(motion.div, { className: styles.dividerContainer, style: { y: dividerStyle.y }, children: [jsx(motion.div, { style: { visibility: dividerVisibility }, children: jsx(Divider, { className: styles.divider }) }), bottomAttachment] })] }) }) }) }));
 };
 
 export { NavBar };

package/public/NavBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavBar.js","sources":["src/public/NavBar.tsx"],"sourcesContent":["import React, { Children, type ReactNode, type RefObject, useLayoutEffect, useRef, type FC } from 'react';\nimport classNames from 'classnames';\nimport { motion, type MotionStyle, MotionValue, frame } from 'motion/react';\n\nimport { Divider, type ShowDivider } from '@hh.ru/magritte-ui-divider';\nimport { Layer } from '@hh.ru/magritte-ui-layer';\nimport { MetricsProvider } from '@hh.ru/magritte-ui-nav-bar/internal/MetricsProvider';\nimport { NavBarContext } from '@hh.ru/magritte-ui-nav-bar/internal/NavBarContext';\nimport { PaneStore } from '@hh.ru/magritte-ui-nav-bar/internal/PaneStore';\nimport { useAnimationRanges } from '@hh.ru/magritte-ui-nav-bar/internal/useAnimationRanges';\nimport { useBindScrollToAnimationProgress } from '@hh.ru/magritte-ui-nav-bar/internal/useBindScrollToAnimationProgress';\nimport { useNavBarMetrics } from '@hh.ru/magritte-ui-nav-bar/internal/useNavBarMetrics';\nimport { useResetFocus } from '@hh.ru/magritte-ui-nav-bar/internal/useResetFocus';\nimport { useScrollAdapter } from '@hh.ru/magritte-ui-nav-bar/internal/useScrollAdapter';\nimport { useSnapScroll } from '@hh.ru/magritte-ui-nav-bar/internal/useSnapScroll';\nimport { useSyncMotionValue } from '@hh.ru/magritte-ui-nav-bar/internal/useSyncMotionValue';\nimport { remap, scheduleMicro, scheduleMacro, useInitOnce } from '@hh.ru/magritte-ui-nav-bar/internal/utils';\nimport {\n    type PaneElement,\n    type InternalPaneProps,\n    ExternalPane,\n    isPaneElement,\n} from '@hh.ru/magritte-ui-nav-bar/public/Pane';\nimport { type TriggerEdge, useTriggerSlot } from '@hh.ru/magritte-ui-nav-bar/public/TriggerContext';\nimport { useNavBarRootDefaultProps } from '@hh.ru/magritte-ui-nav-bar/public/defaultProps';\n\nimport styles from './nav-bar.less';\n\nexport interface NavBarProps {\n    /**\n     * В качестве потомков могут передаваться компоненты <Pane /> или произвольные элементы,\n     * которые будут автоматически обёрнуты в <Pane />.\n     */\n    children: ReactNode;\n    /**\n     * Управляет режимом прозрачности:\n     * -- Прозрачность отключена (`false`)\n     * -- Прозрачный всегда (`true`)\n     * -- Прозрачный в начале анимации (`start`)\n     * -- Прозрачный в конце анимации (`end`)\n     * @default false\n     */\n    transparent?: 'start' | 'end' | boolean;\n    /**\n     * Управляет позицией триггера начала анимации\n     * @default start\n     */\n    startTriggerPosition?: 'start' | 'full-area' | RefObject<HTMLElement | null>;\n    /**\n     * Край элемента `startTriggerPosition`, по которому измеряется позиция начала анимации.\n     * @default top\n     */\n    startTriggerEdge?: TriggerEdge;\n    /**\n     * Управляет позицией триггера конца анимации. Если не передан вычисляется автоматически на основе изменения\n     * высоты навбара в процессе анимации и позиции триггера начала анмиации. Если передано число, то интерпретируется\n     * как отступ в пикселях от позиции триггера старта анимации.\n     */\n    endTriggerPosition?: RefObject<HTMLElement | null> | number;\n    /**\n     * Край элемента `endTriggerPosition`, по которому измеряется позиция конца анимации.\n     * @default bottom\n     */\n    endTriggerEdge?: TriggerEdge;\n    /**\n     * Включает режим когда NavBar не занимает место в лейауте и контент располагается под ним.\n     * @default false\n     */\n    overlay?: boolean;\n    /**\n     * Управляет режимом автодоскролла. По умолчанию включен.\n     * @default true\n     */\n    snapScroll?: boolean;\n    /**\n     * Управляет режимом отображения дивайдера:\n     * - `false` дивайдер отключен\n     * - `always` дивайдер отображается постоянно\n     * - `with-scroll` дивайдер отображается только когда контент подскроллен под NavBar\n     * @default false\n     */\n    showDivider?: ShowDivider;\n    /**\n     * Принимает MotionValue значение которого будет обновляться синхронно с анимацией всего NavBar.\n     * Прогресс анимации представляется в виде числа 0..1\n     * Предназначен для синхронизации внешних анимаций с анимациями NavBar.\n     */\n    animationProgress?: MotionValue<number>;\n}\n\nexport const NavBar: FC<NavBarProps> = (props) => {\n    const defaultProps = useNavBarRootDefaultProps();\n    const startSlot = useTriggerSlot('startTrigger');\n    const endSlot = useTriggerSlot('endTrigger');\n    // Приоритет (от высшего к низшему): явные пропсы > NavBarDefaultPropsContext > слоты `Trigger` > дефолты.\n    const slotProps = {\n        ...(startSlot ? { startTriggerPosition: startSlot.ref, startTriggerEdge: startSlot.edge } : null),\n        ...(endSlot ? { endTriggerPosition: endSlot.ref, endTriggerEdge: endSlot.edge } : null),\n    };\n    const {\n        children,\n        transparent = false,\n        startTriggerPosition = 'start',\n        startTriggerEdge = 'top',\n        endTriggerPosition,\n        endTriggerEdge = 'bottom',\n        overlay = false,\n        snapScroll: scrollSnapping = true,\n        showDivider = false,\n        animationProgress,\n    } = { ...slotProps, ...defaultProps, ...props };\n    const paneStoreRegistry = useInitOnce(() => new Set<PaneStore>());\n    const prevFullHeight = useRef<null | number>(0);\n    const rootRef = useRef<HTMLDivElement>(null);\n\n    const [scrollAdapter, scrollPosition] = useScrollAdapter(rootRef);\n    const [getMetrics, invalidateMetrics] = useNavBarMetrics(paneStoreRegistry, rootRef, scrollAdapter);\n    const [getAnimationRanges, invalidateAnimationRanges] = useAnimationRanges(paneStoreRegistry, getMetrics);\n    const [bindScrollToAnimation, getClosestStops, totalAnimationProgress, dividerStyle] =\n        useBindScrollToAnimationProgress(\n            scrollPosition,\n            getMetrics,\n            getAnimationRanges,\n            scrollAdapter,\n            startTriggerPosition,\n            endTriggerPosition,\n            startTriggerEdge,\n            endTriggerEdge\n        );\n    const snapScroll = useSnapScroll(\n        scrollPosition,\n        totalAnimationProgress,\n        scrollAdapter,\n        getClosestStops,\n        scrollSnapping\n    );\n\n    // При получении размеров важно дождаться применения MotionValue к DOM, поэтому используем frame.render\n    const bindScrollToAnimationScheduled = useInitOnce(() => scheduleMicro(() => frame.render(bindScrollToAnimation)));\n    useResetFocus(rootRef, totalAnimationProgress);\n    useSyncMotionValue(totalAnimationProgress, animationProgress);\n\n    const dividerVisibility =\n        // eslint-disable-next-line no-nested-ternary\n        showDivider === 'with-scroll' ? dividerStyle.visibility : showDivider ? 'visible' : 'hidden';\n\n    const registerPaneStore = useInitOnce(() => {\n        const subscriptions: VoidFunction[] = [];\n\n        const updateAnimationParams = () => {\n            subscriptions.length = 0;\n            invalidateMetrics();\n            invalidateAnimationRanges();\n            bindScrollToAnimationScheduled();\n            const navBarMetrics = getMetrics();\n            const fullPanesStartHeight = navBarMetrics.bottom - navBarMetrics.top;\n\n            let scroll = scrollAdapter.getScrollTop();\n            if (prevFullHeight.current !== null && scroll !== 0) {\n                const heightDelta = fullPanesStartHeight - prevFullHeight.current;\n                scroll += heightDelta;\n\n                requestAnimationFrame(() => {\n                    scrollPosition.jump(scrollAdapter.getScrollTop() - 1);\n                    scrollPosition.jump(scrollAdapter.getScrollTop());\n                });\n            }\n\n            const animationRanges = getAnimationRanges();\n            [...paneStoreRegistry.values()].forEach((paneStore) => {\n                const range = animationRanges.get(paneStore.get('id'));\n                if (!range) {\n                    return;\n                }\n                const remapFn = remap(\n                    range[0] === 0 && range[1] === 0\n                        ? [0, 1]\n                        : [range[0] / navBarMetrics.animationHeight, range[1] / navBarMetrics.animationHeight],\n                    [0, 1]\n                );\n                const motionValue = paneStore.get('motionValue');\n                motionValue.set(remapFn(totalAnimationProgress.get()));\n                subscriptions.push(totalAnimationProgress.on('change', (value) => motionValue.set(remapFn(value))));\n            });\n\n            prevFullHeight.current = fullPanesStartHeight;\n        };\n\n        // основной триггер запуска updateAnimationParams это изменения размеров, обработка которых происходит\n        // в очереди микрозадач, поэтому откладываем запуск функции до перехдоа к макрозадачам, чтобы сократить\n        // количество вызовов при массовых изменениях\n        const onChange = scheduleMacro(updateAnimationParams);\n\n        return (paneStore: PaneStore) => {\n            const unsubscribe = paneStore.onChange(\n                ['startHeight', 'endHeight', 'top', 'foldable', 'animated'],\n                onChange\n            );\n            paneStoreRegistry.add(paneStore);\n            return () => {\n                paneStoreRegistry.delete(paneStore);\n                unsubscribe();\n            };\n        };\n    });\n\n    useLayoutEffect(() => {\n        bindScrollToAnimation();\n        snapScroll();\n        if (!rootRef.current || (typeof startTriggerPosition === 'string' && !endTriggerPosition)) {\n            return void 0;\n        }\n        return scrollAdapter.onResize(bindScrollToAnimationScheduled);\n    }, [\n        startTriggerPosition,\n        endTriggerPosition,\n        bindScrollToAnimation,\n        bindScrollToAnimationScheduled,\n        snapScroll,\n        scrollAdapter,\n    ]);\n\n    // Оборачиваем потомков, не являющихся Pane, в Pane и вкладываем панели друг в друга через проп nextPane\n    const childrenArray = Children.toArray(children);\n    const nested = isPaneElement(childrenArray[0]) ? (\n        childrenArray.reduceRight<PaneElement | null>((acc, child) => {\n            if (!isPaneElement(child)) {\n                return acc;\n            }\n            // cloneElement сужает конструктор до InternalPaneProps, поэтому возвращаем к PaneElement\n            return React.cloneElement<InternalPaneProps>(child, {\n                ...child.props,\n                nextPane: acc,\n            }) as PaneElement;\n        }, null)\n    ) : (\n        <ExternalPane>{children}</ExternalPane>\n    );\n\n    return (\n        <Layer layer=\"navigation-bar\">\n            <MetricsProvider\n                className={classNames(styles.navBar, {\n                    [styles.navbarTransparentStart]: transparent === 'start',\n                    [styles.navbarTransparentEnd]: transparent === 'end',\n                    [styles.navbarNotTransparent]: !transparent,\n                    [styles.navbarTransparent]: transparent === true,\n                    [styles.navBarOverlay]: overlay,\n                })}\n                ref={rootRef}\n                measureClassName={styles.metricsMode}\n            >\n                <div className={styles.navBarOverlayWrapper}>\n                    <div className={styles.navBarContentContainer}>\n                        <motion.div\n                            style={{ '--magritte-ui-navbar-animation-progress': totalAnimationProgress } as MotionStyle}\n                            className={styles.navBarPanesContainer}\n                        >\n                            <NavBarContext.Provider value={registerPaneStore}>{nested}</NavBarContext.Provider>\n                        </motion.div>\n                        <motion.div\n                            className={styles.dividerContainer}\n                            style={{ ...dividerStyle, visibility: dividerVisibility }}\n                        >\n                            <Divider />\n                        </motion.div>\n                    </div>\n                </div>\n            </MetricsProvider>\n        </Layer>\n    );\n};\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"NavBar.js","sources":["src/public/NavBar.tsx"],"sourcesContent":["import React, { Children, type ReactNode, type RefObject, useLayoutEffect, useRef, type FC } from 'react';\nimport classNames from 'classnames';\nimport { motion, type MotionStyle, MotionValue, frame } from 'motion/react';\n\nimport { Divider, type ShowDivider } from '@hh.ru/magritte-ui-divider';\nimport { Layer } from '@hh.ru/magritte-ui-layer';\nimport { MetricsProvider } from '@hh.ru/magritte-ui-nav-bar/internal/MetricsProvider';\nimport { NavBarContext } from '@hh.ru/magritte-ui-nav-bar/internal/NavBarContext';\nimport { PaneStore } from '@hh.ru/magritte-ui-nav-bar/internal/PaneStore';\nimport { useAnimationRanges } from '@hh.ru/magritte-ui-nav-bar/internal/useAnimationRanges';\nimport { useBindScrollToAnimationProgress } from '@hh.ru/magritte-ui-nav-bar/internal/useBindScrollToAnimationProgress';\nimport { useNavBarMetrics } from '@hh.ru/magritte-ui-nav-bar/internal/useNavBarMetrics';\nimport { useResetFocus } from '@hh.ru/magritte-ui-nav-bar/internal/useResetFocus';\nimport { useScrollAdapter } from '@hh.ru/magritte-ui-nav-bar/internal/useScrollAdapter';\nimport { useSnapScroll } from '@hh.ru/magritte-ui-nav-bar/internal/useSnapScroll';\nimport { useSyncMotionValue } from '@hh.ru/magritte-ui-nav-bar/internal/useSyncMotionValue';\nimport { remap, scheduleMicro, scheduleMacro, useInitOnce } from '@hh.ru/magritte-ui-nav-bar/internal/utils';\nimport {\n    type PaneElement,\n    type InternalPaneProps,\n    ExternalPane,\n    isPaneElement,\n} from '@hh.ru/magritte-ui-nav-bar/public/Pane';\nimport { type TriggerEdge, useTriggerSlot } from '@hh.ru/magritte-ui-nav-bar/public/TriggerContext';\nimport { useNavBarRootDefaultProps } from '@hh.ru/magritte-ui-nav-bar/public/defaultProps';\n\nimport styles from './nav-bar.less';\n\nexport interface NavBarProps {\n    /**\n     * В качестве потомков могут передаваться компоненты <Pane /> или произвольные элементы,\n     * которые будут автоматически обёрнуты в <Pane />.\n     */\n    children: ReactNode;\n    /**\n     * Управляет режимом прозрачности:\n     * -- Прозрачность отключена (`false`)\n     * -- Прозрачный всегда (`true`)\n     * -- Прозрачный в начале анимации (`start`)\n     * -- Прозрачный в конце анимации (`end`)\n     * @default false\n     */\n    transparent?: 'start' | 'end' | boolean;\n    /**\n     * Управляет позицией триггера начала анимации\n     * @default start\n     */\n    startTriggerPosition?: 'start' | 'full-area' | RefObject<HTMLElement | null>;\n    /**\n     * Край элемента `startTriggerPosition`, по которому измеряется позиция начала анимации.\n     * @default top\n     */\n    startTriggerEdge?: TriggerEdge;\n    /**\n     * Управляет позицией триггера конца анимации. Если не передан вычисляется автоматически на основе изменения\n     * высоты навбара в процессе анимации и позиции триггера начала анмиации. Если передано число, то интерпретируется\n     * как отступ в пикселях от позиции триггера старта анимации.\n     */\n    endTriggerPosition?: RefObject<HTMLElement | null> | number;\n    /**\n     * Край элемента `endTriggerPosition`, по которому измеряется позиция конца анимации.\n     * @default bottom\n     */\n    endTriggerEdge?: TriggerEdge;\n    /**\n     * Включает режим когда NavBar не занимает место в лейауте и контент располагается под ним.\n     * @default false\n     */\n    overlay?: boolean;\n    /**\n     * Управляет режимом автодоскролла. По умолчанию включен.\n     * @default true\n     */\n    snapScroll?: boolean;\n    /**\n     * Управляет режимом отображения дивайдера:\n     * - `false` дивайдер отключен\n     * - `always` дивайдер отображается постоянно\n     * - `with-scroll` дивайдер отображается только когда контент подскроллен под NavBar\n     * @default false\n     */\n    showDivider?: ShowDivider;\n    /**\n     * Принимает MotionValue значение которого будет обновляться синхронно с анимацией всего NavBar.\n     * Прогресс анимации представляется в виде числа 0..1\n     * Предназначен для синхронизации внешних анимаций с анимациями NavBar.\n     */\n    animationProgress?: MotionValue<number>;\n    /**\n     * Принимает ReactNode который будет отображен сразу под навбаром и будет менять вертикальную позицию\n     * синхронно с анимацией навбара\n     */\n    bottomAttachment?: ReactNode;\n}\n\nexport const NavBar: FC<NavBarProps> = (props) => {\n    const defaultProps = useNavBarRootDefaultProps();\n    const startSlot = useTriggerSlot('startTrigger');\n    const endSlot = useTriggerSlot('endTrigger');\n    // Приоритет (от высшего к низшему): явные пропсы > NavBarDefaultPropsContext > слоты `Trigger` > дефолты.\n    const slotProps = {\n        ...(startSlot ? { startTriggerPosition: startSlot.ref, startTriggerEdge: startSlot.edge } : null),\n        ...(endSlot ? { endTriggerPosition: endSlot.ref, endTriggerEdge: endSlot.edge } : null),\n    };\n    const {\n        children,\n        transparent = false,\n        startTriggerPosition = 'start',\n        startTriggerEdge = 'top',\n        endTriggerPosition,\n        endTriggerEdge = 'bottom',\n        overlay = false,\n        snapScroll: scrollSnapping = true,\n        showDivider = false,\n        animationProgress,\n        bottomAttachment = null,\n    } = { ...slotProps, ...defaultProps, ...props };\n    const paneStoreRegistry = useInitOnce(() => new Set<PaneStore>());\n    const prevFullHeight = useRef<null | number>(0);\n    const rootRef = useRef<HTMLDivElement>(null);\n\n    const [scrollAdapter, scrollPosition] = useScrollAdapter(rootRef);\n    const [getMetrics, invalidateMetrics] = useNavBarMetrics(paneStoreRegistry, rootRef, scrollAdapter);\n    const [getAnimationRanges, invalidateAnimationRanges] = useAnimationRanges(paneStoreRegistry, getMetrics);\n    const [bindScrollToAnimation, getClosestStops, totalAnimationProgress, dividerStyle, recomputeClamp] =\n        useBindScrollToAnimationProgress(\n            scrollPosition,\n            getMetrics,\n            getAnimationRanges,\n            scrollAdapter,\n            startTriggerPosition,\n            endTriggerPosition,\n            startTriggerEdge,\n            endTriggerEdge\n        );\n    const snapScroll = useSnapScroll(\n        scrollPosition,\n        totalAnimationProgress,\n        scrollAdapter,\n        getClosestStops,\n        scrollSnapping\n    );\n\n    // При получении размеров важно дождаться применения MotionValue к DOM, поэтому используем frame.render\n    const bindScrollToAnimationScheduled = useInitOnce(() => scheduleMicro(() => frame.render(bindScrollToAnimation)));\n    const recomputeClampScheduled = useInitOnce(() => scheduleMicro(() => frame.render(recomputeClamp)));\n    useResetFocus(rootRef, totalAnimationProgress);\n    useSyncMotionValue(totalAnimationProgress, animationProgress);\n\n    const dividerVisibility =\n        // eslint-disable-next-line no-nested-ternary\n        showDivider === 'with-scroll' ? dividerStyle.visibility : showDivider ? 'visible' : 'hidden';\n\n    const registerPaneStore = useInitOnce(() => {\n        const subscriptions: VoidFunction[] = [];\n\n        const updateAnimationParams = () => {\n            subscriptions.length = 0;\n            invalidateMetrics();\n            invalidateAnimationRanges();\n            bindScrollToAnimationScheduled();\n            const navBarMetrics = getMetrics();\n            const fullPanesStartHeight = navBarMetrics.bottom - navBarMetrics.top;\n\n            let scroll = scrollAdapter.getScrollTop();\n            if (prevFullHeight.current !== null && scroll !== 0) {\n                const heightDelta = fullPanesStartHeight - prevFullHeight.current;\n                scroll += heightDelta;\n\n                requestAnimationFrame(() => {\n                    scrollPosition.jump(scrollAdapter.getScrollTop() - 1);\n                    scrollPosition.jump(scrollAdapter.getScrollTop());\n                });\n            }\n\n            const animationRanges = getAnimationRanges();\n            [...paneStoreRegistry.values()].forEach((paneStore) => {\n                const range = animationRanges.get(paneStore.get('id'));\n                if (!range) {\n                    return;\n                }\n                const remapFn = remap(\n                    range[0] === 0 && range[1] === 0\n                        ? [0, 1]\n                        : [range[0] / navBarMetrics.animationHeight, range[1] / navBarMetrics.animationHeight],\n                    [0, 1]\n                );\n                const motionValue = paneStore.get('motionValue');\n                motionValue.set(remapFn(totalAnimationProgress.get()));\n                subscriptions.push(totalAnimationProgress.on('change', (value) => motionValue.set(remapFn(value))));\n            });\n\n            prevFullHeight.current = fullPanesStartHeight;\n        };\n\n        // основной триггер запуска updateAnimationParams это изменения размеров, обработка которых происходит\n        // в очереди микрозадач, поэтому откладываем запуск функции до перехдоа к макрозадачам, чтобы сократить\n        // количество вызовов при массовых изменениях\n        const onChange = scheduleMacro(updateAnimationParams);\n\n        return (paneStore: PaneStore) => {\n            const unsubscribe = paneStore.onChange(\n                ['startHeight', 'endHeight', 'top', 'foldable', 'animated'],\n                onChange\n            );\n            paneStoreRegistry.add(paneStore);\n            return () => {\n                paneStoreRegistry.delete(paneStore);\n                unsubscribe();\n                onChange();\n            };\n        };\n    });\n\n    useLayoutEffect(() => {\n        bindScrollToAnimation();\n        snapScroll();\n        if (!rootRef.current) {\n            return void 0;\n        }\n        // Для «самодостаточного» навбара (начало анимации по собственной геометрии, конец вычисляется\n        // автоматически) положения триггеров от ресайза не зависят, поэтому полная пересборка привязки не\n        // нужна — на ресайз достаточно пересчитать только клампинг конца анимации по актуальному maxScrollTop.\n        if (typeof startTriggerPosition === 'string' && !endTriggerPosition) {\n            return scrollAdapter.onResize(recomputeClampScheduled);\n        }\n        return scrollAdapter.onResize(bindScrollToAnimationScheduled);\n    }, [\n        startTriggerPosition,\n        endTriggerPosition,\n        bindScrollToAnimation,\n        bindScrollToAnimationScheduled,\n        recomputeClampScheduled,\n        snapScroll,\n        scrollAdapter,\n    ]);\n\n    // Оборачиваем потомков, не являющихся Pane, в Pane и вкладываем панели друг в друга через проп nextPane\n    const childrenArray = Children.toArray(children);\n    const nested = isPaneElement(childrenArray[0]) ? (\n        childrenArray.reduceRight<PaneElement | null>((acc, child) => {\n            if (!isPaneElement(child)) {\n                return acc;\n            }\n            // cloneElement сужает конструктор до InternalPaneProps, поэтому возвращаем к PaneElement\n            return React.cloneElement<InternalPaneProps>(child, {\n                ...child.props,\n                nextPane: acc,\n            }) as PaneElement;\n        }, null)\n    ) : (\n        <ExternalPane>{children}</ExternalPane>\n    );\n\n    return (\n        <Layer layer=\"navigation-bar\">\n            <MetricsProvider\n                className={classNames(styles.navBar, {\n                    [styles.navbarTransparentStart]: transparent === 'start',\n                    [styles.navbarTransparentEnd]: transparent === 'end',\n                    [styles.navbarNotTransparent]: !transparent,\n                    [styles.navbarTransparent]: transparent === true,\n                    [styles.navBarOverlay]: overlay,\n                })}\n                ref={rootRef}\n                measureClassName={styles.metricsMode}\n            >\n                <div className={styles.navBarOverlayWrapper}>\n                    <motion.div\n                        className={styles.navBarContentContainer}\n                        style={{ '--magritte-ui-navbar-animation-progress': totalAnimationProgress } as MotionStyle}\n                    >\n                        <div className={styles.navBarPanesContainer}>\n                            <NavBarContext.Provider value={registerPaneStore}>{nested}</NavBarContext.Provider>\n                        </div>\n                        <motion.div className={styles.dividerContainer} style={{ y: dividerStyle.y }}>\n                            <motion.div style={{ visibility: dividerVisibility }}>\n                                <Divider className={styles.divider} />\n                            </motion.div>\n                            {bottomAttachment}\n                        </motion.div>\n                    </motion.div>\n                </div>\n            </MetricsProvider>\n        </Layer>\n    );\n};\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/public/Pane.js

@@ -10,7 +10,7 @@ import { useInitOnce, useStoreSyncedTransform, lerp } from '../internal/utils.js
 import { EnvironmentFingerprintProvider } from './EnvironmentFingerprintNode.js';
 import { LayoutStage } from './LayoutStage.js';
 import { Stage } from './Stage.js';
-import { s as styles } from '../nav-bar-BH9dfpsV.js';
+import { s as styles } from '../nav-bar-CAD7XfUf.js';
 import '../internal/KeyedSubscriptions.js';
 import 'motion';
 import '../internal/NavBarContext.js';

package/public/Stage.js

@@ -7,7 +7,7 @@ import { useMeasureAuto } from '../internal/MetricsProvider.js';
 import { usePaneStore } from '../internal/PaneStore.js';
 import { useInert } from '../internal/useInert.js';
 import { EnvironmentFingerprintNode } from './EnvironmentFingerprintNode.js';
-import { s as styles } from '../nav-bar-BH9dfpsV.js';
+import { s as styles } from '../nav-bar-CAD7XfUf.js';
 import '../internal/utils.js';
 import 'motion';
 import '../internal/KeyedSubscriptions.js';

package/public/TitleContainer.d.ts

@@ -20,6 +20,15 @@ export interface TitleContainerProps {
      * Позволяет выровнять по горизонтали контент слотов для заголовка и подзаголовка
      */
     centered?: boolean;
+    /**
+     * Задает дефолтное начертание и цвет для заголовка и подзаголовка
+     */
     size?: 'large' | 'small';
+    /**
+     * Позволяет отключить регистрацию заголовка и подзаголовка в качестве
+     * метки (aria-label) и описания (aria-description) доступной области (accessible region).
+     * Полезно, когда заголовок навбара дублирует уже размеченный на странице заголовок региона.
+     */
+    notRegionTitle?: boolean;
 }
 export declare const TitleContainer: FC<TitleContainerProps>;

package/public/TitleContainer.js

@@ -3,8 +3,9 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import classNames from 'classnames';
 import { useRegisterRegionLabel, useRegisterRegionDescription } from '@hh.ru/magritte-internal-accessible-region';
 import { Morph } from './Morph.js';
+import { useTitleDefaultProps, useSubtitleDefaultProps } from './defaultProps.js';
 import { TextDefaultPropsContext } from '@hh.ru/magritte-ui-typography';
-import { s as styles } from '../nav-bar-BH9dfpsV.js';
+import { s as styles } from '../nav-bar-CAD7XfUf.js';
 import 'react';
 import 'motion/react';
 import '../internal/MetricsProvider.js';
@@ -17,33 +18,16 @@ import '../internal/NavBarContext.js';
 import './EnvironmentFingerprintNode.js';
 import './Stage.js';
 import '../internal/useInert.js';
+import '@hh.ru/magritte-internal-default-props-context';
 
-const TEXT_DEFAULT_PROPS_TITLE = {
-    small: {
-        typography: 'subtitle-1-semibold',
-        style: 'primary',
-    },
-    large: {
-        typography: 'title-4-semibold',
-        style: 'primary',
-    },
-};
-const TEXT_DEFAULT_PROPS_SUBTITLE = {
-    small: {
-        typography: 'label-4-regular',
-        style: 'secondary',
-    },
-    large: {
-        typography: 'label-2-regular',
-        style: 'secondary',
-    },
-};
-const TitleContainer = ({ left, title, icon, subtitle, size = 'small', centered = false, }) => {
-    const { id: labelId } = useRegisterRegionLabel(!!title);
-    const { id: descriptionId } = useRegisterRegionDescription(!!subtitle);
+const TitleContainer = ({ left, title, icon, subtitle, size = 'small', centered = false, notRegionTitle = false, }) => {
+    const { id: labelId } = useRegisterRegionLabel(!!title && !notRegionTitle);
+    const { id: descriptionId } = useRegisterRegionDescription(!!subtitle && !notRegionTitle);
+    const titleDefaultProps = useTitleDefaultProps(size);
+    const subtitleDefaultProps = useSubtitleDefaultProps(size);
     return (jsxs("div", { className: classNames(styles.titleContainerWrapper, {
             [styles.sizeLarge]: size === 'large',
-        }), children: [!!left && (jsx("div", { className: styles.titleLeftSlot, children: jsx(Morph, { id: "title-component-left-slot", className: styles.titleMorphItem, children: left }) })), jsxs("div", { className: classNames(styles.titleMainPart, { [styles.centered]: centered }), children: [jsxs("div", { className: styles.titleContainer, children: [jsx("div", { className: styles.title, id: labelId, suppressHydrationWarning: true, children: !!title && (jsx(TextDefaultPropsContext, { props: TEXT_DEFAULT_PROPS_TITLE[size], children: jsx(Morph, { id: "title-component-title", className: classNames(styles.titleMorphItem, styles.textMorphItem), horizontalPositionAlign: "left", children: title }) })) }), jsx("div", { className: styles.titleInlineContainer, children: !!icon && (jsx(Morph, { id: "title-component-inline-slot", className: styles.titleMorphItem, children: icon })) })] }), jsx("div", { className: styles.subtitleContainer, id: descriptionId, suppressHydrationWarning: true, children: !!subtitle && (jsx(TextDefaultPropsContext, { props: TEXT_DEFAULT_PROPS_SUBTITLE[size], children: jsx(Morph, { id: "title-component-subtitle", className: classNames(styles.titleMorphItem, styles.textMorphItem), horizontalPositionAlign: "left", children: subtitle }) })) })] })] }));
+        }), children: [!!left && (jsx("div", { className: styles.titleLeftSlot, children: jsx(Morph, { id: "title-component-left-slot", className: styles.titleMorphItem, children: left }) })), jsxs("div", { className: classNames(styles.titleMainPart, { [styles.centered]: centered }), children: [jsxs("div", { className: styles.titleContainer, children: [jsx("div", { className: styles.title, id: labelId, suppressHydrationWarning: true, children: !!title && (jsx(TextDefaultPropsContext, { props: titleDefaultProps, children: jsx(Morph, { id: "title-component-title", className: classNames(styles.titleMorphItem, styles.textMorphItem), horizontalPositionAlign: "left", children: title }) })) }), jsx("div", { className: styles.titleInlineContainer, children: !!icon && (jsx(Morph, { id: "title-component-inline-slot", className: styles.titleMorphItem, children: icon })) })] }), jsx("div", { className: styles.subtitleContainer, id: descriptionId, suppressHydrationWarning: true, children: !!subtitle && (jsx(TextDefaultPropsContext, { props: subtitleDefaultProps, children: jsx(Morph, { id: "title-component-subtitle", className: classNames(styles.titleMorphItem, styles.textMorphItem), horizontalPositionAlign: "left", children: subtitle }) })) })] })] }));
 };
 
 export { TitleContainer };

package/public/TitleContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"TitleContainer.js","sources":["src/public/TitleContainer.tsx"],"sourcesContent":["import { type FC, type ReactNode } from 'react';\nimport classNames from 'classnames';\n\nimport { useRegisterRegionDescription, useRegisterRegionLabel } from '@hh.ru/magritte-internal-accessible-region';\nimport { Morph } from '@hh.ru/magritte-ui-nav-bar/public/Morph';\nimport { TextDefaultPropsContext } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './nav-bar.less';\n\nconst TEXT_DEFAULT_PROPS_TITLE = {\n    small: {\n        typography: 'subtitle-1-semibold',\n        style: 'primary',\n    },\n    large: {\n        typography: 'title-4-semibold',\n        style: 'primary',\n    },\n} as const;\n\nconst TEXT_DEFAULT_PROPS_SUBTITLE = {\n    small: {\n        typography: 'label-4-regular',\n        style: 'secondary',\n    },\n    large: {\n        typography: 'label-2-regular',\n        style: 'secondary',\n    },\n} as const;\n\nexport interface TitleContainerProps {\n    /**\n     * Контент левого слота\n     */\n    left?: ReactNode;\n    /**\n     * Контент слота для заголовка\n     */\n    title?: ReactNode;\n    /**\n     * Контент слота для подзаголовка\n     */\n    subtitle?: ReactNode;\n    /**\n     * Контент слота справа от заголовка\n     */\n    icon?: ReactNode;\n    /**\n     * Позволяет выровнять по горизонтали контент слотов для заголовка и подзаголовка\n     */\n    centered?: boolean;\n    size?: 'large' | 'small';\n}\n\nexport const TitleContainer: FC<TitleContainerProps> = ({\n    left,\n    title,\n    icon,\n    subtitle,\n    size = 'small',\n    centered = false,\n}) => {\n    const { id: labelId } = useRegisterRegionLabel(!!title);\n    const { id: descriptionId } = useRegisterRegionDescription(!!subtitle);\n\n    return (\n        <div\n            className={classNames(styles.titleContainerWrapper, {\n                [styles.sizeLarge]: size === 'large',\n            })}\n        >\n            {!!left && (\n                <div className={styles.titleLeftSlot}>\n                    <Morph id=\"title-component-left-slot\" className={styles.titleMorphItem}>\n                        {left}\n                    </Morph>\n                </div>\n            )}\n            <div className={classNames(styles.titleMainPart, { [styles.centered]: centered })}>\n                <div className={styles.titleContainer}>\n                    <div className={styles.title} id={labelId} suppressHydrationWarning>\n                        {!!title && (\n                            <TextDefaultPropsContext props={TEXT_DEFAULT_PROPS_TITLE[size]}>\n                                <Morph\n                                    id=\"title-component-title\"\n                                    className={classNames(styles.titleMorphItem, styles.textMorphItem)}\n                                    horizontalPositionAlign=\"left\"\n                                >\n                                    {title}\n                                </Morph>\n                            </TextDefaultPropsContext>\n                        )}\n                    </div>\n                    <div className={styles.titleInlineContainer}>\n                        {!!icon && (\n                            <Morph id=\"title-component-inline-slot\" className={styles.titleMorphItem}>\n                                {icon}\n                            </Morph>\n                        )}\n                    </div>\n                </div>\n                <div className={styles.subtitleContainer} id={descriptionId} suppressHydrationWarning>\n                    {!!subtitle && (\n                        <TextDefaultPropsContext props={TEXT_DEFAULT_PROPS_SUBTITLE[size]}>\n                            <Morph\n                                id=\"title-component-subtitle\"\n                                className={classNames(styles.titleMorphItem, styles.textMorphItem)}\n                                horizontalPositionAlign=\"left\"\n                            >\n                                {subtitle}\n                            </Morph>\n                        </TextDefaultPropsContext>\n                    )}\n                </div>\n            </div>\n        </div>\n    );\n};\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"TitleContainer.js","sources":["src/public/TitleContainer.tsx"],"sourcesContent":["import { type FC, type ReactNode } from 'react';\nimport classNames from 'classnames';\n\nimport { useRegisterRegionDescription, useRegisterRegionLabel } from '@hh.ru/magritte-internal-accessible-region';\nimport { Morph } from '@hh.ru/magritte-ui-nav-bar/public/Morph';\nimport { useSubtitleDefaultProps, useTitleDefaultProps } from '@hh.ru/magritte-ui-nav-bar/public/defaultProps';\nimport { TextDefaultPropsContext } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './nav-bar.less';\n\nexport interface TitleContainerProps {\n    /**\n     * Контент левого слота\n     */\n    left?: ReactNode;\n    /**\n     * Контент слота для заголовка\n     */\n    title?: ReactNode;\n    /**\n     * Контент слота для подзаголовка\n     */\n    subtitle?: ReactNode;\n    /**\n     * Контент слота справа от заголовка\n     */\n    icon?: ReactNode;\n    /**\n     * Позволяет выровнять по горизонтали контент слотов для заголовка и подзаголовка\n     */\n    centered?: boolean;\n    /**\n     * Задает дефолтное начертание и цвет для заголовка и подзаголовка\n     */\n    size?: 'large' | 'small';\n    /**\n     * Позволяет отключить регистрацию заголовка и подзаголовка в качестве\n     * метки (aria-label) и описания (aria-description) доступной области (accessible region).\n     * Полезно, когда заголовок навбара дублирует уже размеченный на странице заголовок региона.\n     */\n    notRegionTitle?: boolean;\n}\n\nexport const TitleContainer: FC<TitleContainerProps> = ({\n    left,\n    title,\n    icon,\n    subtitle,\n    size = 'small',\n    centered = false,\n    notRegionTitle = false,\n}) => {\n    const { id: labelId } = useRegisterRegionLabel(!!title && !notRegionTitle);\n    const { id: descriptionId } = useRegisterRegionDescription(!!subtitle && !notRegionTitle);\n\n    const titleDefaultProps = useTitleDefaultProps(size);\n    const subtitleDefaultProps = useSubtitleDefaultProps(size);\n\n    return (\n        <div\n            className={classNames(styles.titleContainerWrapper, {\n                [styles.sizeLarge]: size === 'large',\n            })}\n        >\n            {!!left && (\n                <div className={styles.titleLeftSlot}>\n                    <Morph id=\"title-component-left-slot\" className={styles.titleMorphItem}>\n                        {left}\n                    </Morph>\n                </div>\n            )}\n            <div className={classNames(styles.titleMainPart, { [styles.centered]: centered })}>\n                <div className={styles.titleContainer}>\n                    <div className={styles.title} id={labelId} suppressHydrationWarning>\n                        {!!title && (\n                            <TextDefaultPropsContext props={titleDefaultProps}>\n                                <Morph\n                                    id=\"title-component-title\"\n                                    className={classNames(styles.titleMorphItem, styles.textMorphItem)}\n                                    horizontalPositionAlign=\"left\"\n                                >\n                                    {title}\n                                </Morph>\n                            </TextDefaultPropsContext>\n                        )}\n                    </div>\n                    <div className={styles.titleInlineContainer}>\n                        {!!icon && (\n                            <Morph id=\"title-component-inline-slot\" className={styles.titleMorphItem}>\n                                {icon}\n                            </Morph>\n                        )}\n                    </div>\n                </div>\n                <div className={styles.subtitleContainer} id={descriptionId} suppressHydrationWarning>\n                    {!!subtitle && (\n                        <TextDefaultPropsContext props={subtitleDefaultProps}>\n                            <Morph\n                                id=\"title-component-subtitle\"\n                                className={classNames(styles.titleMorphItem, styles.textMorphItem)}\n                                horizontalPositionAlign=\"left\"\n                            >\n                                {subtitle}\n                            </Morph>\n                        </TextDefaultPropsContext>\n                    )}\n                </div>\n            </div>\n        </div>\n    );\n};\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA2Ca,MAAA,cAAc,GAA4B,CAAC,EACpD,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,IAAI,GAAG,OAAO,EACd,QAAQ,GAAG,KAAK,EAChB,cAAc,GAAG,KAAK,GACzB,KAAI;AACD,IAAA,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,sBAAsB,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,cAAc,CAAC,CAAC;AAC3E,IAAA,MAAM,EAAE,EAAE,EAAE,aAAa,EAAE,GAAG,4BAA4B,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,cAAc,CAAC,CAAC;AAE1F,IAAA,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,IAAI,CAAC,CAAC;AACrD,IAAA,MAAM,oBAAoB,GAAG,uBAAuB,CAAC,IAAI,CAAC,CAAC;IAE3D,QACIA,cACI,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,qBAAqB,EAAE;AAChD,YAAA,CAAC,MAAM,CAAC,SAAS,GAAG,IAAI,KAAK,OAAO;SACvC,CAAC,EAAA,QAAA,EAAA,CAED,CAAC,CAAC,IAAI,KACHC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,aAAa,EAAA,QAAA,EAChCA,IAAC,KAAK,EAAA,EAAC,EAAE,EAAC,2BAA2B,EAAC,SAAS,EAAE,MAAM,CAAC,cAAc,EAAA,QAAA,EACjE,IAAI,EACD,CAAA,EAAA,CACN,CACT,EACDD,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,aAAa,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,GAAG,QAAQ,EAAE,CAAC,EAC7E,QAAA,EAAA,CAAAA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,cAAc,EAAA,QAAA,EAAA,CACjCC,aAAK,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,EAAE,EAAE,OAAO,EAAE,wBAAwB,EAC9D,IAAA,EAAA,QAAA,EAAA,CAAC,CAAC,KAAK,KACJA,GAAA,CAAC,uBAAuB,EAAC,EAAA,KAAK,EAAE,iBAAiB,EAAA,QAAA,EAC7CA,GAAC,CAAA,KAAK,EACF,EAAA,EAAE,EAAC,uBAAuB,EAC1B,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC,aAAa,CAAC,EAClE,uBAAuB,EAAC,MAAM,YAE7B,KAAK,EAAA,CACF,GACc,CAC7B,EAAA,CACC,EACNA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,oBAAoB,EACtC,QAAA,EAAA,CAAC,CAAC,IAAI,KACHA,IAAC,KAAK,EAAA,EAAC,EAAE,EAAC,6BAA6B,EAAC,SAAS,EAAE,MAAM,CAAC,cAAc,EAAA,QAAA,EACnE,IAAI,EACD,CAAA,CACX,GACC,CACJ,EAAA,CAAA,EACNA,aAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,EAAE,EAAE,EAAE,aAAa,EAAE,wBAAwB,EAAA,IAAA,EAAA,QAAA,EAChF,CAAC,CAAC,QAAQ,KACPA,GAAC,CAAA,uBAAuB,IAAC,KAAK,EAAE,oBAAoB,EAChD,QAAA,EAAAA,GAAA,CAAC,KAAK,EACF,EAAA,EAAE,EAAC,0BAA0B,EAC7B,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC,aAAa,CAAC,EAClE,uBAAuB,EAAC,MAAM,EAAA,QAAA,EAE7B,QAAQ,EACL,CAAA,EAAA,CACc,CAC7B,EACC,CAAA,CAAA,EAAA,CACJ,CACJ,EAAA,CAAA,EACR;AACN;;;;"}

package/public/defaultProps.d.ts

@@ -2,12 +2,24 @@ import { type FC, type ReactNode } from 'react';
 import type { IconProps } from '@hh.ru/magritte-ui-icon/types';
 import type { ActionsProps } from '@hh.ru/magritte-ui-nav-bar/public/Actions';
 import type { NavBarProps } from '@hh.ru/magritte-ui-nav-bar/public/NavBar';
+import type { TextProps } from '@hh.ru/magritte-ui-typography';
+type TitleContainerSize = 'large' | 'small';
 /** Внутренний хук чтения дефолтов корневых пропсов `NavBar` из ближайшего `NavBarDefaultPropsContext`. */
 export declare const useNavBarRootDefaultProps: () => Partial<NavBarProps>;
 /** Внутренний хук чтения дефолтов `Actions` из ближайшего `NavBarDefaultPropsContext`. */
 export declare const useActionsDefaultProps: () => Partial<ActionsProps>;
 /** Внутренний хук чтения переопределений дефолтов иконок боковых слотов `Actions`. */
 export declare const useActionsIconsDefaultProps: () => Partial<IconProps>;
+/**
+ * Внутренний хук готовых дефолтов текста заголовка для размера `size`: базовые дефолты по размеру,
+ * поверх которых смёржены переопределения из ближайшего `NavBarDefaultPropsContext` (`titleProps`).
+ */
+export declare const useTitleDefaultProps: (size: TitleContainerSize) => Partial<TextProps>;
+/**
+ * Внутренний хук готовых дефолтов текста подзаголовка для размера `size`: базовые дефолты по размеру,
+ * поверх которых смёржены переопределения из ближайшего `NavBarDefaultPropsContext` (`subtitleProps`).
+ */
+export declare const useSubtitleDefaultProps: (size: TitleContainerSize) => Partial<TextProps>;
 export interface NavBarDefaultPropsContextProps {
     /**
      * Дефолтные пропсы для самого `NavBar` в поддереве (например `startTriggerPosition` /
@@ -21,6 +33,18 @@ export interface NavBarDefaultPropsContextProps {
      * Мёржится поверх базовых дефолтов боковых иконок; на иконки центрального слота не влияет.
      */
     actionsIconsProps?: Partial<IconProps>;
+    /**
+     * Дефолтные пропсы для текста заголовка (`title`) `TitleContainer` в поддереве — например `style`
+     * для переопределения цвета. Мёржится поверх базовых дефолтов заголовка; явные пропсы на самом
+     * тексте побеждают.
+     */
+    titleProps?: Partial<TextProps>;
+    /**
+     * Дефолтные пропсы для текста подзаголовка (`subtitle`) `TitleContainer` в поддереве — например
+     * `style` для переопределения цвета. Мёржится поверх базовых дефолтов подзаголовка; явные пропсы
+     * на самом тексте побеждают.
+     */
+    subtitleProps?: Partial<TextProps>;
     /**
      * Если `true`, заданные здесь дефолты форсируются: по пересекающимся ключам они побеждают
      * любой вложенный (внутренний) провайдер, а не наоборот. Явные пропсы на самом компоненте
@@ -38,3 +62,4 @@ export interface NavBarDefaultPropsContextProps {
  * Добавление поддержки нового подкомпонента = новое поле-слот здесь + чтение в этом подкомпоненте.
  */
 export declare const NavBarDefaultPropsContext: FC<NavBarDefaultPropsContextProps>;
+export {};