@gravity-ui/navigation 5.0.0 → 6.0.0-beta.1

package/build/esm/components/AsideHeader/components/FooterBar/FooterBar.js

@@ -1,93 +0,0 @@
-import './FooterBar.css';
-import React__default, { memo, useCallback, useMemo } from 'react';
-import { Ellipsis } from '@gravity-ui/icons';
-import { Tooltip, DropdownMenu } from '@gravity-ui/uikit';
-import { ASIDE_HEADER_EXPAND_DELAY } from '../../../constants.js';
-import { createBlock } from '../../../utils/cn.js';
-import { FooterLayoutContext } from '../../FooterLayoutContext.js';
-import i18n from '../../i18n/index.js';
-import { FooterItem } from '../FooterItem/FooterItem.js';
-import { MAX_VISIBLE_ITEMS } from './constants.js';
-import styles from './FooterBar.module.scss.js';
-
-const isValidFooterElement = (child) => {
-    return React__default.isValidElement(child) && child.type === FooterItem;
-};
-const getChildKey = (child, fallbackIndex) => {
-    if (React__default.isValidElement(child) && child.key) {
-        return child.key;
-    }
-    return fallbackIndex;
-};
-// Get title from child props for tooltip
-const getChildTitle = (child) => {
-    if (React__default.isValidElement(child) && child.props) {
-        return child.props.title;
-    }
-    return undefined;
-};
-const b = createBlock('footer-bar', styles);
-const FooterBar = memo(({ children, renderAfter, setCollapseBlocker, isPinned, isExpanded, maxVisibleItems = MAX_VISIBLE_ITEMS, }) => {
-    const childArray = React__default.Children.toArray(children).filter(Boolean);
-    // If only 1 element, render in vertical mode regardless of isPinned
-    const isHorizontal = isPinned && childArray.length > 1;
-    const handleDropdownOpenToggle = useCallback((isOpened) => {
-        setCollapseBlocker === null || setCollapseBlocker === undefined ? undefined : setCollapseBlocker(isOpened);
-    }, [setCollapseBlocker]);
-    const renderDropdownChild = useCallback((child) => {
-        if (!isValidFooterElement(child)) {
-            return child;
-        }
-        // In dropdown, always show text
-        return React__default.cloneElement(child, {
-            isExpanded: true,
-            layout: 'vertical',
-        });
-    }, []);
-    const { visibleChildren, hiddenChildren } = useMemo(() => {
-        if (childArray.length <= maxVisibleItems) {
-            return {
-                visibleChildren: childArray,
-                hiddenChildren: [],
-            };
-        }
-        // Reserve one slot for "more" button
-        const visibleCount = maxVisibleItems - 1;
-        return {
-            visibleChildren: childArray.slice(0, visibleCount),
-            hiddenChildren: childArray.slice(visibleCount),
-        };
-    }, [childArray, maxVisibleItems]);
-    const value = useMemo(() => ({
-        layout: isHorizontal ? 'horizontal' : 'vertical',
-        isExpanded,
-    }), [isHorizontal, isExpanded]);
-    const dropdownItems = useMemo(() => hiddenChildren.map((child) => ({
-        text: renderDropdownChild(child),
-        action: () => { }, // clicks are handled by the child itself
-    })), [hiddenChildren, renderDropdownChild]);
-    const afterContent = React__default.useMemo(() => (renderAfter ? renderAfter({ setCollapseBlocker }) : null), [renderAfter, setCollapseBlocker]);
-    return (React__default.createElement("div", { className: b() },
-        React__default.createElement("div", { className: b('items', { horizontal: isHorizontal }) },
-            React__default.createElement(FooterLayoutContext.Provider, { value: value }, visibleChildren.map((child, index) => {
-                const title = getChildTitle(child);
-                // In horizontal mode, wrap in Tooltip to show title on hover
-                if (isHorizontal && title) {
-                    return (React__default.createElement(Tooltip, { key: getChildKey(child, index), content: title, placement: "top", openDelay: ASIDE_HEADER_EXPAND_DELAY },
-                        React__default.createElement("div", { className: b('item') }, child)));
-                }
-                return (React__default.createElement("div", { key: getChildKey(child, index), className: b('item') }, child));
-            })),
-            hiddenChildren.length > 0 && (React__default.createElement("div", { className: b('item', { more: true }) },
-                React__default.createElement(DropdownMenu, { onOpenToggle: handleDropdownOpenToggle, items: dropdownItems, popupProps: {
-                        placement: isHorizontal ? 'top' : 'right',
-                        className: b('dropdown-popup'),
-                    }, switcherWrapperClassName: b('dropdown-switcher'), renderSwitcher: ({ onClick }) => (React__default.createElement(FooterItem, { id: "more", title: i18n('label_others'), icon: Ellipsis, isExpanded: !isHorizontal && isExpanded, layout: isHorizontal ? 'horizontal' : 'vertical', onItemClick: (_, __, event) => {
-                            onClick(event);
-                        } })) })))),
-        afterContent && (React__default.createElement("div", { className: b('after', { horizontal: isHorizontal }) }, afterContent))));
-});
-FooterBar.displayName = 'FooterBar';
-
-export { FooterBar };
-//# sourceMappingURL=FooterBar.js.map

