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

package/NavBar-CrD8CEWb.js

@@ -0,0 +1,118 @@
+import './index.css';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import React, { createContext, useContext, useRef, useLayoutEffect } from 'react';
+import classNames from 'classnames';
+import { useMotionValue, frame, motion } from 'motion/react';
+import { Divider } from '@hh.ru/magritte-ui-divider';
+import { Layer } from '@hh.ru/magritte-ui-layer';
+import { MetricsProvider } from './internal/MetricsProvider.js';
+import { ProgressiveBlur } from './internal/ProgressiveBlur.js';
+import { useAnimationRanges } from './internal/useAnimationRanges.js';
+import { useBindScrollToAnimationProgress } from './internal/useBindScrollToAnimationProgress.js';
+import { useDivider } from './internal/useDivider.js';
+import { useNavBarMetrics } from './internal/useNavBarMetrics.js';
+import { useResetFocus } from './internal/useResetFocus.js';
+import { useScrollAdapter } from './internal/useScrollAdapter.js';
+import { useSnapScroll } from './internal/useSnapScroll.js';
+import { useSyncMotionValue } from './internal/useSyncMotionValue.js';
+import { useInitOnce, scheduleMicro, scheduleMacro, remap, lerp } from './internal/utils.js';
+
+var styles = {"actions-container":"magritte-actions-container___CBgYW_1-0-1","actionsContainer":"magritte-actions-container___CBgYW_1-0-1","actions-no-children":"magritte-actions-no-children___rgJUl_1-0-1","actionsNoChildren":"magritte-actions-no-children___rgJUl_1-0-1","actions-left-slot":"magritte-actions-left-slot___DNOj0_1-0-1","actionsLeftSlot":"magritte-actions-left-slot___DNOj0_1-0-1","actions-right-slot":"magritte-actions-right-slot___aodtj_1-0-1","actionsRightSlot":"magritte-actions-right-slot___aodtj_1-0-1","navbar-transparent-end":"magritte-navbar-transparent-end___6KqLR_1-0-1","navbarTransparentEnd":"magritte-navbar-transparent-end___6KqLR_1-0-1","actions-start-stage":"magritte-actions-start-stage___MJ67a_1-0-1","actionsStartStage":"magritte-actions-start-stage___MJ67a_1-0-1","actions-side-slot-content":"magritte-actions-side-slot-content___TlHrX_1-0-1","actionsSideSlotContent":"magritte-actions-side-slot-content___TlHrX_1-0-1","actions-icon-morph":"magritte-actions-icon-morph___-nNgW_1-0-1","actionsIconMorph":"magritte-actions-icon-morph___-nNgW_1-0-1","navbar-transparent-start":"magritte-navbar-transparent-start___wysv0_1-0-1","navbarTransparentStart":"magritte-navbar-transparent-start___wysv0_1-0-1","actions-end-stage":"magritte-actions-end-stage___qHtTV_1-0-1","actionsEndStage":"magritte-actions-end-stage___qHtTV_1-0-1","navbar-not-transparent":"magritte-navbar-not-transparent___5KZNp_1-0-1","navbarNotTransparent":"magritte-navbar-not-transparent___5KZNp_1-0-1","actions-only-stage":"magritte-actions-only-stage___cg10A_1-0-1","actionsOnlyStage":"magritte-actions-only-stage___cg10A_1-0-1","actions-side-slot-content-clone":"magritte-actions-side-slot-content-clone___jDxVm_1-0-1","actionsSideSlotContentClone":"magritte-actions-side-slot-content-clone___jDxVm_1-0-1","actions-center-slot":"magritte-actions-center-slot___hLAy6_1-0-1","actionsCenterSlot":"magritte-actions-center-slot___hLAy6_1-0-1","actions-center-slot-centered":"magritte-actions-center-slot-centered___merXQ_1-0-1","actionsCenterSlotCentered":"magritte-actions-center-slot-centered___merXQ_1-0-1","title-container-wrapper":"magritte-title-container-wrapper___DQUcj_1-0-1","titleContainerWrapper":"magritte-title-container-wrapper___DQUcj_1-0-1","title-main-part":"magritte-title-main-part___npoHN_1-0-1","titleMainPart":"magritte-title-main-part___npoHN_1-0-1","centered":"magritte-centered___Y2mlP_1-0-1","title-left-slot":"magritte-title-left-slot___HTE7h_1-0-1","titleLeftSlot":"magritte-title-left-slot___HTE7h_1-0-1","title-container":"magritte-title-container___y9AIx_1-0-1","titleContainer":"magritte-title-container___y9AIx_1-0-1","subtitle-container":"magritte-subtitle-container___nVUBu_1-0-1","subtitleContainer":"magritte-subtitle-container___nVUBu_1-0-1","title-morph-item":"magritte-title-morph-item___t7Wf3_1-0-1","titleMorphItem":"magritte-title-morph-item___t7Wf3_1-0-1","title":"magritte-title___ZbLgP_1-0-1","pane-content":"magritte-pane-content___UVmC6_1-0-1","paneContent":"magritte-pane-content___UVmC6_1-0-1","pane-background":"magritte-pane-background___PDZAX_1-0-1","paneBackground":"magritte-pane-background___PDZAX_1-0-1","morph-item":"magritte-morph-item___8kF46_1-0-1","morphItem":"magritte-morph-item___8kF46_1-0-1","morph-item-top":"magritte-morph-item-top___WPEkn_1-0-1","morphItemTop":"magritte-morph-item-top___WPEkn_1-0-1","morph-item-bottom":"magritte-morph-item-bottom___zNbsF_1-0-1","morphItemBottom":"magritte-morph-item-bottom___zNbsF_1-0-1","morph-item-left":"magritte-morph-item-left___T6AMW_1-0-1","morphItemLeft":"magritte-morph-item-left___T6AMW_1-0-1","morph-item-right":"magritte-morph-item-right___EuT1E_1-0-1","morphItemRight":"magritte-morph-item-right___EuT1E_1-0-1","pane":"magritte-pane___f8eFC_1-0-1","start-state-container":"magritte-start-state-container___giBVb_1-0-1","startStateContainer":"magritte-start-state-container___giBVb_1-0-1","end-state-container":"magritte-end-state-container___uiW8Q_1-0-1","endStateContainer":"magritte-end-state-container___uiW8Q_1-0-1","content-container":"magritte-content-container___7s7vv_1-0-1","contentContainer":"magritte-content-container___7s7vv_1-0-1","next-pane":"magritte-next-pane___H2oxQ_1-0-1","nextPane":"magritte-next-pane___H2oxQ_1-0-1","nav-bar":"magritte-nav-bar___RRGe0_1-0-1","navBar":"magritte-nav-bar___RRGe0_1-0-1","nav-bar-overlay":"magritte-nav-bar-overlay___Mq5ZD_1-0-1","navBarOverlay":"magritte-nav-bar-overlay___Mq5ZD_1-0-1","nav-bar-overlay-wrapper":"magritte-nav-bar-overlay-wrapper___y1VpY_1-0-1","navBarOverlayWrapper":"magritte-nav-bar-overlay-wrapper___y1VpY_1-0-1","nav-bar-content-container":"magritte-nav-bar-content-container___H-WMO_1-0-1","navBarContentContainer":"magritte-nav-bar-content-container___H-WMO_1-0-1","nav-bar-panes-container":"magritte-nav-bar-panes-container___5ZDLa_1-0-1","navBarPanesContainer":"magritte-nav-bar-panes-container___5ZDLa_1-0-1","nav-bar-progressive-blur":"magritte-nav-bar-progressive-blur___qyeUV_1-0-1","navBarProgressiveBlur":"magritte-nav-bar-progressive-blur___qyeUV_1-0-1","nav-bar-stage":"magritte-nav-bar-stage___amDz7_1-0-1","navBarStage":"magritte-nav-bar-stage___amDz7_1-0-1","metrics-mode":"magritte-metrics-mode___h38aX_1-0-1","metricsMode":"magritte-metrics-mode___h38aX_1-0-1","layout-morph":"magritte-layout-morph___I3SPy_1-0-1","layoutMorph":"magritte-layout-morph___I3SPy_1-0-1","animation-stage-progress":"magritte-animation-stage-progress___5FthT_1-0-1","animationStageProgress":"magritte-animation-stage-progress___5FthT_1-0-1","layout-morph-start":"magritte-layout-morph-start___9-krP_1-0-1","layoutMorphStart":"magritte-layout-morph-start___9-krP_1-0-1","layout-morph-end":"magritte-layout-morph-end___LIg4d_1-0-1","layoutMorphEnd":"magritte-layout-morph-end___LIg4d_1-0-1","divider-container":"magritte-divider-container___-NdWi_1-0-1","dividerContainer":"magritte-divider-container___-NdWi_1-0-1"};
+
+const NavBarContext = createContext(null);
+const useNavBarContext = () => useContext(NavBarContext);
+const NavBar = ({ children, transparent = false, startTriggerPosition = 'start', endTriggerPosition, progressiveBlur = false, overlay = false, snapScroll: scrollSnapping = true, showDivider = false, animationProgress, }) => {
+    const blurScaleY = useMotionValue(1);
+    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);
+    const [bindScrollToAnimation, getClosestStops, totalAnimationProgress] = useBindScrollToAnimationProgress(scrollPosition, getMetrics, getAnimationRanges, scrollAdapter, startTriggerPosition, endTriggerPosition);
+    const snapScroll = useSnapScroll(scrollPosition, totalAnimationProgress, scrollAdapter, getClosestStops, scrollSnapping);
+    // При получении размеров важно дождаться применения MotionValue к DOM, поэтому используем frame.render
+    const bindScrollToAnimationScheduled = useInitOnce(() => scheduleMicro(() => frame.render(bindScrollToAnimation)));
+    const dividerStyle = useDivider(scrollPosition, totalAnimationProgress, getMetrics, showDivider, overlay);
+    useResetFocus(rootRef, scrollPosition);
+    useSyncMotionValue(totalAnimationProgress, animationProgress);
+    const registerPaneStore = useInitOnce(() => {
+        const subscriptions = [];
+        const updateAnimationParams = () => {
+            subscriptions.length = 0;
+            invalidateMetrics();
+            invalidateAnimationRanges();
+            bindScrollToAnimationScheduled();
+            const navBarMetrics = getMetrics();
+            const fullPanesStartHeight = navBarMetrics.bottom - navBarMetrics.top;
+            let scroll = scrollAdapter.getScrollTop();
+            if (prevFullHeight.current !== null && scroll !== 0) {
+                const heightDelta = fullPanesStartHeight - prevFullHeight.current;
+                scroll += heightDelta;
+                requestAnimationFrame(() => {
+                    scrollPosition.jump(scrollAdapter.getScrollTop() - 1);
+                    scrollPosition.jump(scrollAdapter.getScrollTop());
+                });
+            }
+            const animationRanges = getAnimationRanges();
+            [...paneStoreRegistry.values()].forEach((paneStore) => {
+                const range = animationRanges.get(paneStore.get('id'));
+                if (!range) {
+                    return;
+                }
+                const remapFn = remap(range[0] === 0 && range[1] === 0
+                    ? [0, 1]
+                    : [range[0] / navBarMetrics.heightDelta, range[1] / navBarMetrics.heightDelta], [0, 1]);
+                const motionValue = paneStore.get('motionValue');
+                motionValue.set(remapFn(totalAnimationProgress.get()));
+                subscriptions.push(totalAnimationProgress.on('change', (value) => motionValue.set(remapFn(value))));
+            });
+            subscriptions.push(totalAnimationProgress.on('change', (value) => blurScaleY.set(lerp(1, 1 - navBarMetrics.heightDelta / fullPanesStartHeight, value))));
+            prevFullHeight.current = fullPanesStartHeight;
+        };
+        // основной триггер запуска updateAnimationParams это изменения размеров, обработка которых происходит
+        // в очереди микрозадач, поэтому откладываем запуск функции до перехдоа к макрозадачам, чтобы сократить
+        // количество вызовов при массовых изменениях
+        const onChange = scheduleMacro(updateAnimationParams);
+        return (paneStore) => {
+            const unsubscribe = paneStore.onChange(['startHeight', 'endHeight', 'top', 'foldable'], onChange);
+            paneStoreRegistry.add(paneStore);
+            return () => {
+                paneStoreRegistry.delete(paneStore);
+                unsubscribe();
+            };
+        };
+    });
+    useLayoutEffect(() => {
+        bindScrollToAnimation();
+        snapScroll();
+        if (!rootRef.current || (typeof startTriggerPosition === 'string' && !endTriggerPosition)) {
+            return void 0;
+        }
+        return scrollAdapter.onResize(bindScrollToAnimationScheduled);
+    }, [
+        startTriggerPosition,
+        endTriggerPosition,
+        bindScrollToAnimation,
+        bindScrollToAnimationScheduled,
+        snapScroll,
+        scrollAdapter,
+    ]);
+    // Вкладываем панели друг в друга через проп nextPane
+    const items = React.Children.toArray(children);
+    const nested = items.reduceRight((acc, child) => {
+        return React.cloneElement(child, {
+            ...child.props,
+            nextPane: acc,
+        });
+    }, null);
+    return (jsx(Layer, { layer: "navigation-bar", children: jsx(MetricsProvider, { className: classNames(styles.navBar, {
+                [styles.navbarTransparentStart]: transparent === 'start',
+                [styles.navbarTransparentEnd]: transparent === 'end',
+                [styles.navbarNotTransparent]: !transparent,
+                [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 }) }), progressiveBlur && (jsx(ProgressiveBlur, { className: styles.navBarProgressiveBlur, detail: 4, blurAmount: 3, blurHeight: 100, style: { scaleY: blurScaleY } })), jsx(motion.div, { className: styles.dividerContainer, style: dividerStyle, children: jsx(Divider, {}) })] }) }) }) }));
+};
+
+export { NavBar as N, styles as s, useNavBarContext as u };
+//# sourceMappingURL=NavBar-CrD8CEWb.js.map