package/build/esm/components/AsideHeader/components/FooterBar/FooterBar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FooterBar.js","sources":["../../../../../../../src/components/AsideHeader/components/FooterBar/FooterBar.tsx"],"sourcesContent":["import React, {memo, useCallback, useMemo} from 'react';\n\nimport {Ellipsis} from '@gravity-ui/icons';\nimport type {DropdownMenuItem} from '@gravity-ui/uikit';\nimport {DropdownMenu, Tooltip} from '@gravity-ui/uikit';\n\nimport {ASIDE_HEADER_EXPAND_DELAY} from '../../../constants';\nimport {createBlock} from '../../../utils/cn';\nimport {FooterLayoutContext, FooterLayoutContextValue} from '../../FooterLayoutContext';\nimport i18n from '../../i18n';\nimport {SetCollapseBlocker} from '../../types';\nimport {FooterItem} from '../FooterItem/FooterItem';\n\nimport {MAX_VISIBLE_ITEMS} from './constants';\n\nimport styles from './FooterBar.module.scss';\n\nconst isValidFooterElement = (child: React.ReactNode): child is React.ReactElement => {\n    return React.isValidElement(child) && child.type === FooterItem;\n};\n\nconst getChildKey = (child: React.ReactNode, fallbackIndex: number): string | number => {\n    if (React.isValidElement(child) && child.key) {\n        return child.key;\n    }\n    return fallbackIndex;\n};\n\n// Get title from child props for tooltip\nconst getChildTitle = (child: React.ReactNode): React.ReactNode => {\n    if (React.isValidElement(child) && child.props) {\n        return (child.props as {title?: React.ReactNode}).title;\n    }\n    return undefined;\n};\n\nconst b = createBlock('footer-bar', styles);\n\nexport interface FooterBarProps {\n    /** Array of footer elements (ReactNode[]) */\n    children: React.ReactNode[];\n    /** Render function for additional content after items (e.g., user profile). Receives options with setCollapseBlocker. */\n    renderAfter?: (options?: {setCollapseBlocker?: SetCollapseBlocker}) => React.ReactNode;\n    /** Registers a temporary block on collapse (e.g. while dropdown is open). Returns release function. */\n    setCollapseBlocker?: SetCollapseBlocker;\n    /** When `true`, the navigation is pinned (expanded). Items render horizontally. */\n    isPinned: boolean;\n    /** When `true`, the navigation is expanded (hover or pinned). */\n    isExpanded: boolean;\n    /** Maximum number of visible items before showing \"more\" button. Default: 5 */\n    maxVisibleItems?: number;\n}\n\nexport const FooterBar = memo<FooterBarProps>(\n    ({\n        children,\n        renderAfter,\n        setCollapseBlocker,\n        isPinned,\n        isExpanded,\n        maxVisibleItems = MAX_VISIBLE_ITEMS,\n    }) => {\n        const childArray = React.Children.toArray(children).filter(Boolean);\n\n        // If only 1 element, render in vertical mode regardless of isPinned\n        const isHorizontal = isPinned && childArray.length > 1;\n\n        const handleDropdownOpenToggle = useCallback(\n            (isOpened: boolean) => {\n                setCollapseBlocker?.(isOpened);\n            },\n            [setCollapseBlocker],\n        );\n\n        const renderDropdownChild = useCallback((child: React.ReactNode): React.ReactNode => {\n            if (!isValidFooterElement(child)) {\n                return child;\n            }\n\n            // In dropdown, always show text\n            return React.cloneElement(child, {\n                isExpanded: true,\n                layout: 'vertical',\n            });\n        }, []);\n\n        const {visibleChildren, hiddenChildren} = useMemo(() => {\n            if (childArray.length <= maxVisibleItems) {\n                return {\n                    visibleChildren: childArray,\n                    hiddenChildren: [],\n                };\n            }\n\n            // Reserve one slot for \"more\" button\n            const visibleCount = maxVisibleItems - 1;\n            return {\n                visibleChildren: childArray.slice(0, visibleCount),\n                hiddenChildren: childArray.slice(visibleCount),\n            };\n        }, [childArray, maxVisibleItems]);\n\n        const value: FooterLayoutContextValue = useMemo(\n            () => ({\n                layout: isHorizontal ? 'horizontal' : 'vertical',\n                isExpanded,\n            }),\n            [isHorizontal, isExpanded],\n        );\n\n        const dropdownItems: DropdownMenuItem[] = useMemo(\n            () =>\n                hiddenChildren.map((child) => ({\n                    text: renderDropdownChild(child),\n                    action: () => {}, // clicks are handled by the child itself\n                })),\n            [hiddenChildren, renderDropdownChild],\n        );\n\n        const afterContent = React.useMemo(\n            () => (renderAfter ? renderAfter({setCollapseBlocker}) : null),\n            [renderAfter, setCollapseBlocker],\n        );\n\n        return (\n            <div className={b()}>\n                <div className={b('items', {horizontal: isHorizontal})}>\n                    <FooterLayoutContext.Provider value={value}>\n                        {visibleChildren.map((child, index) => {\n                            const title = getChildTitle(child);\n\n                            // In horizontal mode, wrap in Tooltip to show title on hover\n                            if (isHorizontal && title) {\n                                return (\n                                    <Tooltip\n                                        key={getChildKey(child, index)}\n                                        content={title}\n                                        placement=\"top\"\n                                        openDelay={ASIDE_HEADER_EXPAND_DELAY}\n                                    >\n                                        <div className={b('item')}>{child}</div>\n                                    </Tooltip>\n                                );\n                            }\n\n                            return (\n                                <div key={getChildKey(child, index)} className={b('item')}>\n                                    {child}\n                                </div>\n                            );\n                        })}\n                    </FooterLayoutContext.Provider>\n\n                    {hiddenChildren.length > 0 && (\n                        <div className={b('item', {more: true})}>\n                            <DropdownMenu\n                                onOpenToggle={handleDropdownOpenToggle}\n                                items={dropdownItems}\n                                popupProps={{\n                                    placement: isHorizontal ? 'top' : 'right',\n                                    className: b('dropdown-popup'),\n                                }}\n                                switcherWrapperClassName={b('dropdown-switcher')}\n                                renderSwitcher={({onClick}) => (\n                                    <FooterItem\n                                        id=\"more\"\n                                        title={i18n('label_others')}\n                                        icon={Ellipsis}\n                                        isExpanded={!isHorizontal && isExpanded}\n                                        layout={isHorizontal ? 'horizontal' : 'vertical'}\n                                        onItemClick={(_, __, event) => {\n                                            onClick(event as React.MouseEvent<HTMLElement>);\n                                        }}\n                                    />\n                                )}\n                            />\n                        </div>\n                    )}\n                </div>\n\n                {afterContent && (\n                    <div className={b('after', {horizontal: isHorizontal})}>{afterContent}</div>\n                )}\n            </div>\n        );\n    },\n);\n\nFooterBar.displayName = 'FooterBar';\n"],"names":["React"],"mappings":"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"}