package/NavBar-CrD8CEWb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavBar-CrD8CEWb.js","sources":["../src/public/NavBar.tsx"],"sourcesContent":["import React, { createContext, type RefObject, useContext, useLayoutEffect, useRef, type FC } from 'react';\nimport classNames from 'classnames';\nimport { useMotionValue, 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 { PaneStore } from '@hh.ru/magritte-ui-nav-bar/internal/PaneStore';\nimport { ProgressiveBlur } from '@hh.ru/magritte-ui-nav-bar/internal/ProgressiveBlur';\nimport { useAnimationRanges } from '@hh.ru/magritte-ui-nav-bar/internal/useAnimationRanges';\nimport { useBindScrollToAnimationProgress } from '@hh.ru/magritte-ui-nav-bar/internal/useBindScrollToAnimationProgress';\nimport { useDivider } from '@hh.ru/magritte-ui-nav-bar/internal/useDivider';\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 { lerp, remap, scheduleMicro, scheduleMacro, useInitOnce } from '@hh.ru/magritte-ui-nav-bar/internal/utils';\nimport { type PaneElement, type InternalPaneProps } from '@hh.ru/magritte-ui-nav-bar/public/Pane';\n\nimport styles from './nav-bar.less';\n\ntype PaneStoreContextValue = ((store: PaneStore) => VoidFunction) | null;\nconst NavBarContext = createContext<PaneStoreContextValue>(null);\n\nexport const useNavBarContext = (): PaneStoreContextValue => useContext(NavBarContext);\n\nexport interface NavBarProps {\n    /**\n     * В качестве потомков могут передаваться только компоненты <Pane />\n     */\n    children: PaneElement | PaneElement[];\n    /**\n     * Управляет режимом прозрачности:\n     * -- Прозрачность отключена (`false`)\n     * -- Прозрачный всегда (`true`)\n     * -- Прозрачный в начале анимации (`start`)\n     * -- Прозрачный в конце анимации (`end`)\n     */\n    transparent?: 'start' | 'end' | boolean;\n    /**\n     * Управляет позицией триггера начала анимации\n     */\n    startTriggerPosition?: 'start' | 'full-area' | RefObject<HTMLElement>;\n    /**\n     * Управляет позицией триггера конца анимации. Если не передан вычисляется автоматически на основе изменения\n     * высоты навбара в процессе анимации и позиции триггера начала анмиации.\n     */\n    endTriggerPosition?: RefObject<HTMLElement>;\n    /**\n     * Включает progressive blur. Эффект может не работать в некоторых вариантах верстки.\n     */\n    progressiveBlur?: boolean;\n    /**\n     * Включает режим когда NavBar не занимает место в лейауте и контент располагается под ним.\n     */\n    overlay?: boolean;\n    /**\n     * Управляет режимом автодоскролла. По умолчанию включен.\n     */\n    snapScroll?: boolean;\n    /**\n     * Управляет режимом отображения дивайдера:\n     * - `false` дивайдер отключен\n     * - `always` дивайдер отображается постоянно\n     * - `with-scroll` дивайдер отображается только когда контент подскроллен под NavBar\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> = ({\n    children,\n    transparent = false,\n    startTriggerPosition = 'start',\n    endTriggerPosition,\n    progressiveBlur = false,\n    overlay = false,\n    snapScroll: scrollSnapping = true,\n    showDivider = false,\n    animationProgress,\n}) => {\n    const blurScaleY = useMotionValue(1);\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);\n    const [bindScrollToAnimation, getClosestStops, totalAnimationProgress] = useBindScrollToAnimationProgress(\n        scrollPosition,\n        getMetrics,\n        getAnimationRanges,\n        scrollAdapter,\n        startTriggerPosition,\n        endTriggerPosition\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 dividerStyle = useDivider(scrollPosition, totalAnimationProgress, getMetrics, showDivider, overlay);\n    useResetFocus(rootRef, scrollPosition);\n    useSyncMotionValue(totalAnimationProgress, animationProgress);\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.heightDelta, range[1] / navBarMetrics.heightDelta],\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            subscriptions.push(\n                totalAnimationProgress.on('change', (value) =>\n                    blurScaleY.set(lerp(1, 1 - navBarMetrics.heightDelta / fullPanesStartHeight, 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(['startHeight', 'endHeight', 'top', 'foldable'], onChange);\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    // Вкладываем панели друг в друга через проп nextPane\n    const items = React.Children.toArray(children) as PaneElement[];\n\n    const nested = items.reduceRight<PaneElement | null>((acc, child) => {\n        return React.cloneElement<InternalPaneProps>(child, {\n            ...child.props,\n            nextPane: acc,\n        }) as PaneElement;\n    }, null);\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.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                        {progressiveBlur && (\n                            <ProgressiveBlur\n                                className={styles.navBarProgressiveBlur}\n                                detail={4}\n                                blurAmount={3}\n                                blurHeight={100}\n                                style={{ scaleY: blurScaleY }}\n                            />\n                        )}\n                        <motion.div className={styles.dividerContainer} style={dividerStyle}>\n                            <Divider />\n                        </motion.div>\n                    </div>\n                </div>\n            </MetricsProvider>\n        </Layer>\n    );\n};\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/index.css

@@ -0,0 +1,289 @@
+:root{
+  --magritte-color-background-body-v23-2-2:#ffffff;
+}
+
+.magritte-night-theme{
+  --magritte-color-background-body-v23-2-2:#000000;
+}
+.magritte-actions-container___CBgYW_1-0-1{
+  display:flex;
+  flex-direction:row;
+  gap:12px;
+}
+.magritte-actions-no-children___rgJUl_1-0-1{
+  justify-content:space-between;
+}
+.magritte-actions-left-slot___DNOj0_1-0-1,
+.magritte-actions-right-slot___aodtj_1-0-1{
+  display:grid;
+  flex:0 0 auto;
+}
+.magritte-navbar-transparent-end___6KqLR_1-0-1 .magritte-actions-start-stage___MJ67a_1-0-1 .magritte-actions-left-slot___DNOj0_1-0-1 .magritte-actions-side-slot-content___TlHrX_1-0-1 > .magritte-actions-icon-morph___-nNgW_1-0-1:first-child,
+.magritte-navbar-transparent-start___wysv0_1-0-1 .magritte-actions-end-stage___qHtTV_1-0-1 .magritte-actions-left-slot___DNOj0_1-0-1 .magritte-actions-side-slot-content___TlHrX_1-0-1 > .magritte-actions-icon-morph___-nNgW_1-0-1:first-child,
+.magritte-navbar-not-transparent___5KZNp_1-0-1 .magritte-actions-start-stage___MJ67a_1-0-1 .magritte-actions-left-slot___DNOj0_1-0-1 .magritte-actions-side-slot-content___TlHrX_1-0-1 > .magritte-actions-icon-morph___-nNgW_1-0-1:first-child,
+.magritte-navbar-not-transparent___5KZNp_1-0-1 .magritte-actions-end-stage___qHtTV_1-0-1 .magritte-actions-left-slot___DNOj0_1-0-1 .magritte-actions-side-slot-content___TlHrX_1-0-1 > .magritte-actions-icon-morph___-nNgW_1-0-1:first-child,
+.magritte-navbar-not-transparent___5KZNp_1-0-1 .magritte-actions-only-stage___cg10A_1-0-1 .magritte-actions-left-slot___DNOj0_1-0-1 .magritte-actions-side-slot-content___TlHrX_1-0-1 > .magritte-actions-icon-morph___-nNgW_1-0-1:first-child{
+  margin-left:-8px;
+}
+.magritte-navbar-transparent-end___6KqLR_1-0-1 .magritte-actions-start-stage___MJ67a_1-0-1 .magritte-actions-right-slot___aodtj_1-0-1 .magritte-actions-side-slot-content___TlHrX_1-0-1 > .magritte-actions-icon-morph___-nNgW_1-0-1:last-child,
+.magritte-navbar-transparent-start___wysv0_1-0-1 .magritte-actions-end-stage___qHtTV_1-0-1 .magritte-actions-right-slot___aodtj_1-0-1 .magritte-actions-side-slot-content___TlHrX_1-0-1 > .magritte-actions-icon-morph___-nNgW_1-0-1:last-child,
+.magritte-navbar-not-transparent___5KZNp_1-0-1 .magritte-actions-start-stage___MJ67a_1-0-1 .magritte-actions-right-slot___aodtj_1-0-1 .magritte-actions-side-slot-content___TlHrX_1-0-1 > .magritte-actions-icon-morph___-nNgW_1-0-1:last-child,
+.magritte-navbar-not-transparent___5KZNp_1-0-1 .magritte-actions-end-stage___qHtTV_1-0-1 .magritte-actions-right-slot___aodtj_1-0-1 .magritte-actions-side-slot-content___TlHrX_1-0-1 > .magritte-actions-icon-morph___-nNgW_1-0-1:last-child,
+.magritte-navbar-not-transparent___5KZNp_1-0-1 .magritte-actions-only-stage___cg10A_1-0-1 .magritte-actions-right-slot___aodtj_1-0-1 .magritte-actions-side-slot-content___TlHrX_1-0-1 > .magritte-actions-icon-morph___-nNgW_1-0-1:last-child{
+  margin-right:-8px;
+}
+.magritte-navbar-transparent-end___6KqLR_1-0-1 .magritte-actions-start-stage___MJ67a_1-0-1 .magritte-actions-left-slot___DNOj0_1-0-1 .magritte-actions-side-slot-content-clone___jDxVm_1-0-1 > :last-child,
+.magritte-navbar-transparent-start___wysv0_1-0-1 .magritte-actions-end-stage___qHtTV_1-0-1 .magritte-actions-left-slot___DNOj0_1-0-1 .magritte-actions-side-slot-content-clone___jDxVm_1-0-1 > :last-child,
+.magritte-navbar-not-transparent___5KZNp_1-0-1 .magritte-actions-start-stage___MJ67a_1-0-1 .magritte-actions-left-slot___DNOj0_1-0-1 .magritte-actions-side-slot-content-clone___jDxVm_1-0-1 > :last-child,
+.magritte-navbar-not-transparent___5KZNp_1-0-1 .magritte-actions-end-stage___qHtTV_1-0-1 .magritte-actions-left-slot___DNOj0_1-0-1 .magritte-actions-side-slot-content-clone___jDxVm_1-0-1 > :last-child,
+.magritte-navbar-not-transparent___5KZNp_1-0-1 .magritte-actions-only-stage___cg10A_1-0-1 .magritte-actions-left-slot___DNOj0_1-0-1 .magritte-actions-side-slot-content-clone___jDxVm_1-0-1 > :last-child,
+.magritte-navbar-transparent-end___6KqLR_1-0-1 .magritte-actions-start-stage___MJ67a_1-0-1 .magritte-actions-right-slot___aodtj_1-0-1 .magritte-actions-side-slot-content___TlHrX_1-0-1 > :last-child:not(.magritte-actions-icon-morph___-nNgW_1-0-1),
+.magritte-navbar-transparent-start___wysv0_1-0-1 .magritte-actions-end-stage___qHtTV_1-0-1 .magritte-actions-right-slot___aodtj_1-0-1 .magritte-actions-side-slot-content___TlHrX_1-0-1 > :last-child:not(.magritte-actions-icon-morph___-nNgW_1-0-1),
+.magritte-navbar-not-transparent___5KZNp_1-0-1 .magritte-actions-start-stage___MJ67a_1-0-1 .magritte-actions-right-slot___aodtj_1-0-1 .magritte-actions-side-slot-content___TlHrX_1-0-1 > :last-child:not(.magritte-actions-icon-morph___-nNgW_1-0-1),
+.magritte-navbar-not-transparent___5KZNp_1-0-1 .magritte-actions-end-stage___qHtTV_1-0-1 .magritte-actions-right-slot___aodtj_1-0-1 .magritte-actions-side-slot-content___TlHrX_1-0-1 > :last-child:not(.magritte-actions-icon-morph___-nNgW_1-0-1),
+.magritte-navbar-not-transparent___5KZNp_1-0-1 .magritte-actions-only-stage___cg10A_1-0-1 .magritte-actions-right-slot___aodtj_1-0-1 .magritte-actions-side-slot-content___TlHrX_1-0-1 > :last-child:not(.magritte-actions-icon-morph___-nNgW_1-0-1){
+  --magritte-ui-icon-margin-right-override:-8px;
+}
+.magritte-navbar-transparent-end___6KqLR_1-0-1 .magritte-actions-start-stage___MJ67a_1-0-1 .magritte-actions-right-slot___aodtj_1-0-1 .magritte-actions-side-slot-content-clone___jDxVm_1-0-1 > :first-child,
+.magritte-navbar-transparent-start___wysv0_1-0-1 .magritte-actions-end-stage___qHtTV_1-0-1 .magritte-actions-right-slot___aodtj_1-0-1 .magritte-actions-side-slot-content-clone___jDxVm_1-0-1 > :first-child,
+.magritte-navbar-not-transparent___5KZNp_1-0-1 .magritte-actions-start-stage___MJ67a_1-0-1 .magritte-actions-right-slot___aodtj_1-0-1 .magritte-actions-side-slot-content-clone___jDxVm_1-0-1 > :first-child,
+.magritte-navbar-not-transparent___5KZNp_1-0-1 .magritte-actions-end-stage___qHtTV_1-0-1 .magritte-actions-right-slot___aodtj_1-0-1 .magritte-actions-side-slot-content-clone___jDxVm_1-0-1 > :first-child,
+.magritte-navbar-not-transparent___5KZNp_1-0-1 .magritte-actions-only-stage___cg10A_1-0-1 .magritte-actions-right-slot___aodtj_1-0-1 .magritte-actions-side-slot-content-clone___jDxVm_1-0-1 > :first-child,
+.magritte-navbar-transparent-end___6KqLR_1-0-1 .magritte-actions-start-stage___MJ67a_1-0-1 .magritte-actions-left-slot___DNOj0_1-0-1 .magritte-actions-side-slot-content___TlHrX_1-0-1 > :first-child:not(.magritte-actions-icon-morph___-nNgW_1-0-1),
+.magritte-navbar-transparent-start___wysv0_1-0-1 .magritte-actions-end-stage___qHtTV_1-0-1 .magritte-actions-left-slot___DNOj0_1-0-1 .magritte-actions-side-slot-content___TlHrX_1-0-1 > :first-child:not(.magritte-actions-icon-morph___-nNgW_1-0-1),
+.magritte-navbar-not-transparent___5KZNp_1-0-1 .magritte-actions-start-stage___MJ67a_1-0-1 .magritte-actions-left-slot___DNOj0_1-0-1 .magritte-actions-side-slot-content___TlHrX_1-0-1 > :first-child:not(.magritte-actions-icon-morph___-nNgW_1-0-1),
+.magritte-navbar-not-transparent___5KZNp_1-0-1 .magritte-actions-end-stage___qHtTV_1-0-1 .magritte-actions-left-slot___DNOj0_1-0-1 .magritte-actions-side-slot-content___TlHrX_1-0-1 > :first-child:not(.magritte-actions-icon-morph___-nNgW_1-0-1),
+.magritte-navbar-not-transparent___5KZNp_1-0-1 .magritte-actions-only-stage___cg10A_1-0-1 .magritte-actions-left-slot___DNOj0_1-0-1 .magritte-actions-side-slot-content___TlHrX_1-0-1 > :first-child:not(.magritte-actions-icon-morph___-nNgW_1-0-1){
+  --magritte-ui-icon-margin-left-override:-8px;
+}
+.magritte-navbar-transparent-start___wysv0_1-0-1 .magritte-actions-only-stage___cg10A_1-0-1 .magritte-actions-left-slot___DNOj0_1-0-1 .magritte-actions-side-slot-content___TlHrX_1-0-1 > :first-child,
+.magritte-navbar-transparent-start___wysv0_1-0-1 .magritte-actions-only-stage___cg10A_1-0-1 .magritte-actions-right-slot___aodtj_1-0-1 .magritte-actions-side-slot-content-clone___jDxVm_1-0-1 > :first-child{
+  --magritte-ui-icon-margin-left-override:calc(-8px * var(--magritte-ui-navbar-animation-progress));
+}
+.magritte-navbar-transparent-start___wysv0_1-0-1 .magritte-actions-only-stage___cg10A_1-0-1 .magritte-actions-right-slot___aodtj_1-0-1 .magritte-actions-side-slot-content___TlHrX_1-0-1 > :last-child,
+.magritte-navbar-transparent-start___wysv0_1-0-1 .magritte-actions-only-stage___cg10A_1-0-1 .magritte-actions-left-slot___DNOj0_1-0-1 .magritte-actions-side-slot-content-clone___jDxVm_1-0-1 > :last-child{
+  --magritte-ui-icon-margin-right-override:calc(-8px * var(--magritte-ui-navbar-animation-progress));
+}
+.magritte-navbar-transparent-end___6KqLR_1-0-1 .magritte-actions-only-stage___cg10A_1-0-1 .magritte-actions-left-slot___DNOj0_1-0-1 .magritte-actions-side-slot-content___TlHrX_1-0-1 > :first-child,
+.magritte-navbar-transparent-end___6KqLR_1-0-1 .magritte-actions-only-stage___cg10A_1-0-1 .magritte-actions-right-slot___aodtj_1-0-1 .magritte-actions-side-slot-content-clone___jDxVm_1-0-1 > :first-child{
+  --magritte-ui-icon-margin-left-override:calc(-8px * (1 - var(--magritte-ui-navbar-animation-progress)));
+}
+.magritte-navbar-transparent-end___6KqLR_1-0-1 .magritte-actions-only-stage___cg10A_1-0-1 .magritte-actions-right-slot___aodtj_1-0-1 .magritte-actions-side-slot-content___TlHrX_1-0-1 > :last-child,
+.magritte-navbar-transparent-end___6KqLR_1-0-1 .magritte-actions-only-stage___cg10A_1-0-1 .magritte-actions-left-slot___DNOj0_1-0-1 .magritte-actions-side-slot-content-clone___jDxVm_1-0-1 > :last-child{
+  --magritte-ui-icon-margin-right-override:calc(-8px * (1 - var(--magritte-ui-navbar-animation-progress)));
+}
+.magritte-actions-center-slot___hLAy6_1-0-1{
+  display:flex;
+  flex:1 1 auto;
+  min-width:0;
+}
+.magritte-actions-center-slot___hLAy6_1-0-1.magritte-actions-center-slot-centered___merXQ_1-0-1{
+  justify-content:center;
+}
+.magritte-actions-side-slot-content___TlHrX_1-0-1,
+.magritte-actions-side-slot-content-clone___jDxVm_1-0-1{
+  grid-area:1 / 1;
+  display:flex;
+  align-items:center;
+  gap:4px;
+}
+.magritte-actions-side-slot-content-clone___jDxVm_1-0-1{
+  visibility:hidden;
+  z-index:0;
+  pointer-events:none;
+  user-select:none;
+  contain:style layout;
+}
+.magritte-title-container-wrapper___DQUcj_1-0-1{
+  display:flex;
+  flex-direction:row;
+  align-items:center;
+  flex:0 1 auto;
+  min-width:0;
+  gap:12px;
+}
+.magritte-title-main-part___npoHN_1-0-1{
+  display:flex;
+  flex-direction:column;
+  flex:0 1 auto;
+  min-width:0;
+}
+.magritte-title-main-part___npoHN_1-0-1.magritte-centered___Y2mlP_1-0-1{
+  align-items:center;
+}
+.magritte-title-left-slot___HTE7h_1-0-1{
+  display:flex;
+  align-items:center;
+  flex:0 0 auto;
+}
+.magritte-title-container___y9AIx_1-0-1{
+  display:flex;
+  flex-direction:row;
+  align-items:center;
+  gap:6px;
+}
+.magritte-subtitle-container___nVUBu_1-0-1{
+  display:flex;
+}
+.magritte-title-morph-item___t7Wf3_1-0-1{
+  display:flex;
+  min-width:0;
+}
+.magritte-title___ZbLgP_1-0-1{
+  display:flex;
+  flex:0 1 auto;
+  min-width:0;
+}
+.magritte-pane-content___UVmC6_1-0-1{
+  position:relative;
+  pointer-events:none;
+  z-index:2;
+}
+.magritte-pane-background___PDZAX_1-0-1{
+  position:absolute;
+  background-color:var(--magritte-ui-nav-bar-background-color-override, var(--magritte-color-background-body-v23-2-2));
+  opacity:0;
+  inset:0;
+  z-index:-1;
+  transform-origin:0 0;
+}
+.magritte-navbar-transparent-start___wysv0_1-0-1 .magritte-pane-background___PDZAX_1-0-1{
+  opacity:calc(var(--magritte-ui-navbar-animation-progress) * 0.95);
+}
+.magritte-navbar-transparent-end___6KqLR_1-0-1 .magritte-pane-background___PDZAX_1-0-1{
+  opacity:calc((1 - var(--magritte-ui-navbar-animation-progress)) * 0.95);
+}
+.magritte-navbar-not-transparent___5KZNp_1-0-1 .magritte-pane-background___PDZAX_1-0-1{
+  opacity:0.95;
+}
+.magritte-morph-item___8kF46_1-0-1{
+  line-height:0;
+  transform-origin:var(--magritte-ui-morph-item-transform-origin-x, center) var(--magritte-ui-morph-item-transform-origin-y, center);
+}
+.magritte-morph-item-top___WPEkn_1-0-1{
+  --magritte-ui-morph-item-transform-origin-y:top;
+}
+.magritte-morph-item-bottom___zNbsF_1-0-1{
+  --magritte-ui-morph-item-transform-origin-y:bottom;
+}
+.magritte-morph-item-left___T6AMW_1-0-1{
+  --magritte-ui-morph-item-transform-origin-x:left;
+}
+.magritte-morph-item-right___EuT1E_1-0-1{
+  --magritte-ui-morph-item-transform-origin-x:right;
+}
+.magritte-pane___f8eFC_1-0-1{
+  position:relative;
+  overflow:hidden;
+  pointer-events:none;
+}
+.magritte-start-state-container___giBVb_1-0-1{
+  position:relative;
+  z-index:1;
+  box-sizing:border-box;
+  pointer-events:auto;
+}
+.magritte-end-state-container___uiW8Q_1-0-1{
+  position:absolute;
+  z-index:0;
+  top:0;
+  width:100%;
+  box-sizing:border-box;
+  pointer-events:none;
+  opacity:0;
+}
+.magritte-content-container___7s7vv_1-0-1{
+  box-sizing:border-box;
+}
+.magritte-next-pane___H2oxQ_1-0-1{
+  position:relative;
+}
+.magritte-nav-bar___RRGe0_1-0-1{
+  top:0;
+  position:sticky;
+  pointer-events:none;
+  overflow-anchor:none;
+  z-index:10;
+}
+.magritte-nav-bar-overlay___Mq5ZD_1-0-1 .magritte-nav-bar-overlay-wrapper___y1VpY_1-0-1{
+  position:absolute;
+  inset:0;
+}
+.magritte-nav-bar-content-container___H-WMO_1-0-1{
+  display:grid;
+  position:relative;
+}
+.magritte-nav-bar-panes-container___5ZDLa_1-0-1{
+  position:relative;
+  z-index:1;
+  grid-area:1 / 1;
+  min-width:0;
+}
+.magritte-nav-bar-progressive-blur___qyeUV_1-0-1{
+  position:relative;
+  z-index:0;
+  transform-origin:0 0;
+  grid-area:1 / 1;
+  min-width:0;
+}
+.magritte-nav-bar-content-container___H-WMO_1-0-1 :not(.magritte-next-pane___H2oxQ_1-0-1) .magritte-nav-bar-stage___amDz7_1-0-1,
+.magritte-nav-bar-content-container___H-WMO_1-0-1 :not(.magritte-next-pane___H2oxQ_1-0-1) .nav-bar-layout-animation-stage-start,
+.magritte-nav-bar-content-container___H-WMO_1-0-1 :not(.magritte-next-pane___H2oxQ_1-0-1) .nav-bar-layout-animation-stage-end{
+  padding-top:calc(8px + var(--magritte-ui-nav-bar-padding-top-override, 0px));
+}
+.magritte-nav-bar-stage___amDz7_1-0-1{
+  padding:8px var(--magritte-ui-nav-bar-stage-horizontal-padding-override, 16px);
+}
+.magritte-metrics-mode___h38aX_1-0-1 .magritte-morph-item___8kF46_1-0-1,
+.magritte-metrics-mode___h38aX_1-0-1 .magritte-pane___f8eFC_1-0-1,
+.magritte-metrics-mode___h38aX_1-0-1 .magritte-next-pane___H2oxQ_1-0-1{
+  transform:none !important;
+}
+.nav-bar-layout-animation-stage-end,
+.nav-bar-layout-animation-stage-start{
+  padding:8px var(--magritte-ui-nav-bar-stage-horizontal-padding-override, 16px);
+  position:static !important;
+  width:auto !important;
+  height:auto !important;
+  transform:none !important;
+}
+.nav-bar-layout-animation-stage-end .magritte-layout-morph___I3SPy_1-0-1,
+.nav-bar-layout-animation-stage-start .magritte-layout-morph___I3SPy_1-0-1{
+  position:static !important;
+  width:auto !important;
+  height:auto !important;
+  transform:none !important;
+}
+.magritte-layout-morph___I3SPy_1-0-1{
+  display:block;
+  position:absolute;
+  transform-origin:var(--magritte-ui-morph-item-transform-origin-x, center) var(--magritte-ui-morph-item-transform-origin-y, center);
+  z-index:3;
+}
+.magritte-animation-stage-progress___5FthT_1-0-1 .magritte-layout-morph___I3SPy_1-0-1 > *{
+  margin:0 !important;
+}
+.magritte-layout-morph-start___9-krP_1-0-1{
+  z-index:2;
+}
+.magritte-layout-morph-end___LIg4d_1-0-1{
+  z-index:1;
+}
+.nav-bar-layout-animation-stage-start .magritte-layout-morph___I3SPy_1-0-1{
+  display:contents;
+}
+.nav-bar-layout-animation-stage-start .magritte-layout-morph-end___LIg4d_1-0-1{
+  display:none;
+}
+.nav-bar-layout-animation-stage-end .magritte-layout-morph___I3SPy_1-0-1{
+  display:contents;
+}
+.nav-bar-layout-animation-stage-end .magritte-layout-morph-start___9-krP_1-0-1{
+  display:none;
+}
+.magritte-divider-container___-NdWi_1-0-1{
+  position:absolute;
+  width:100%;
+  bottom:0;
+  z-index:1;
+}

package/index.d.ts

@@ -0,0 +1,9 @@
+export { Actions, type ActionsProps } from '@hh.ru/magritte-ui-nav-bar/public/Actions';
+export { NavBar, type NavBarProps } from '@hh.ru/magritte-ui-nav-bar/public/NavBar';
+export { ExternalPane as Pane, type ExternalPaneProps as PaneProps } from '@hh.ru/magritte-ui-nav-bar/public/Pane';
+export { ExternalStage as Stage } from '@hh.ru/magritte-ui-nav-bar/public/Stage';
+export { Morph, type MorphProps } from '@hh.ru/magritte-ui-nav-bar/public/Morph';
+export { TitleContainer, type TitleContainerProps } from '@hh.ru/magritte-ui-nav-bar/public/TitleContainer';
+export { LayoutStage } from '@hh.ru/magritte-ui-nav-bar/public/LayoutStage';
+export { LayoutMorph, type LayoutMorphProps } from '@hh.ru/magritte-ui-nav-bar/public/LayoutMorph';
+export { EnvironmentFingerprintNode, type EnvironmentFingerprintNodeProps, } from '@hh.ru/magritte-ui-nav-bar/public/EnvironmentFingerprintNode';

package/index.js

@@ -0,0 +1,35 @@
+import './index.css';
+export { Actions } from './public/Actions.js';
+export { N as NavBar } from './NavBar-CrD8CEWb.js';
+export { ExternalPane as Pane } from './public/Pane.js';
+export { ExternalStage as Stage } from './public/Stage.js';
+export { Morph } from './public/Morph.js';
+export { TitleContainer } from './public/TitleContainer.js';
+export { LayoutStage } from './public/LayoutStage.js';
+export { LayoutMorph } from './public/LayoutMorph.js';
+export { EnvironmentFingerprintNode } from './public/EnvironmentFingerprintNode.js';
+import 'react/jsx-runtime';
+import 'react';
+import 'classnames';
+import '@hh.ru/magritte-ui-icon';
+import 'motion/react';
+import '@hh.ru/magritte-ui-divider';
+import '@hh.ru/magritte-ui-layer';
+import './internal/MetricsProvider.js';
+import './internal/utils.js';
+import './internal/ProgressiveBlur.js';
+import './internal/useAnimationRanges.js';
+import './internal/useBindScrollToAnimationProgress.js';
+import './internal/useDivider.js';
+import './internal/useNavBarMetrics.js';
+import './internal/useResetFocus.js';
+import './internal/useScrollAdapter.js';
+import '@hh.ru/magritte-internal-custom-scroll';
+import './internal/useSnapScroll.js';
+import './internal/useSyncMotionValue.js';
+import './internal/MorphStore.js';
+import './internal/KeyedSubscriptions.js';
+import './internal/PaneStore.js';
+import 'motion';
+import '@hh.ru/magritte-common-use-when-font-loaded';
+//# sourceMappingURL=index.js.map

package/index.js.map

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

package/index.mock.d.ts

@@ -0,0 +1,17 @@
+import { ForwardRefExoticComponent } from 'react';
+export { type ActionsProps } from '@hh.ru/magritte-ui-nav-bar/public/Actions';
+export { type NavBarProps } from '@hh.ru/magritte-ui-nav-bar/public/NavBar';
+export { type ExternalPaneProps as PaneProps } from '@hh.ru/magritte-ui-nav-bar/public/Pane';
+export { type MorphProps } from '@hh.ru/magritte-ui-nav-bar/public/Morph';
+export { type TitleContainerProps } from '@hh.ru/magritte-ui-nav-bar/public/TitleContainer';
+export { type LayoutMorphProps } from '@hh.ru/magritte-ui-nav-bar/public/LayoutMorph';
+export { type EnvironmentFingerprintNodeProps } from '@hh.ru/magritte-ui-nav-bar/public/EnvironmentFingerprintNode';
+export declare const NavBar: ForwardRefExoticComponent<Record<string, unknown>>;
+export declare const Actions: ForwardRefExoticComponent<Record<string, unknown>>;
+export declare const TitleContainer: ForwardRefExoticComponent<Record<string, unknown>>;
+export declare const Pane: ForwardRefExoticComponent<Record<string, unknown>>;
+export declare const Morph: ForwardRefExoticComponent<Record<string, unknown>>;
+export declare const Stage: ForwardRefExoticComponent<Record<string, unknown>>;
+export declare const LayoutMorph: ForwardRefExoticComponent<Record<string, unknown>>;
+export declare const LayoutStage: ForwardRefExoticComponent<Record<string, unknown>>;
+export declare const EnvironmentFingerprintNode: ForwardRefExoticComponent<Record<string, unknown>>;

package/index.mock.js

@@ -0,0 +1,47 @@
+import './index.css';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+
+function enhance(mockComponent, staticProps) {
+    // удаляем внутренний свойства реакта, чтобы не перезаписать ими mockComponent
+    delete staticProps.type;
+    delete staticProps.$$typeof;
+    delete staticProps.render;
+    for (const prop in staticProps) {
+        mockComponent[prop] = staticProps[prop];
+    }
+}
+const MockComponent = ({ style, ...props }) => (
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
+// eslint-disable-next-line react/jsx-no-undef
+jsx("magritte-component-mock", { "style-data": style, ...props }));
+/**
+ * Возвращает mock React компонента
+ */
+const mockComponent = (componentName, staticProps = {}, { withChildren, innerDependence, WrapperComponent } = {}) => {
+    const mockWrapper = forwardRef(({ children, ...props }, ref) => {
+        const mock = (
+        // eslint-disable-next-line react/jsx-no-undef
+        jsxs(MockComponent, { ...props, _component: componentName, children: [innerDependence ? innerDependence(props, ref) : null, withChildren ? children : null] }));
+        return WrapperComponent ? jsx(WrapperComponent, { ...props, children: mock }) : mock;
+    });
+    staticProps && enhance(mockWrapper, staticProps);
+    mockWrapper.displayName = 'magritte-ref';
+    return mockWrapper;
+};
+
+const NavBar = mockComponent('NavBar', undefined, {
+    withChildren: true,
+});
+const Actions = mockComponent('Action', undefined, { withChildren: true });
+const TitleContainer = mockComponent('TitleContainer', undefined, { withChildren: true });
+const Pane = mockComponent('Pane', undefined, { withChildren: true });
+const Morph = mockComponent('Morph', undefined, { withChildren: true });
+const Stage = mockComponent('Stage', undefined, { withChildren: true });
+const LayoutMorph = mockComponent('LayoutMorph', undefined, { withChildren: true });
+const LayoutStage = mockComponent('LayoutStage', undefined, { withChildren: true });
+const EnvironmentFingerprintNode = mockComponent('EnvironmentFingerprintNode', undefined, { withChildren: true });
+
+export { Actions, EnvironmentFingerprintNode, LayoutMorph, LayoutStage, Morph, NavBar, Pane, Stage, TitleContainer };
+//# sourceMappingURL=index.mock.js.map

package/index.mock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mock.js","sources":["../../mock-component/lib/setupMockComponent.js","../src/index.mock.ts"],"sourcesContent":["import { jsxs, jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\n\nfunction enhance(mockComponent, staticProps) {\n    // удаляем внутренний свойства реакта, чтобы не перезаписать ими mockComponent\n    delete staticProps.type;\n    delete staticProps.$$typeof;\n    delete staticProps.render;\n    for (const prop in staticProps) {\n        mockComponent[prop] = staticProps[prop];\n    }\n}\nconst MockComponent = ({ style, ...props }) => (\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\n// eslint-disable-next-line react/jsx-no-undef\njsx(\"magritte-component-mock\", { \"style-data\": style, ...props }));\nconst MockComponentRenderProp = ({ style, ...props }) => (\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\n// eslint-disable-next-line react/jsx-no-undef\njsx(\"magritte-component-mock-render-prop\", { \"style-data\": style, ...props }));\n/**\n * Возвращает mock React компонента\n */\nconst mockComponent = (componentName, staticProps = {}, { withChildren, innerDependence, WrapperComponent } = {}) => {\n    const mockWrapper = forwardRef(({ children, ...props }, ref) => {\n        const mock = (\n        // eslint-disable-next-line react/jsx-no-undef\n        jsxs(MockComponent, { ...props, _component: componentName, children: [innerDependence ? innerDependence(props, ref) : null, withChildren ? children : null] }));\n        return WrapperComponent ? jsx(WrapperComponent, { ...props, children: mock }) : mock;\n    });\n    staticProps && enhance(mockWrapper, staticProps);\n    mockWrapper.displayName = 'magritte-ref';\n    return mockWrapper;\n};\n/**\n * Возвращает mock React компонента, который рендерит переданный в него пропс render\n *\n * @param {String}              componentName               наименование компонента\n * @param {Object}              [staticProps]               объект со свойствами, которыми необходимо усилить mock\n * @param {Object}              [options]                   параметры мока\n * @param {boolean}             [options.withChildren]      флаг отвечает за рендеринг children компонента\n * @param {React.Component}     [options.innerDependence]   Реакт компонент, который рендерится внутри мока.\n *                                                          Необходим, когда mock компоненту требуется иметь\n *                                                           дополнительные элементы\n */\nconst mockComponentRenderProp = (componentName, staticProps, { withChildren, innerDependence, renderArguments } = { renderArguments: [] }) => {\n    const mockWrapper = ({ render, children, ...props }) => (jsxs(MockComponentRenderProp, { ...props, _component: componentName, children: [innerDependence ? innerDependence(props) : null, withChildren ? children : null, render?.(...(renderArguments || []))] }));\n    staticProps && enhance(mockWrapper, staticProps);\n    mockWrapper.displayName = 'magritte-component-mock-render-prop';\n    return mockWrapper;\n};\n\nexport { mockComponent, mockComponentRenderProp };\n//# sourceMappingURL=setupMockComponent.js.map\n","import { ForwardRefExoticComponent } from 'react';\n\nimport { mockComponent } from '@hh.ru/magritte-ui-mock-component';\n\nexport { type ActionsProps } from '@hh.ru/magritte-ui-nav-bar/public/Actions';\nexport { type NavBarProps } from '@hh.ru/magritte-ui-nav-bar/public/NavBar';\nexport { type ExternalPaneProps as PaneProps } from '@hh.ru/magritte-ui-nav-bar/public/Pane';\nexport { type MorphProps } from '@hh.ru/magritte-ui-nav-bar/public/Morph';\nexport { type TitleContainerProps } from '@hh.ru/magritte-ui-nav-bar/public/TitleContainer';\nexport { type LayoutMorphProps } from '@hh.ru/magritte-ui-nav-bar/public/LayoutMorph';\nexport { type EnvironmentFingerprintNodeProps } from '@hh.ru/magritte-ui-nav-bar/public/EnvironmentFingerprintNode';\n\nexport const NavBar: ForwardRefExoticComponent<Record<string, unknown>> = mockComponent('NavBar', undefined, {\n    withChildren: true,\n});\n\nexport const Actions = mockComponent('Action', undefined, { withChildren: true });\nexport const TitleContainer = mockComponent('TitleContainer', undefined, { withChildren: true });\nexport const Pane = mockComponent('Pane', undefined, { withChildren: true });\nexport const Morph = mockComponent('Morph', undefined, { withChildren: true });\nexport const Stage = mockComponent('Stage', undefined, { withChildren: true });\nexport const LayoutMorph = mockComponent('LayoutMorph', undefined, { withChildren: true });\nexport const LayoutStage = mockComponent('LayoutStage', undefined, { withChildren: true });\nexport const EnvironmentFingerprintNode: ForwardRefExoticComponent<Record<string, unknown>> = mockComponent(\n    'EnvironmentFingerprintNode',\n    undefined,\n    { withChildren: true }\n);\n"],"names":[],"mappings":";;;AAGA,SAAS,OAAO,CAAC,aAAa,EAAE,WAAW,EAAE;AAC7C;AACA,IAAI,OAAO,WAAW,CAAC,IAAI,CAAC;AAC5B,IAAI,OAAO,WAAW,CAAC,QAAQ,CAAC;AAChC,IAAI,OAAO,WAAW,CAAC,MAAM,CAAC;AAC9B,IAAI,KAAK,MAAM,IAAI,IAAI,WAAW,EAAE;AACpC,QAAQ,aAAa,CAAC,IAAI,CAAC,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;AAChD,KAAK;AACL,CAAC;AACD,MAAM,aAAa,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE;AAC1C;AACA;AACA;AACA,GAAG,CAAC,yBAAyB,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC;AAMnE;AACA;AACA;AACA,MAAM,aAAa,GAAG,CAAC,aAAa,EAAE,WAAW,GAAG,EAAE,EAAE,EAAE,YAAY,EAAE,eAAe,EAAE,gBAAgB,EAAE,GAAG,EAAE,KAAK;AACrH,IAAI,MAAM,WAAW,GAAG,UAAU,CAAC,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAK;AACpE,QAAQ,MAAM,IAAI;AAClB;AACA,QAAQ,IAAI,CAAC,aAAa,EAAE,EAAE,GAAG,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC,eAAe,GAAG,eAAe,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,IAAI,EAAE,YAAY,GAAG,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;AACxK,QAAQ,OAAO,gBAAgB,GAAG,GAAG,CAAC,gBAAgB,EAAE,EAAE,GAAG,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,GAAG,IAAI,CAAC;AAC7F,KAAK,CAAC,CAAC;AACP,IAAI,WAAW,IAAI,OAAO,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;AACrD,IAAI,WAAW,CAAC,WAAW,GAAG,cAAc,CAAC;AAC7C,IAAI,OAAO,WAAW,CAAC;AACvB,CAAC;;MCvBY,MAAM,GAAuD,aAAa,CAAC,QAAQ,EAAE,SAAS,EAAE;AACzG,IAAA,YAAY,EAAE,IAAI;AACrB,CAAA,EAAE;AAEU,MAAA,OAAO,GAAG,aAAa,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,EAAE;AACrE,MAAA,cAAc,GAAG,aAAa,CAAC,gBAAgB,EAAE,SAAS,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,EAAE;AACpF,MAAA,IAAI,GAAG,aAAa,CAAC,MAAM,EAAE,SAAS,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,EAAE;AAChE,MAAA,KAAK,GAAG,aAAa,CAAC,OAAO,EAAE,SAAS,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,EAAE;AAClE,MAAA,KAAK,GAAG,aAAa,CAAC,OAAO,EAAE,SAAS,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,EAAE;AAClE,MAAA,WAAW,GAAG,aAAa,CAAC,aAAa,EAAE,SAAS,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,EAAE;AAC9E,MAAA,WAAW,GAAG,aAAa,CAAC,aAAa,EAAE,SAAS,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,EAAE;AAC9E,MAAA,0BAA0B,GAAuD,aAAa,CACvG,4BAA4B,EAC5B,SAAS,EACT,EAAE,YAAY,EAAE,IAAI,EAAE;;;;"}