package/build/esm/components/AsideHeader/components/FooterBar/FooterBar.module.scss.js

@@ -1,4 +0,0 @@
-var styles = {"gn-footer-bar":"FooterBar-module__gn-footer-bar___dunXC","gnFooterBar":"FooterBar-module__gn-footer-bar___dunXC","gn-footer-bar__items":"FooterBar-module__gn-footer-bar__items___xBsUq","gnFooterBarItems":"FooterBar-module__gn-footer-bar__items___xBsUq","gn-footer-bar__items_horizontal":"FooterBar-module__gn-footer-bar__items_horizontal___DEeK6","gnFooterBarItemsHorizontal":"FooterBar-module__gn-footer-bar__items_horizontal___DEeK6","gn-footer-bar__item":"FooterBar-module__gn-footer-bar__item___KAJSe","gnFooterBarItem":"FooterBar-module__gn-footer-bar__item___KAJSe","gn-footer-bar__items_vertical":"FooterBar-module__gn-footer-bar__items_vertical___3A7jw","gnFooterBarItemsVertical":"FooterBar-module__gn-footer-bar__items_vertical___3A7jw","gn-footer-bar__after":"FooterBar-module__gn-footer-bar__after___yB8To","gnFooterBarAfter":"FooterBar-module__gn-footer-bar__after___yB8To","gn-footer-bar__after_horizontal":"FooterBar-module__gn-footer-bar__after_horizontal___t4KyN","gnFooterBarAfterHorizontal":"FooterBar-module__gn-footer-bar__after_horizontal___t4KyN","gn-footer-bar__dropdown-switcher":"FooterBar-module__gn-footer-bar__dropdown-switcher___Czw-L","gnFooterBarDropdownSwitcher":"FooterBar-module__gn-footer-bar__dropdown-switcher___Czw-L","gn-footer-bar__dropdown-popup":"FooterBar-module__gn-footer-bar__dropdown-popup___nWoMR","gnFooterBarDropdownPopup":"FooterBar-module__gn-footer-bar__dropdown-popup___nWoMR"};
-
-export { styles as default };
-//# sourceMappingURL=FooterBar.module.scss.js.map

package/build/esm/components/AsideHeader/components/FooterBar/FooterBar.module.scss.js.map

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

package/build/esm/components/AsideHeader/components/FooterBar/constants.d.ts

@@ -1 +0,0 @@
-export declare const MAX_VISIBLE_ITEMS = 5;

package/build/esm/components/AsideHeader/components/FooterBar/constants.js

@@ -1,4 +0,0 @@
-const MAX_VISIBLE_ITEMS = 5;
-
-export { MAX_VISIBLE_ITEMS };
-//# sourceMappingURL=constants.js.map

package/build/esm/components/AsideHeader/components/FooterBar/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sources":["../../../../../../../src/components/AsideHeader/components/FooterBar/constants.ts"],"sourcesContent":["export const MAX_VISIBLE_ITEMS = 5;\n"],"names":[],"mappings":"AAAO,MAAM,iBAAiB,GAAG;;;;"}

package/build/esm/components/AsideHeader/components/FooterBar/index.d.ts

@@ -1 +0,0 @@
-export { FooterBar } from './FooterBar';

package/build/esm/components/AsideHeader/hooks/useDelayedToggle.d.ts

@@ -1,6 +0,0 @@
-interface ToggleDelayConfig {
-    enableDelay: number;
-    disableDelay: number;
-}
-export declare function useDelayedToggle(currentValue: boolean, config?: ToggleDelayConfig, maybeShouldThrottleFn?: (value: boolean, previousValue: boolean) => boolean): boolean;
-export {};

package/build/esm/components/AsideHeader/hooks/useDelayedToggle.js

@@ -1,55 +0,0 @@
-import { useRef, useState, useEffect } from 'react';
-
-function defaultComparator(value, previousValue) {
-    return value !== previousValue;
-}
-function isTogglingOn(currentValue, previousValue) {
-    return !previousValue && Boolean(currentValue);
-}
-function isTogglingOff(currentValue, previousValue) {
-    return Boolean(previousValue) && !currentValue;
-}
-function useDelayedToggle(currentValue, config, maybeShouldThrottleFn) {
-    const shouldThrottleFn = defaultComparator;
-    const timerRef = useRef(null);
-    const valueCacheRef = useRef(currentValue);
-    const [value, setValue] = useState(currentValue);
-    const delayConfig = config;
-    useEffect(() => {
-        function clear() {
-            if (timerRef.current) {
-                clearTimeout(timerRef.current);
-                timerRef.current = null;
-            }
-        }
-        if (currentValue !== valueCacheRef.current) {
-            clear();
-            const shouldThrottle = shouldThrottleFn(currentValue, valueCacheRef.current);
-            const previousValue = valueCacheRef.current;
-            valueCacheRef.current = currentValue;
-            if (shouldThrottle) {
-                let delay;
-                if (isTogglingOn(currentValue, previousValue)) {
-                    delay = delayConfig.enableDelay;
-                }
-                else if (isTogglingOff(currentValue, previousValue)) {
-                    delay = delayConfig.disableDelay;
-                }
-                else {
-                    delay = delayConfig.enableDelay;
-                }
-                timerRef.current = setTimeout(() => {
-                    setValue(currentValue);
-                }, delay);
-            }
-            else {
-                setValue(currentValue);
-            }
-        }
-        return clear;
-    }, [currentValue, delayConfig.enableDelay, delayConfig.disableDelay, shouldThrottleFn]);
-    return value;
-}
-
-export { useDelayedToggle };
-//# sourceMappingURL=useDelayedToggle.js.map

package/build/esm/components/AsideHeader/hooks/useDelayedToggle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDelayedToggle.js","sources":["../../../../../../src/components/AsideHeader/hooks/useDelayedToggle.ts"],"sourcesContent":["import {useEffect, useRef, useState} from 'react';\n\ninterface ToggleDelayConfig {\n    enableDelay: number;\n    disableDelay: number;\n}\n\nconst DEFAULT_CONFIG: ToggleDelayConfig = {\n    enableDelay: 500,\n    disableDelay: 200,\n};\n\nfunction defaultComparator(value: boolean, previousValue: boolean): boolean {\n    return value !== previousValue;\n}\n\nfunction isTogglingOn(currentValue: boolean, previousValue: boolean): boolean {\n    return !previousValue && Boolean(currentValue);\n}\n\nfunction isTogglingOff(currentValue: boolean, previousValue: boolean): boolean {\n    return Boolean(previousValue) && !currentValue;\n}\n\nexport function useDelayedToggle(\n    currentValue: boolean,\n    config?: ToggleDelayConfig,\n    maybeShouldThrottleFn?: (value: boolean, previousValue: boolean) => boolean,\n): boolean {\n    const shouldThrottleFn = maybeShouldThrottleFn || defaultComparator;\n    const timerRef = useRef<NodeJS.Timeout | null>(null);\n    const valueCacheRef = useRef(currentValue);\n    const [value, setValue] = useState(currentValue);\n\n    const delayConfig = config || DEFAULT_CONFIG;\n\n    useEffect(() => {\n        function clear() {\n            if (timerRef.current) {\n                clearTimeout(timerRef.current);\n                timerRef.current = null;\n            }\n        }\n\n        if (currentValue !== valueCacheRef.current) {\n            clear();\n\n            const shouldThrottle = shouldThrottleFn(currentValue, valueCacheRef.current);\n            const previousValue = valueCacheRef.current;\n\n            valueCacheRef.current = currentValue;\n\n            if (shouldThrottle) {\n                let delay: number;\n\n                if (isTogglingOn(currentValue, previousValue)) {\n                    delay = delayConfig.enableDelay;\n                } else if (isTogglingOff(currentValue, previousValue)) {\n                    delay = delayConfig.disableDelay;\n                } else {\n                    delay = delayConfig.enableDelay;\n                }\n\n                timerRef.current = setTimeout(() => {\n                    setValue(currentValue);\n                }, delay);\n            } else {\n                setValue(currentValue);\n            }\n        }\n\n        return clear;\n    }, [currentValue, delayConfig.enableDelay, delayConfig.disableDelay, shouldThrottleFn]);\n\n    return value;\n}\n"],"names":[],"mappings":";;AAYA,SAAS,iBAAiB,CAAC,KAAc,EAAE,aAAsB,EAAA;IAC7D,OAAO,KAAK,KAAK,aAAa;AAClC;AAEA,SAAS,YAAY,CAAC,YAAqB,EAAE,aAAsB,EAAA;AAC/D,IAAA,OAAO,CAAC,aAAa,IAAI,OAAO,CAAC,YAAY,CAAC;AAClD;AAEA,SAAS,aAAa,CAAC,YAAqB,EAAE,aAAsB,EAAA;AAChE,IAAA,OAAO,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,YAAY;AAClD;SAEgB,gBAAgB,CAC5B,YAAqB,EACrB,MAA0B,EAC1B,qBAA2E,EAAA;AAE3E,IAAA,MAAM,gBAAgB,GAA4B,iBAAiB;AACnE,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAwB,IAAI,CAAC;AACpD,IAAA,MAAM,aAAa,GAAG,MAAM,CAAC,YAAY,CAAC;IAC1C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC;AAEhD,IAAA,MAAM,WAAW,GAAG,MAAwB;IAE5C,SAAS,CAAC,MAAK;AACX,QAAA,SAAS,KAAK,GAAA;AACV,YAAA,IAAI,QAAQ,CAAC,OAAO,EAAE;AAClB,gBAAA,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC;AAC9B,gBAAA,QAAQ,CAAC,OAAO,GAAG,IAAI;;;AAI/B,QAAA,IAAI,YAAY,KAAK,aAAa,CAAC,OAAO,EAAE;AACxC,YAAA,KAAK,EAAE;YAEP,MAAM,cAAc,GAAG,gBAAgB,CAAC,YAAY,EAAE,aAAa,CAAC,OAAO,CAAC;AAC5E,YAAA,MAAM,aAAa,GAAG,aAAa,CAAC,OAAO;AAE3C,YAAA,aAAa,CAAC,OAAO,GAAG,YAAY;YAEpC,IAAI,cAAc,EAAE;AAChB,gBAAA,IAAI,KAAa;AAEjB,gBAAA,IAAI,YAAY,CAAC,YAAY,EAAE,aAAa,CAAC,EAAE;AAC3C,oBAAA,KAAK,GAAG,WAAW,CAAC,WAAW;;AAC5B,qBAAA,IAAI,aAAa,CAAC,YAAY,EAAE,aAAa,CAAC,EAAE;AACnD,oBAAA,KAAK,GAAG,WAAW,CAAC,YAAY;;qBAC7B;AACH,oBAAA,KAAK,GAAG,WAAW,CAAC,WAAW;;AAGnC,gBAAA,QAAQ,CAAC,OAAO,GAAG,UAAU,CAAC,MAAK;oBAC/B,QAAQ,CAAC,YAAY,CAAC;iBACzB,EAAE,KAAK,CAAC;;iBACN;gBACH,QAAQ,CAAC,YAAY,CAAC;;;AAI9B,QAAA,OAAO,KAAK;AAChB,KAAC,EAAE,CAAC,YAAY,EAAE,WAAW,CAAC,WAAW,EAAE,WAAW,CAAC,YAAY,EAAE,gBAAgB,CAAC,CAAC;AAEvF,IAAA,OAAO,KAAK;AAChB;;;;"}

package/build/esm/components/AsideHeader/hooks/useIsExpanded.d.ts

@@ -1,9 +0,0 @@
-import { SetCollapseBlocker } from '../types';
-interface UseIsExpandedResult {
-    isExpanded: boolean;
-    onExpand: () => void;
-    onFold: () => void;
-    setCollapseBlocker: SetCollapseBlocker;
-}
-export declare const useIsExpanded: (externalPinned: boolean) => UseIsExpandedResult;
-export {};

package/build/esm/components/AsideHeader/hooks/useIsExpanded.js

@@ -1,65 +0,0 @@
-import { useState, useRef, useEffect, useCallback } from 'react';
-import { ASIDE_HEADER_EXPAND_DELAY, ASIDE_HEADER_EXPAND_TRANSITION_DELAY } from '../../constants.js';
-import { useDelayedToggle } from './useDelayedToggle.js';
-
-const useIsExpanded = (externalPinned) => {
-    const [isExpanded, setIsExpanded] = useState(externalPinned);
-    const [isMouseInside, setIsMouseInside] = useState(false);
-    const collapseBlockerCountRef = useRef(0);
-    const pendingFoldRef = useRef(false);
-    useEffect(() => {
-        if (!externalPinned && isExpanded) {
-            return;
-        }
-        setIsExpanded(externalPinned);
-        // We need to run this effect only when externalPinned changes
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [externalPinned]);
-    const delayedShouldExpand = useDelayedToggle(isMouseInside, {
-        enableDelay: ASIDE_HEADER_EXPAND_DELAY,
-        disableDelay: ASIDE_HEADER_EXPAND_TRANSITION_DELAY,
-    });
-    // Update isExpanded based on hover
-    useEffect(() => {
-        if (!externalPinned) {
-            setIsExpanded(delayedShouldExpand);
-        }
-        // Re-run when externalPinned changes so we sync to hover state after pin/unpin
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [delayedShouldExpand, externalPinned]);
-    const performFold = useCallback(() => {
-        setIsMouseInside(false);
-    }, []);
-    const handleExpand = useCallback(() => {
-        pendingFoldRef.current = false;
-        setIsMouseInside(true);
-    }, []);
-    const handleFold = useCallback(() => {
-        if (collapseBlockerCountRef.current > 0) {
-            pendingFoldRef.current = true;
-            return;
-        }
-        performFold();
-    }, [performFold]);
-    const setCollapseBlocker = useCallback((isBlocked) => {
-        if (isBlocked) {
-            collapseBlockerCountRef.current += 1;
-        }
-        else if (collapseBlockerCountRef.current > 0) {
-            collapseBlockerCountRef.current -= 1;
-            if (collapseBlockerCountRef.current === 0 && pendingFoldRef.current) {
-                pendingFoldRef.current = false;
-                performFold();
-            }
-        }
-    }, [performFold]);
-    return {
-        isExpanded,
-        onExpand: handleExpand,
-        onFold: handleFold,
-        setCollapseBlocker,
-    };
-};
-
-export { useIsExpanded };
-//# sourceMappingURL=useIsExpanded.js.map

package/build/esm/components/AsideHeader/hooks/useIsExpanded.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useIsExpanded.js","sources":["../../../../../../src/components/AsideHeader/hooks/useIsExpanded.ts"],"sourcesContent":["import {useCallback, useEffect, useRef, useState} from 'react';\n\nimport {ASIDE_HEADER_EXPAND_DELAY, ASIDE_HEADER_EXPAND_TRANSITION_DELAY} from '../../constants';\nimport {SetCollapseBlocker} from '../types';\n\nimport {useDelayedToggle} from './useDelayedToggle';\n\ninterface UseIsExpandedResult {\n    isExpanded: boolean;\n    onExpand: () => void;\n    onFold: () => void;\n    setCollapseBlocker: SetCollapseBlocker;\n}\n\nexport const useIsExpanded = (externalPinned: boolean): UseIsExpandedResult => {\n    const [isExpanded, setIsExpanded] = useState(externalPinned);\n    const [isMouseInside, setIsMouseInside] = useState(false);\n    const collapseBlockerCountRef = useRef(0);\n    const pendingFoldRef = useRef(false);\n\n    useEffect(() => {\n        if (!externalPinned && isExpanded) {\n            return;\n        }\n\n        setIsExpanded(externalPinned);\n        // We need to run this effect only when externalPinned changes\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [externalPinned]);\n\n    const delayedShouldExpand = useDelayedToggle(isMouseInside, {\n        enableDelay: ASIDE_HEADER_EXPAND_DELAY,\n        disableDelay: ASIDE_HEADER_EXPAND_TRANSITION_DELAY,\n    });\n\n    // Update isExpanded based on hover\n    useEffect(() => {\n        if (!externalPinned) {\n            setIsExpanded(delayedShouldExpand);\n        }\n        // Re-run when externalPinned changes so we sync to hover state after pin/unpin\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [delayedShouldExpand, externalPinned]);\n\n    const performFold = useCallback(() => {\n        setIsMouseInside(false);\n    }, []);\n\n    const handleExpand = useCallback(() => {\n        pendingFoldRef.current = false;\n\n        setIsMouseInside(true);\n    }, []);\n\n    const handleFold = useCallback(() => {\n        if (collapseBlockerCountRef.current > 0) {\n            pendingFoldRef.current = true;\n\n            return;\n        }\n\n        performFold();\n    }, [performFold]);\n\n    const setCollapseBlocker = useCallback(\n        (isBlocked: boolean) => {\n            if (isBlocked) {\n                collapseBlockerCountRef.current += 1;\n            } else if (collapseBlockerCountRef.current > 0) {\n                collapseBlockerCountRef.current -= 1;\n\n                if (collapseBlockerCountRef.current === 0 && pendingFoldRef.current) {\n                    pendingFoldRef.current = false;\n                    performFold();\n                }\n            }\n        },\n        [performFold],\n    );\n\n    return {\n        isExpanded,\n        onExpand: handleExpand,\n        onFold: handleFold,\n        setCollapseBlocker,\n    };\n};\n"],"names":[],"mappings":";;;;AAca,MAAA,aAAa,GAAG,CAAC,cAAuB,KAAyB;IAC1E,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,cAAc,CAAC;IAC5D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AACzD,IAAA,MAAM,uBAAuB,GAAG,MAAM,CAAC,CAAC,CAAC;AACzC,IAAA,MAAM,cAAc,GAAG,MAAM,CAAC,KAAK,CAAC;IAEpC,SAAS,CAAC,MAAK;AACX,QAAA,IAAI,CAAC,cAAc,IAAI,UAAU,EAAE;YAC/B;;QAGJ,aAAa,CAAC,cAAc,CAAC;;;AAGjC,KAAC,EAAE,CAAC,cAAc,CAAC,CAAC;AAEpB,IAAA,MAAM,mBAAmB,GAAG,gBAAgB,CAAC,aAAa,EAAE;AACxD,QAAA,WAAW,EAAE,yBAAyB;AACtC,QAAA,YAAY,EAAE,oCAAoC;AACrD,KAAA,CAAC;;IAGF,SAAS,CAAC,MAAK;QACX,IAAI,CAAC,cAAc,EAAE;YACjB,aAAa,CAAC,mBAAmB,CAAC;;;;AAI1C,KAAC,EAAE,CAAC,mBAAmB,EAAE,cAAc,CAAC,CAAC;AAEzC,IAAA,MAAM,WAAW,GAAG,WAAW,CAAC,MAAK;QACjC,gBAAgB,CAAC,KAAK,CAAC;KAC1B,EAAE,EAAE,CAAC;AAEN,IAAA,MAAM,YAAY,GAAG,WAAW,CAAC,MAAK;AAClC,QAAA,cAAc,CAAC,OAAO,GAAG,KAAK;QAE9B,gBAAgB,CAAC,IAAI,CAAC;KACzB,EAAE,EAAE,CAAC;AAEN,IAAA,MAAM,UAAU,GAAG,WAAW,CAAC,MAAK;AAChC,QAAA,IAAI,uBAAuB,CAAC,OAAO,GAAG,CAAC,EAAE;AACrC,YAAA,cAAc,CAAC,OAAO,GAAG,IAAI;YAE7B;;AAGJ,QAAA,WAAW,EAAE;AACjB,KAAC,EAAE,CAAC,WAAW,CAAC,CAAC;AAEjB,IAAA,MAAM,kBAAkB,GAAG,WAAW,CAClC,CAAC,SAAkB,KAAI;QACnB,IAAI,SAAS,EAAE;AACX,YAAA,uBAAuB,CAAC,OAAO,IAAI,CAAC;;AACjC,aAAA,IAAI,uBAAuB,CAAC,OAAO,GAAG,CAAC,EAAE;AAC5C,YAAA,uBAAuB,CAAC,OAAO,IAAI,CAAC;YAEpC,IAAI,uBAAuB,CAAC,OAAO,KAAK,CAAC,IAAI,cAAc,CAAC,OAAO,EAAE;AACjE,gBAAA,cAAc,CAAC,OAAO,GAAG,KAAK;AAC9B,gBAAA,WAAW,EAAE;;;AAGzB,KAAC,EACD,CAAC,WAAW,CAAC,CAChB;IAED,OAAO;QACH,UAAU;AACV,QAAA,QAAQ,EAAE,YAAY;AACtB,QAAA,MAAM,EAAE,UAAU;QAClB,kBAAkB;KACrB;AACL;;;;"}

package/build/esm/components/AsideHeader/utils/getGroupHeight.d.ts

@@ -1,2 +0,0 @@
-import { MenuItemsWithGroups } from '../types';
-export declare function getGroupBlockHeight(items: MenuItemsWithGroups[], isCompactMode?: boolean): number;

package/build/esm/components/AsideHeader/utils/getGroupHeight.js

@@ -1,14 +0,0 @@
-import { ITEM_GAP, ITEM_HEIGHT_COMPACT, ITEM_HEIGHT } from '../../constants.js';
-
-function getGroupBlockHeight(items, isCompactMode) {
-    const itemHeight = isCompactMode ? ITEM_HEIGHT_COMPACT : ITEM_HEIGHT;
-    if (items.length === 0) {
-        return itemHeight;
-    }
-    const gaps = items.length * ITEM_GAP;
-    // +1 accounts for the group header item in addition to the menu items
-    return (items.length + 1) * itemHeight + gaps;
-}
-
-export { getGroupBlockHeight };
-//# sourceMappingURL=getGroupHeight.js.map

package/build/esm/components/AsideHeader/utils/getGroupHeight.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getGroupHeight.js","sources":["../../../../../../src/components/AsideHeader/utils/getGroupHeight.ts"],"sourcesContent":["import {ITEM_GAP, ITEM_HEIGHT, ITEM_HEIGHT_COMPACT} from '../../constants';\nimport {MenuItemsWithGroups} from '../types';\n\nexport function getGroupBlockHeight(items: MenuItemsWithGroups[], isCompactMode?: boolean) {\n    const itemHeight = isCompactMode ? ITEM_HEIGHT_COMPACT : ITEM_HEIGHT;\n\n    if (items.length === 0) {\n        return itemHeight;\n    }\n\n    const gaps = items.length * ITEM_GAP;\n\n    // +1 accounts for the group header item in addition to the menu items\n    return (items.length + 1) * itemHeight + gaps;\n}\n"],"names":[],"mappings":";;AAGgB,SAAA,mBAAmB,CAAC,KAA4B,EAAE,aAAuB,EAAA;IACrF,MAAM,UAAU,GAAG,aAAa,GAAG,mBAAmB,GAAG,WAAW;AAEpE,IAAA,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;AACpB,QAAA,OAAO,UAAU;;AAGrB,IAAA,MAAM,IAAI,GAAG,KAAK,CAAC,MAAM,GAAG,QAAQ;;IAGpC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,UAAU,GAAG,IAAI;AACjD;;;;"}

package/build/esm/components/utils/getCollapsedWidth.d.ts

@@ -1 +0,0 @@
-export declare function getCollapsedWidth(isCompactMode?: boolean): number;

package/build/esm/components/utils/getCollapsedWidth.js

@@ -1,8 +0,0 @@
-import { ASIDE_HEADER_COLLAPSED_WIDTH_COMPACT_MODE, ASIDE_HEADER_COLLAPSED_WIDTH } from '../constants.js';
-
-function getCollapsedWidth(isCompactMode) {
-    return isCompactMode ? ASIDE_HEADER_COLLAPSED_WIDTH_COMPACT_MODE : ASIDE_HEADER_COLLAPSED_WIDTH;
-}
-
-export { getCollapsedWidth };
-//# sourceMappingURL=getCollapsedWidth.js.map

package/build/esm/components/utils/getCollapsedWidth.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getCollapsedWidth.js","sources":["../../../../../src/components/utils/getCollapsedWidth.ts"],"sourcesContent":["import {\n    ASIDE_HEADER_COLLAPSED_WIDTH,\n    ASIDE_HEADER_COLLAPSED_WIDTH_COMPACT_MODE,\n} from '../constants';\n\nexport function getCollapsedWidth(isCompactMode?: boolean): number {\n    return isCompactMode ? ASIDE_HEADER_COLLAPSED_WIDTH_COMPACT_MODE : ASIDE_HEADER_COLLAPSED_WIDTH;\n}\n"],"names":[],"mappings":";;AAKM,SAAU,iBAAiB,CAAC,aAAuB,EAAA;IACrD,OAAO,aAAa,GAAG,yCAAyC,GAAG,4BAA4B;AACnG;;;;"}