@gravity-ui/navigation 3.11.0 → 4.0.1

package/build/cjs/components/Title/i18n/ru.json.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var button_close = "Закрыть";
+var ru = {
+	button_close: button_close
+};
+
+exports.button_close = button_close;
+exports.default = ru;
+//# sourceMappingURL=ru.json.js.map

package/build/cjs/components/Title/i18n/ru.json.js.map

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

package/build/cjs/components/TopAlert/TopAlert.css

@@ -0,0 +1 @@
+.TopAlert-module__gn-top-alert_centered___Zz2Tr{display:flex;justify-content:space-around}.TopAlert-module__gn-top-alert_dense___g9zWf{padding-bottom:var(--g-spacing-2);padding-top:var(--g-spacing-2)}.TopAlert-module__gn-top-alert__wrapper_with-bottom-border___rsDJ-:after{background-color:var(--gn-aside-header-divider-horizontal-color,var(--_--horizontal-divider-line-color));content:"";display:block;height:1px;margin-top:-1px}

package/build/cjs/components/TopAlert/TopAlert.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import { TopAlertProps } from '../types';
-import './TopAlert.scss';
 type Props = {
     alert?: TopAlertProps;
     className?: string;

package/build/cjs/components/TopAlert/TopAlert.js

@@ -0,0 +1,40 @@
+import './TopAlert.css';
+'use strict';
+
+var React = require('react');
+var uikit = require('@gravity-ui/uikit');
+var cn = require('../utils/cn.js');
+var useTopAlertHeight = require('./useTopAlertHeight.js');
+var TopAlert_module = require('./TopAlert.module.scss.js');
+
+const b = cn.createBlock('top-alert', TopAlert_module.default);
+const TopAlert = ({ alert, className, mobileView = false }) => {
+    const { alertRef, updateTopSize } = useTopAlertHeight.useTopAlertHeight({ alert });
+    const [opened, setOpened] = React.useState(true);
+    const handleClose = React.useCallback(() => {
+        var _a;
+        setOpened(false);
+        if (alert && 'onCloseTopAlert' in alert) {
+            (_a = alert.onCloseTopAlert) === null || _a === undefined ? undefined : _a.call(alert);
+        }
+    }, [alert]);
+    React.useEffect(() => {
+        if (!opened) {
+            updateTopSize();
+        }
+    }, [opened, updateTopSize]);
+    if (!alert) {
+        return null;
+    }
+    const { render } = alert;
+    if (typeof render === 'function') {
+        return (React.createElement("div", { ref: alertRef, className: b('wrapper', { 'with-bottom-border': !mobileView && opened }, className) }, opened && render({ handleClose })));
+    }
+    return (React.createElement("div", { ref: alertRef, className: b('wrapper', { 'with-bottom-border': !mobileView && opened }, className) }, opened && (React.createElement(uikit.Alert, { className: b('', {
+            centered: alert.centered,
+            dense: alert.dense,
+        }), corners: "square", layout: "horizontal", align: alert.align, theme: alert.theme || 'warning', view: alert.view, icon: alert.icon, title: alert.title, message: mobileView ? (React.createElement(uikit.Text, { ellipsisLines: 5, variant: "body-2" }, alert.message)) : (alert.message), actions: alert.actions, onClose: alert.closable ? handleClose : undefined }))));
+};
+
+exports.TopAlert = TopAlert;
+//# sourceMappingURL=TopAlert.js.map

package/build/cjs/components/TopAlert/TopAlert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopAlert.js","sources":["../../../../../src/components/TopAlert/TopAlert.tsx"],"sourcesContent":["import React from 'react';\n\nimport {Alert, Text} from '@gravity-ui/uikit';\n\nimport {TopAlertProps} from '../types';\nimport {createBlock} from '../utils/cn';\n\nimport {useTopAlertHeight} from './useTopAlertHeight';\n\nimport styles from './TopAlert.module.scss';\n\nconst b = createBlock('top-alert', styles);\n\ntype Props = {\n    alert?: TopAlertProps;\n    className?: string;\n    mobileView?: boolean;\n};\n\nexport const TopAlert = ({alert, className, mobileView = false}: Props) => {\n    const {alertRef, updateTopSize} = useTopAlertHeight({alert});\n\n    const [opened, setOpened] = React.useState(true);\n\n    const handleClose = React.useCallback(() => {\n        setOpened(false);\n\n        if (alert && 'onCloseTopAlert' in alert) {\n            alert.onCloseTopAlert?.();\n        }\n    }, [alert]);\n\n    React.useEffect(() => {\n        if (!opened) {\n            updateTopSize();\n        }\n    }, [opened, updateTopSize]);\n\n    if (!alert) {\n        return null;\n    }\n\n    const {render} = alert;\n\n    if (typeof render === 'function') {\n        return (\n            <div\n                ref={alertRef}\n                className={b('wrapper', {'with-bottom-border': !mobileView && opened}, className)}\n            >\n                {opened && render({handleClose})}\n            </div>\n        );\n    }\n\n    return (\n        <div\n            ref={alertRef}\n            className={b('wrapper', {'with-bottom-border': !mobileView && opened}, className)}\n        >\n            {opened && (\n                <Alert\n                    className={b('', {\n                        centered: alert.centered,\n                        dense: alert.dense,\n                    })}\n                    corners=\"square\"\n                    layout=\"horizontal\"\n                    align={alert.align}\n                    theme={alert.theme || 'warning'}\n                    view={alert.view}\n                    icon={alert.icon}\n                    title={alert.title}\n                    message={\n                        mobileView ? (\n                            <Text ellipsisLines={5} variant=\"body-2\">\n                                {alert.message}\n                            </Text>\n                        ) : (\n                            alert.message\n                        )\n                    }\n                    actions={alert.actions}\n                    onClose={alert.closable ? handleClose : undefined}\n                />\n            )}\n        </div>\n    );\n};\n"],"names":["createBlock","styles","useTopAlertHeight","Alert","Text"],"mappings":";;;;;;;;AAWA,MAAM,CAAC,GAAGA,cAAW,CAAC,WAAW,EAAEC,uBAAM,CAAC;AAQnC,MAAM,QAAQ,GAAG,CAAC,EAAC,KAAK,EAAE,SAAS,EAAE,UAAU,GAAG,KAAK,EAAQ,KAAI;AACtE,IAAA,MAAM,EAAC,QAAQ,EAAE,aAAa,EAAC,GAAGC,mCAAiB,CAAC,EAAC,KAAK,EAAC,CAAC;AAE5D,IAAA,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC;AAEhD,IAAA,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,MAAK;;QACvC,SAAS,CAAC,KAAK,CAAC;AAEhB,QAAA,IAAI,KAAK,IAAI,iBAAiB,IAAI,KAAK,EAAE;AACrC,YAAA,CAAA,EAAA,GAAA,KAAK,CAAC,eAAe,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,IAAA,CAAA,KAAA,CAAI;;AAEjC,KAAC,EAAE,CAAC,KAAK,CAAC,CAAC;AAEX,IAAA,KAAK,CAAC,SAAS,CAAC,MAAK;QACjB,IAAI,CAAC,MAAM,EAAE;AACT,YAAA,aAAa,EAAE;;AAEvB,KAAC,EAAE,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;IAE3B,IAAI,CAAC,KAAK,EAAE;AACR,QAAA,OAAO,IAAI;;AAGf,IAAA,MAAM,EAAC,MAAM,EAAC,GAAG,KAAK;AAEtB,IAAA,IAAI,OAAO,MAAM,KAAK,UAAU,EAAE;AAC9B,QAAA,QACI,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,oBAAoB,EAAE,CAAC,UAAU,IAAI,MAAM,EAAC,EAAE,SAAS,CAAC,IAEhF,MAAM,IAAI,MAAM,CAAC,EAAC,WAAW,EAAC,CAAC,CAC9B;;AAId,IAAA,QACI,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,oBAAoB,EAAE,CAAC,UAAU,IAAI,MAAM,EAAC,EAAE,SAAS,CAAC,EAAA,EAEhF,MAAM,KACH,KAAC,CAAA,aAAA,CAAAC,WAAK,IACF,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,QAAQ,EAAE,KAAK,CAAC,QAAQ;YACxB,KAAK,EAAE,KAAK,CAAC,KAAK;SACrB,CAAC,EACF,OAAO,EAAC,QAAQ,EAChB,MAAM,EAAC,YAAY,EACnB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,SAAS,EAC/B,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EACH,UAAU,IACN,oBAACC,UAAI,EAAA,EAAC,aAAa,EAAE,CAAC,EAAE,OAAO,EAAC,QAAQ,EACnC,EAAA,KAAK,CAAC,OAAO,CACX,KAEP,KAAK,CAAC,OAAO,CAChB,EAEL,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,OAAO,EAAE,KAAK,CAAC,QAAQ,GAAG,WAAW,GAAG,SAAS,EACnD,CAAA,CACL,CACC;AAEd;;;;"}

package/build/cjs/components/TopAlert/TopAlert.module.scss.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"g-root":"TopAlert-module__g-root___D2UwZ","gRoot":"TopAlert-module__g-root___D2UwZ","gn-top-alert_centered":"TopAlert-module__gn-top-alert_centered___Zz2Tr","gnTopAlertCentered":"TopAlert-module__gn-top-alert_centered___Zz2Tr","gn-top-alert_dense":"TopAlert-module__gn-top-alert_dense___g9zWf","gnTopAlertDense":"TopAlert-module__gn-top-alert_dense___g9zWf","gn-top-alert__wrapper_with-bottom-border":"TopAlert-module__gn-top-alert__wrapper_with-bottom-border___rsDJ-","gnTopAlertWrapperWithBottomBorder":"TopAlert-module__gn-top-alert__wrapper_with-bottom-border___rsDJ-"};
+
+exports.default = styles;
+//# sourceMappingURL=TopAlert.module.scss.js.map

package/build/cjs/components/TopAlert/TopAlert.module.scss.js.map

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

package/build/cjs/components/TopAlert/index.js

@@ -0,0 +1,8 @@
+'use strict';
+
+var TopAlert = require('./TopAlert.js');
+
+
+
+exports.TopAlert = TopAlert.TopAlert;
+//# sourceMappingURL=index.js.map

package/build/cjs/components/TopAlert/index.js.map

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

package/build/cjs/components/TopAlert/useTopAlertHeight.js

@@ -0,0 +1,38 @@
+'use strict';
+
+var React = require('react');
+var debounce = require('../../_virtual/debounce.js');
+
+const G_ROOT_CLASS_NAME = 'g-root';
+const useTopAlertHeight = ({ alert }) => {
+    const alertRef = React.useRef(null);
+    const setAsideTopPanelHeight = React.useCallback((clientHeight) => {
+        const gRootElement = document
+            .getElementsByClassName(G_ROOT_CLASS_NAME)
+            .item(0);
+        gRootElement === null || gRootElement === undefined ? undefined : gRootElement.style.setProperty('--gn-top-alert-height', clientHeight + 'px');
+    }, []);
+    const updateTopSize = React.useCallback(() => {
+        var _a, _b;
+        const height = (_b = (_a = alertRef.current) === null || _a === undefined ? undefined : _a.clientHeight) !== null && _b !== undefined ? _b : 0;
+        setAsideTopPanelHeight(height);
+    }, [setAsideTopPanelHeight]);
+    React.useLayoutEffect(() => {
+        const updateTopSizeDebounce = debounce.default(updateTopSize, 200, { leading: true });
+        if (alert) {
+            window.addEventListener('resize', updateTopSizeDebounce);
+            updateTopSizeDebounce();
+        }
+        return () => {
+            window.removeEventListener('resize', updateTopSizeDebounce);
+            setAsideTopPanelHeight(0);
+        };
+    }, [alert, alertRef, updateTopSize, setAsideTopPanelHeight]);
+    return {
+        alertRef,
+        updateTopSize,
+    };
+};
+
+exports.useTopAlertHeight = useTopAlertHeight;
+//# sourceMappingURL=useTopAlertHeight.js.map

package/build/cjs/components/TopAlert/useTopAlertHeight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTopAlertHeight.js","sources":["../../../../../src/components/TopAlert/useTopAlertHeight.ts"],"sourcesContent":["import React from 'react';\n\nimport debounceFn from 'lodash/debounce';\n\nimport {TopAlertProps} from '../types';\n\ntype TopAlertHeightControls = {\n    alertRef: React.RefObject<HTMLDivElement>;\n    updateTopSize: () => void;\n};\n\nconst G_ROOT_CLASS_NAME = 'g-root';\n\nexport const useTopAlertHeight = ({alert}: {alert?: TopAlertProps}): TopAlertHeightControls => {\n    const alertRef = React.useRef<HTMLDivElement>(null);\n\n    const setAsideTopPanelHeight = React.useCallback((clientHeight: number) => {\n        const gRootElement = document\n            .getElementsByClassName(G_ROOT_CLASS_NAME)\n            .item(0) as HTMLElement | null;\n        gRootElement?.style.setProperty('--gn-top-alert-height', clientHeight + 'px');\n    }, []);\n\n    const updateTopSize = React.useCallback(() => {\n        const height = alertRef.current?.clientHeight ?? 0;\n        setAsideTopPanelHeight(height);\n    }, [setAsideTopPanelHeight]);\n\n    React.useLayoutEffect(() => {\n        const updateTopSizeDebounce = debounceFn(updateTopSize, 200, {leading: true});\n\n        if (alert) {\n            window.addEventListener('resize', updateTopSizeDebounce);\n            updateTopSizeDebounce();\n        }\n        return () => {\n            window.removeEventListener('resize', updateTopSizeDebounce);\n            setAsideTopPanelHeight(0);\n        };\n    }, [alert, alertRef, updateTopSize, setAsideTopPanelHeight]);\n\n    return {\n        alertRef,\n        updateTopSize,\n    };\n};\n"],"names":["debounceFn"],"mappings":";;;;;AAWA,MAAM,iBAAiB,GAAG,QAAQ;MAErB,iBAAiB,GAAG,CAAC,EAAC,KAAK,EAA0B,KAA4B;IAC1F,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC;IAEnD,MAAM,sBAAsB,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,YAAoB,KAAI;QACtE,MAAM,YAAY,GAAG;aAChB,sBAAsB,CAAC,iBAAiB;aACxC,IAAI,CAAC,CAAC,CAAuB;AAClC,QAAA,YAAY,KAAZ,IAAA,IAAA,YAAY,KAAZ,SAAA,GAAA,SAAA,GAAA,YAAY,CAAE,KAAK,CAAC,WAAW,CAAC,uBAAuB,EAAE,YAAY,GAAG,IAAI,CAAC;KAChF,EAAE,EAAE,CAAC;AAEN,IAAA,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CAAC,MAAK;;QACzC,MAAM,MAAM,GAAG,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,QAAQ,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,YAAY,MAAI,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,EAAA,GAAA,CAAC;QAClD,sBAAsB,CAAC,MAAM,CAAC;AAClC,KAAC,EAAE,CAAC,sBAAsB,CAAC,CAAC;AAE5B,IAAA,KAAK,CAAC,eAAe,CAAC,MAAK;AACvB,QAAA,MAAM,qBAAqB,GAAGA,gBAAU,CAAC,aAAa,EAAE,GAAG,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC;QAE7E,IAAI,KAAK,EAAE;AACP,YAAA,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,qBAAqB,CAAC;AACxD,YAAA,qBAAqB,EAAE;;AAE3B,QAAA,OAAO,MAAK;AACR,YAAA,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,qBAAqB,CAAC;YAC3D,sBAAsB,CAAC,CAAC,CAAC;AAC7B,SAAC;KACJ,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,sBAAsB,CAAC,CAAC;IAE5D,OAAO;QACH,QAAQ;QACR,aAAa;KAChB;AACL;;;;"}

package/build/cjs/components/constants.js

@@ -0,0 +1,14 @@
+'use strict';
+
+const ASIDE_HEADER_ICON_SIZE = 18;
+const ASIDE_HEADER_COMPACT_WIDTH = 56;
+const ASIDE_HEADER_EXPANDED_WIDTH = 236;
+const ITEM_HEIGHT = 40;
+const HEADER_DIVIDER_HEIGHT = 29;
+
+exports.ASIDE_HEADER_COMPACT_WIDTH = ASIDE_HEADER_COMPACT_WIDTH;
+exports.ASIDE_HEADER_EXPANDED_WIDTH = ASIDE_HEADER_EXPANDED_WIDTH;
+exports.ASIDE_HEADER_ICON_SIZE = ASIDE_HEADER_ICON_SIZE;
+exports.HEADER_DIVIDER_HEIGHT = HEADER_DIVIDER_HEIGHT;
+exports.ITEM_HEIGHT = ITEM_HEIGHT;
+//# sourceMappingURL=constants.js.map

package/build/cjs/components/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/components/constants.ts"],"sourcesContent":["export const ASIDE_HEADER_ICON_SIZE = 18;\nexport const ASIDE_HEADER_COMPACT_WIDTH = 56;\nexport const ASIDE_HEADER_EXPANDED_WIDTH = 236;\nexport const ITEM_HEIGHT = 40;\nexport const HEADER_DIVIDER_HEIGHT = 29;\n"],"names":[],"mappings":";;AAAO,MAAM,sBAAsB,GAAG;AAC/B,MAAM,0BAA0B,GAAG;AACnC,MAAM,2BAA2B,GAAG;AACpC,MAAM,WAAW,GAAG;AACpB,MAAM,qBAAqB,GAAG;;;;;;;;"}

package/build/cjs/components/index.d.ts

@@ -1,11 +1,4 @@
-export { AsideHeader } from './AsideHeader/AsideHeader';
-export type { AsideHeaderProps } from './AsideHeader/types';
-export { AsideHeaderContextProvider, useAsideHeaderContext } from './AsideHeader/AsideHeaderContext';
-export { FooterItem, type FooterItemProps } from './FooterItem/FooterItem';
-export { PageLayout, type PageLayoutProps } from './AsideHeader/components/PageLayout/PageLayout';
-export { PageLayoutAside } from './AsideHeader/components/PageLayout/PageLayoutAside';
-export { AsideFallback } from './AsideHeader/components/PageLayout/AsideFallback';
-export * from './Drawer';
+export * from './AsideHeader';
 export * from './ActionBar';
 export * from './Title';
 export * from './HotkeysPanel';

package/build/cjs/components/types.d.ts

@@ -1,6 +1,5 @@
 import React, { HTMLAttributeAnchorTarget } from 'react';
 import { AlertProps, IconProps, QAProps } from '@gravity-ui/uikit';
-import { ItemProps } from './CompositeBar/Item/Item';
 export type MenuItemType = 'regular' | 'action' | 'divider';
 export type OpenModalSubscriber = (open: boolean) => void;
 export interface MakeItemParams {
@@ -14,12 +13,11 @@ export interface MenuItem extends QAProps {
     icon?: IconProps['data'];
     iconSize?: number | string;
     iconQa?: string;
-    link?: string;
+    href?: string;
     current?: boolean;
     pinned?: boolean;
     onItemClick?: (item: MenuItem, collapsed: boolean, event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
     onItemClickCapture?: (event: React.SyntheticEvent) => void;
-    onCollapseItemClick?: () => void;
     itemWrapper?: (p: MakeItemParams, makeItem: (p: MakeItemParams) => React.ReactNode, opts: {
         collapsed: boolean;
         compact: boolean;
@@ -44,7 +42,6 @@ export interface MenuItem extends QAProps {
     category?: string;
     className?: string;
 }
-export type SubheaderMenuItem = Omit<ItemProps, 'onItemClick' | 'onItemClickCapture'>;
 export interface LogoProps {
     text: (() => React.ReactNode) | string;
     className?: string;
@@ -72,6 +69,11 @@ interface TopAlertBaseProps {
     centered?: boolean;
     dense?: boolean;
     onCloseTopAlert?: () => void;
+    /**
+     * SSR-прелоад высоты: true — использовать оценку (dense/title),
+     * число — задать конкретное значение, иначе — не устанавливать.
+     */
+    preloadHeight?: boolean | number;
     render?: never;
 }
 export type TopAlertProps = TopAlertBaseProps | {

package/build/cjs/components/utils/cn.d.ts

@@ -1,3 +1,10 @@
+import { type NoStrictEntityMods } from '@bem-react/classname';
 export declare const NAMESPACE = "gn-";
 export declare const cn: import("@bem-react/classname").ClassNameInitilizer;
 export declare const block: import("@bem-react/classname").ClassNameInitilizer;
+export declare const createBlock: (blockName: string, styles: Record<string, string>) => {
+    (): string;
+    (mods?: NoStrictEntityMods | null, mix?: string | string[] | undefined): string;
+    (elemName: string, elemMix?: string | string[] | undefined): string;
+    (elemName: string, elemMods?: NoStrictEntityMods | null, elemMix?: string | string[] | undefined): string;
+};

package/build/cjs/components/utils/cn.js

@@ -0,0 +1,77 @@
+'use strict';
+
+var classname = require('@bem-react/classname');
+
+const NAMESPACE = 'gn-';
+const cn = classname.withNaming({ e: '__', m: '_' });
+const block = classname.withNaming({ n: NAMESPACE, e: '__', m: '_' });
+/**
+ * Creates a BEM block function that works with CSS modules
+ * @param blockName - The block name (without namespace)
+ * @param styles - CSS modules object
+ * @returns A function that generates class names from the CSS modules object
+ */
+// Type guards to help distinguish between different argument patterns
+const isString = (value) => typeof value === 'string';
+const isMods = (value) => typeof value === 'object' && value !== null && !Array.isArray(value);
+const isMix = (value) => typeof value === 'string' || Array.isArray(value);
+const createBlock = (blockName, styles) => {
+    const bemBlock = classname.withNaming({ n: NAMESPACE, e: '__', m: '_' });
+    const blockFn = bemBlock(blockName);
+    function cssModuleBlock(elemOrMods, elemModsOrBlockMix, elemMix) {
+        // Type-safe calls to blockFn based on argument patterns
+        let className;
+        if (elemOrMods === undefined) {
+            // Case 1: blockFn()
+            className = blockFn();
+        }
+        else if (isString(elemOrMods)) {
+            // Element-related cases
+            if (elemModsOrBlockMix === undefined && elemMix === undefined) {
+                // Case 2: blockFn(elemName)
+                className = blockFn(elemOrMods);
+            }
+            else if (elemMix === undefined &&
+                (elemModsOrBlockMix === null || isMods(elemModsOrBlockMix))) {
+                // Case 3: blockFn(elemName, elemMods)
+                className = blockFn(elemOrMods, elemModsOrBlockMix, undefined);
+            }
+            else if (isMix(elemModsOrBlockMix) && elemMix === undefined) {
+                // Case 4: blockFn(elemName, elemMix)
+                className = blockFn(elemOrMods, elemModsOrBlockMix);
+            }
+            else {
+                // Case 5: blockFn(elemName, elemMods, elemMix)
+                className = blockFn(elemOrMods, elemModsOrBlockMix === null || isMods(elemModsOrBlockMix)
+                    ? elemModsOrBlockMix
+                    : null, elemMix);
+            }
+        }
+        else if (elemModsOrBlockMix === undefined) {
+            // Case 6: blockFn(mods)
+            className = blockFn(elemOrMods);
+        }
+        else {
+            // Case 7: blockFn(mods, mix)
+            className = blockFn(elemOrMods, elemModsOrBlockMix);
+        }
+        // Handle case where styles object is undefined (e.g., in Storybook without CSS modules)
+        if (!styles || typeof styles !== 'object') {
+            return className;
+        }
+        // For CSS modules, we need to map EACH class token separately,
+        // since blockFn can return multiple classes in a single string
+        return className
+            .split(/\s+/)
+            .filter(Boolean)
+            .map((token) => styles[token] || token)
+            .join(' ');
+    }
+    return cssModuleBlock;
+};
+
+exports.NAMESPACE = NAMESPACE;
+exports.block = block;
+exports.cn = cn;
+exports.createBlock = createBlock;
+//# sourceMappingURL=cn.js.map

package/build/cjs/components/utils/cn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.js","sources":["../../../../../src/components/utils/cn.ts"],"sourcesContent":["import {\n    type ClassNameFormatter,\n    type ClassNameList,\n    type NoStrictEntityMods,\n    withNaming,\n} from '@bem-react/classname';\n\nexport const NAMESPACE = 'gn-';\n\nexport const cn = withNaming({e: '__', m: '_'});\nexport const block = withNaming({n: NAMESPACE, e: '__', m: '_'});\n\n/**\n * Creates a BEM block function that works with CSS modules\n * @param blockName - The block name (without namespace)\n * @param styles - CSS modules object\n * @returns A function that generates class names from the CSS modules object\n */\n// Type guards to help distinguish between different argument patterns\nconst isString = (value: unknown): value is string => typeof value === 'string';\nconst isMods = (value: unknown): value is NoStrictEntityMods =>\n    typeof value === 'object' && value !== null && !Array.isArray(value);\nconst isMix = (value: unknown): value is ClassNameList =>\n    typeof value === 'string' || Array.isArray(value);\n\nexport const createBlock = (blockName: string, styles: Record<string, string>) => {\n    const bemBlock = withNaming({n: NAMESPACE, e: '__', m: '_'});\n    const blockFn: ClassNameFormatter = bemBlock(blockName);\n\n    // Create a function with the same signature as the original block function\n    function cssModuleBlock(): string;\n    function cssModuleBlock(\n        mods?: NoStrictEntityMods | null,\n        mix?: string | string[] | undefined,\n    ): string;\n    function cssModuleBlock(elemName: string, elemMix?: string | string[] | undefined): string;\n    function cssModuleBlock(\n        elemName: string,\n        elemMods?: NoStrictEntityMods | null,\n        elemMix?: string | string[] | undefined,\n    ): string;\n    function cssModuleBlock(\n        elemOrMods?: string | NoStrictEntityMods | null,\n        elemModsOrBlockMix?: NoStrictEntityMods | string | string[] | null | undefined,\n        elemMix?: string | string[] | undefined,\n    ): string {\n        // Type-safe calls to blockFn based on argument patterns\n        let className: string;\n\n        if (elemOrMods === undefined) {\n            // Case 1: blockFn()\n            className = blockFn();\n        } else if (isString(elemOrMods)) {\n            // Element-related cases\n            if (elemModsOrBlockMix === undefined && elemMix === undefined) {\n                // Case 2: blockFn(elemName)\n                className = blockFn(elemOrMods);\n            } else if (\n                elemMix === undefined &&\n                (elemModsOrBlockMix === null || isMods(elemModsOrBlockMix))\n            ) {\n                // Case 3: blockFn(elemName, elemMods)\n                className = blockFn(elemOrMods, elemModsOrBlockMix, undefined);\n            } else if (isMix(elemModsOrBlockMix) && elemMix === undefined) {\n                // Case 4: blockFn(elemName, elemMix)\n                className = blockFn(elemOrMods, elemModsOrBlockMix);\n            } else {\n                // Case 5: blockFn(elemName, elemMods, elemMix)\n                className = blockFn(\n                    elemOrMods,\n                    elemModsOrBlockMix === null || isMods(elemModsOrBlockMix)\n                        ? elemModsOrBlockMix\n                        : null,\n                    elemMix,\n                );\n            }\n        } else if (elemModsOrBlockMix === undefined) {\n            // Case 6: blockFn(mods)\n            className = blockFn(elemOrMods);\n        } else {\n            // Case 7: blockFn(mods, mix)\n            className = blockFn(elemOrMods, elemModsOrBlockMix as ClassNameList);\n        }\n\n        // Handle case where styles object is undefined (e.g., in Storybook without CSS modules)\n        if (!styles || typeof styles !== 'object') {\n            return className;\n        }\n\n        // For CSS modules, we need to map EACH class token separately,\n        // since blockFn can return multiple classes in a single string\n        return className\n            .split(/\\s+/)\n            .filter(Boolean)\n            .map((token) => styles[token] || token)\n            .join(' ');\n    }\n\n    return cssModuleBlock;\n};\n"],"names":["withNaming"],"mappings":";;;;AAOO,MAAM,SAAS,GAAG;AAEZ,MAAA,EAAE,GAAGA,oBAAU,CAAC,EAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAC;MACjC,KAAK,GAAGA,oBAAU,CAAC,EAAC,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAC;AAE/D;;;;;AAKG;AACH;AACA,MAAM,QAAQ,GAAG,CAAC,KAAc,KAAsB,OAAO,KAAK,KAAK,QAAQ;AAC/E,MAAM,MAAM,GAAG,CAAC,KAAc,KAC1B,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;AACxE,MAAM,KAAK,GAAG,CAAC,KAAc,KACzB,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;MAExC,WAAW,GAAG,CAAC,SAAiB,EAAE,MAA8B,KAAI;AAC7E,IAAA,MAAM,QAAQ,GAAGA,oBAAU,CAAC,EAAC,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAC,CAAC;AAC5D,IAAA,MAAM,OAAO,GAAuB,QAAQ,CAAC,SAAS,CAAC;AAcvD,IAAA,SAAS,cAAc,CACnB,UAA+C,EAC/C,kBAA8E,EAC9E,OAAuC,EAAA;;AAGvC,QAAA,IAAI,SAAiB;AAErB,QAAA,IAAI,UAAU,KAAK,SAAS,EAAE;;YAE1B,SAAS,GAAG,OAAO,EAAE;;AAClB,aAAA,IAAI,QAAQ,CAAC,UAAU,CAAC,EAAE;;YAE7B,IAAI,kBAAkB,KAAK,SAAS,IAAI,OAAO,KAAK,SAAS,EAAE;;AAE3D,gBAAA,SAAS,GAAG,OAAO,CAAC,UAAU,CAAC;;iBAC5B,IACH,OAAO,KAAK,SAAS;iBACpB,kBAAkB,KAAK,IAAI,IAAI,MAAM,CAAC,kBAAkB,CAAC,CAAC,EAC7D;;gBAEE,SAAS,GAAG,OAAO,CAAC,UAAU,EAAE,kBAAkB,EAAE,SAAS,CAAC;;iBAC3D,IAAI,KAAK,CAAC,kBAAkB,CAAC,IAAI,OAAO,KAAK,SAAS,EAAE;;AAE3D,gBAAA,SAAS,GAAG,OAAO,CAAC,UAAU,EAAE,kBAAkB,CAAC;;iBAChD;;AAEH,gBAAA,SAAS,GAAG,OAAO,CACf,UAAU,EACV,kBAAkB,KAAK,IAAI,IAAI,MAAM,CAAC,kBAAkB;AACpD,sBAAE;AACF,sBAAE,IAAI,EACV,OAAO,CACV;;;AAEF,aAAA,IAAI,kBAAkB,KAAK,SAAS,EAAE;;AAEzC,YAAA,SAAS,GAAG,OAAO,CAAC,UAAU,CAAC;;aAC5B;;AAEH,YAAA,SAAS,GAAG,OAAO,CAAC,UAAU,EAAE,kBAAmC,CAAC;;;QAIxE,IAAI,CAAC,MAAM,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;AACvC,YAAA,OAAO,SAAS;;;;AAKpB,QAAA,OAAO;aACF,KAAK,CAAC,KAAK;aACX,MAAM,CAAC,OAAO;AACd,aAAA,GAAG,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,CAAC,IAAI,KAAK;aACrC,IAAI,CAAC,GAAG,CAAC;;AAGlB,IAAA,OAAO,cAAc;AACzB;;;;;;;"}

package/build/cjs/hooks/useForwardRef.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var React = require('react');
+
+const useForwardRef = (ref, initialValue = null) => {
+    const targetRef = React.useRef(initialValue);
+    React.useEffect(() => {
+        if (!ref)
+            return;
+        if (typeof ref === 'function') {
+            ref(targetRef.current);
+        }
+        else {
+            ref.current = targetRef.current;
+        }
+    }, [ref]);
+    return targetRef;
+};
+
+exports.useForwardRef = useForwardRef;
+//# sourceMappingURL=useForwardRef.js.map

package/build/cjs/hooks/useForwardRef.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useForwardRef.js","sources":["../../../../src/hooks/useForwardRef.tsx"],"sourcesContent":["import React from 'react';\n\nexport const useForwardRef = <T,>(\n    ref: ((instance: T | null) => void) | React.MutableRefObject<T | null> | null,\n    initialValue: any = null,\n) => {\n    const targetRef = React.useRef<T>(initialValue);\n\n    React.useEffect(() => {\n        if (!ref) return;\n\n        if (typeof ref === 'function') {\n            ref(targetRef.current);\n        } else {\n            ref.current = targetRef.current;\n        }\n    }, [ref]);\n\n    return targetRef;\n};\n"],"names":[],"mappings":";;;;AAEa,MAAA,aAAa,GAAG,CACzB,GAA6E,EAC7E,YAAA,GAAoB,IAAI,KACxB;IACA,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAI,YAAY,CAAC;AAE/C,IAAA,KAAK,CAAC,SAAS,CAAC,MAAK;AACjB,QAAA,IAAI,CAAC,GAAG;YAAE;AAEV,QAAA,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;AAC3B,YAAA,GAAG,CAAC,SAAS,CAAC,OAAO,CAAC;;aACnB;AACH,YAAA,GAAG,CAAC,OAAO,GAAG,SAAS,CAAC,OAAO;;AAEvC,KAAC,EAAE,CAAC,GAAG,CAAC,CAAC;AAET,IAAA,OAAO,SAAS;AACpB;;;;"}

package/build/cjs/hooks/useOverflowingHorizontalListItems/useOverflowingHorizontalListItems.js

@@ -0,0 +1,69 @@
+'use strict';
+
+var React = require('react');
+var debounce = require('../../_virtual/debounce.js');
+
+function useOverflowingHorizontalListItems({ containerRef, items, itemSelector, moreButtonWidth = 0, }) {
+    const [containerWidth, setContainerWidth] = React.useState(0);
+    const [itemWidths, setItemWidths] = React.useState([]);
+    React.useLayoutEffect(() => {
+        if (!containerRef.current) {
+            return;
+        }
+        const measureItemSizes = () => {
+            var _a, _b;
+            const itemElements = Array.from((_b = (_a = containerRef.current) === null || _a === undefined ? undefined : _a.querySelectorAll(itemSelector)) !== null && _b !== undefined ? _b : []);
+            setItemWidths(itemElements.map((item) => item.clientWidth));
+        };
+        measureItemSizes();
+    }, [containerRef, itemSelector]);
+    React.useLayoutEffect(() => {
+        const footerMenu = containerRef.current;
+        const updateContainerSize = (entries) => {
+            if (entries.length > 0 && footerMenu) {
+                setContainerWidth(entries[0].contentRect.width);
+            }
+        };
+        const updateContainerSizeDebounced = debounce.default(updateContainerSize, 100);
+        const footerMenuResizeObserver = new ResizeObserver(updateContainerSizeDebounced);
+        if (footerMenu) {
+            footerMenuResizeObserver.observe(footerMenu);
+        }
+        return () => {
+            updateContainerSizeDebounced.cancel();
+            footerMenuResizeObserver.disconnect();
+        };
+    }, [containerRef]);
+    const isMeasured = containerWidth > 0;
+    const { visibleItems, hiddenItems } = React.useMemo(() => {
+        var _a, _b;
+        if (!isMeasured) {
+            return {
+                visibleItems: items !== null && items !== undefined ? items : [],
+                hiddenItems: [],
+            };
+        }
+        const itemsCount = itemWidths.length;
+        let visibleItemsCount = 0;
+        let remainingContainerWidth = containerWidth;
+        for (const width of itemWidths) {
+            remainingContainerWidth -= width;
+            if (remainingContainerWidth < moreButtonWidth) {
+                const isMoreThanOneItemLeft = itemsCount !== visibleItemsCount + 1;
+                const hasNoSpaceForTheLastItem = remainingContainerWidth < 0;
+                if (isMoreThanOneItemLeft || hasNoSpaceForTheLastItem) {
+                    break;
+                }
+            }
+            visibleItemsCount++;
+        }
+        return {
+            visibleItems: (_a = items === null || items === undefined ? undefined : items.slice(0, visibleItemsCount)) !== null && _a !== undefined ? _a : [],
+            hiddenItems: (_b = items === null || items === undefined ? undefined : items.slice(visibleItemsCount)) !== null && _b !== undefined ? _b : [],
+        };
+    }, [containerWidth, isMeasured, itemWidths, items, moreButtonWidth]);
+    return { visibleItems, hiddenItems, measured: isMeasured };
+}
+
+exports.useOverflowingHorizontalListItems = useOverflowingHorizontalListItems;
+//# sourceMappingURL=useOverflowingHorizontalListItems.js.map

package/build/cjs/hooks/useOverflowingHorizontalListItems/useOverflowingHorizontalListItems.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOverflowingHorizontalListItems.js","sources":["../../../../../src/hooks/useOverflowingHorizontalListItems/useOverflowingHorizontalListItems.ts"],"sourcesContent":["import {useLayoutEffect, useMemo, useState} from 'react';\nimport type {RefObject} from 'react';\n\nimport debounceFn from 'lodash/debounce';\n\ntype UseOverflowingContainerListItemsProps<ItemType extends unknown> = {\n    containerRef: RefObject<HTMLElement>;\n    items?: ItemType[];\n    itemSelector: string;\n    moreButtonWidth?: number;\n};\n\nexport function useOverflowingHorizontalListItems<ItemType>({\n    containerRef,\n    items,\n    itemSelector,\n    moreButtonWidth = 0,\n}: UseOverflowingContainerListItemsProps<ItemType>) {\n    const [containerWidth, setContainerWidth] = useState<number>(0);\n    const [itemWidths, setItemWidths] = useState<number[]>([]);\n\n    useLayoutEffect(() => {\n        if (!containerRef.current) {\n            return;\n        }\n\n        const measureItemSizes = () => {\n            const itemElements = Array.from(\n                containerRef.current?.querySelectorAll(itemSelector) ?? [],\n            );\n            setItemWidths(itemElements.map((item) => item.clientWidth));\n        };\n\n        measureItemSizes();\n    }, [containerRef, itemSelector]);\n\n    useLayoutEffect(() => {\n        const footerMenu = containerRef.current;\n\n        const updateContainerSize = (entries: ResizeObserverEntry[]) => {\n            if (entries.length > 0 && footerMenu) {\n                setContainerWidth(entries[0].contentRect.width);\n            }\n        };\n\n        const updateContainerSizeDebounced = debounceFn(updateContainerSize, 100);\n        const footerMenuResizeObserver = new ResizeObserver(updateContainerSizeDebounced);\n\n        if (footerMenu) {\n            footerMenuResizeObserver.observe(footerMenu);\n        }\n\n        return () => {\n            updateContainerSizeDebounced.cancel();\n            footerMenuResizeObserver.disconnect();\n        };\n    }, [containerRef]);\n\n    const isMeasured = containerWidth > 0;\n\n    const {visibleItems, hiddenItems} = useMemo(() => {\n        if (!isMeasured) {\n            return {\n                visibleItems: items ?? [],\n                hiddenItems: [],\n            };\n        }\n\n        const itemsCount = itemWidths.length;\n        let visibleItemsCount = 0;\n        let remainingContainerWidth = containerWidth;\n        for (const width of itemWidths) {\n            remainingContainerWidth -= width;\n            if (remainingContainerWidth < moreButtonWidth) {\n                const isMoreThanOneItemLeft = itemsCount !== visibleItemsCount + 1;\n                const hasNoSpaceForTheLastItem = remainingContainerWidth < 0;\n                if (isMoreThanOneItemLeft || hasNoSpaceForTheLastItem) {\n                    break;\n                }\n            }\n\n            visibleItemsCount++;\n        }\n\n        return {\n            visibleItems: items?.slice(0, visibleItemsCount) ?? [],\n            hiddenItems: items?.slice(visibleItemsCount) ?? [],\n        };\n    }, [containerWidth, isMeasured, itemWidths, items, moreButtonWidth]);\n\n    return {visibleItems, hiddenItems, measured: isMeasured};\n}\n"],"names":["useState","useLayoutEffect","debounceFn","useMemo"],"mappings":"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"}

package/build/cjs/index.js

@@ -1,38 +1,47 @@
 'use strict';
 
-var index = require('./index-BTP6Ci-f.js');
-require('react');
-require('@bem-react/classname');
-require('@gravity-ui/uikit');
-require('@gravity-ui/icons');
-require('@gravity-ui/uikit/i18n');
-require('react/jsx-runtime');
-require('react-dom');
-require('@gravity-ui/uikit/legacy');
+var AsideHeader = require('./components/AsideHeader/AsideHeader.js');
+var AsideHeaderContext = require('./components/AsideHeader/AsideHeaderContext.js');
+var FooterItem = require('./components/AsideHeader/components/FooterItem/FooterItem.js');
+var PageLayout = require('./components/AsideHeader/components/PageLayout/PageLayout.js');
+var PageLayoutAside = require('./components/AsideHeader/components/PageLayout/PageLayoutAside.js');
+var AsideFallback = require('./components/AsideHeader/components/PageLayout/AsideFallback.js');
+var ActionBar = require('./components/ActionBar/ActionBar.js');
+var Title = require('./components/Title/Title.js');
+var HotkeysPanel = require('./components/HotkeysPanel/HotkeysPanel.js');
+var context = require('./components/Settings/Selection/context.js');
+var Settings = require('./components/Settings/Settings.js');
+var useSettingsContext = require('./components/Settings/SettingsContext/useSettingsContext.js');
+var MobileHeader = require('./components/MobileHeader/MobileHeader.js');
+var FooterItem$1 = require('./components/MobileHeader/FooterItem/FooterItem.js');
+var utils = require('./components/MobileHeader/utils.js');
+var constants = require('./components/MobileHeader/constants.js');
+var Logo = require('./components/Logo/Logo.js');
+var MobileLogo = require('./components/MobileLogo/MobileLogo.js');
+var Footer = require('./components/Footer/desktop/Footer.js');
+var Footer$1 = require('./components/Footer/mobile/Footer.js');
 
 
 
-exports.ActionBar = index.PublicActionBar;
-exports.AsideFallback = index.AsideFallback;
-exports.AsideHeader = index.AsideHeader;
-exports.AsideHeaderContextProvider = index.AsideHeaderContextProvider;
-exports.Drawer = index.Drawer;
-exports.DrawerItem = index.DrawerItem;
-exports.Footer = index.Footer;
-exports.FooterItem = index.FooterItem;
-exports.HotkeysPanel = index.HotkeysPanel;
-exports.Logo = index.Logo;
-exports.MOBILE_HEADER_EVENT_NAMES = index.MOBILE_HEADER_EVENT_NAMES;
-exports.MobileFooter = index.MobileFooter;
-exports.MobileHeader = index.MobileHeader;
-exports.MobileHeaderFooterItem = index.FooterItem$1;
-exports.MobileLogo = index.MobileLogo;
-exports.PageLayout = index.PageLayout;
-exports.PageLayoutAside = index.PageLayoutAside;
-exports.Settings = index.Settings;
-exports.Title = index.Title;
-exports.getMobileHeaderCustomEvent = index.getMobileHeaderCustomEvent;
-exports.useAsideHeaderContext = index.useAsideHeaderContext;
-exports.useSettingsContext = index.useSettingsContext;
-exports.useSettingsSelectionContext = index.useSettingsSelectionContext;
+exports.AsideHeader = AsideHeader.AsideHeader;
+exports.AsideHeaderContextProvider = AsideHeaderContext.AsideHeaderContextProvider;
+exports.useAsideHeaderContext = AsideHeaderContext.useAsideHeaderContext;
+exports.FooterItem = FooterItem.FooterItem;
+exports.PageLayout = PageLayout.PageLayout;
+exports.PageLayoutAside = PageLayoutAside.PageLayoutAside;
+exports.AsideFallback = AsideFallback.AsideFallback;
+exports.ActionBar = ActionBar.ActionBar;
+exports.Title = Title.Title;
+exports.HotkeysPanel = HotkeysPanel.HotkeysPanel;
+exports.useSettingsSelectionContext = context.useSettingsSelectionContext;
+exports.Settings = Settings.Settings;
+exports.useSettingsContext = useSettingsContext.useSettingsContext;
+exports.MobileHeader = MobileHeader.MobileHeader;
+exports.MobileHeaderFooterItem = FooterItem$1.FooterItem;
+exports.getMobileHeaderCustomEvent = utils.getMobileHeaderCustomEvent;
+exports.MOBILE_HEADER_EVENT_NAMES = constants.MOBILE_HEADER_EVENT_NAMES;
+exports.Logo = Logo.Logo;
+exports.MobileLogo = MobileLogo.MobileLogo;
+exports.Footer = Footer.Footer;
+exports.MobileFooter = Footer$1.MobileFooter;
 //# sourceMappingURL=index.js.map

package/build/cjs/index.js.map

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

package/build/cjs/node_modules/lodash/_Symbol.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var _root = require('./_root.js');
+
+var _Symbol;
+var hasRequired_Symbol;
+
+function require_Symbol () {
+	if (hasRequired_Symbol) return _Symbol;
+	hasRequired_Symbol = 1;
+	var root = _root.__require();
+
+	/** Built-in value references. */
+	var Symbol = root.Symbol;
+
+	_Symbol = Symbol;
+	return _Symbol;
+}
+
+exports.__require = require_Symbol;
+//# sourceMappingURL=_Symbol.js.map

package/build/cjs/node_modules/lodash/_Symbol.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_Symbol.js","sources":["../../../../node_modules/lodash/_Symbol.js"],"sourcesContent":["var root = require('./_root');\n\n/** Built-in value references. */\nvar Symbol = root.Symbol;\n\nmodule.exports = Symbol;\n"],"names":["require$$0"],"mappings":";;;;;;;;;;CAAA,IAAI,IAAI,GAAGA,eAAkB,EAAA;;AAE7B;AACA,CAAA,IAAI,MAAM,GAAG,IAAI,CAAC,MAAM;;AAExB,CAAA,OAAc,GAAG,MAAM;;;;;;","x_google_ignoreList":[0]}

package/build/cjs/node_modules/lodash/_baseGetTag.js

@@ -0,0 +1,45 @@
+'use strict';
+
+var _Symbol = require('./_Symbol.js');
+var _getRawTag = require('./_getRawTag.js');
+var _objectToString = require('./_objectToString.js');
+
+var _baseGetTag;
+var hasRequired_baseGetTag;
+
+function require_baseGetTag () {
+	if (hasRequired_baseGetTag) return _baseGetTag;
+	hasRequired_baseGetTag = 1;
+	var Symbol = _Symbol.__require(),
+	    getRawTag = _getRawTag.__require(),
+	    objectToString = _objectToString.__require();
+
+	/** `Object#toString` result references. */
+	var nullTag = '[object Null]',
+	    undefinedTag = '[object Undefined]';
+
+	/** Built-in value references. */
+	var symToStringTag = Symbol ? Symbol.toStringTag : undefined;
+
+	/**
+	 * The base implementation of `getTag` without fallbacks for buggy environments.
+	 *
+	 * @private
+	 * @param {*} value The value to query.
+	 * @returns {string} Returns the `toStringTag`.
+	 */
+	function baseGetTag(value) {
+	  if (value == null) {
+	    return value === undefined ? undefinedTag : nullTag;
+	  }
+	  return (symToStringTag && symToStringTag in Object(value))
+	    ? getRawTag(value)
+	    : objectToString(value);
+	}
+
+	_baseGetTag = baseGetTag;
+	return _baseGetTag;
+}
+
+exports.__require = require_baseGetTag;
+//# sourceMappingURL=_baseGetTag.js.map

package/build/cjs/node_modules/lodash/_baseGetTag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_baseGetTag.js","sources":["../../../../node_modules/lodash/_baseGetTag.js"],"sourcesContent":["var Symbol = require('./_Symbol'),\n    getRawTag = require('./_getRawTag'),\n    objectToString = require('./_objectToString');\n\n/** `Object#toString` result references. */\nvar nullTag = '[object Null]',\n    undefinedTag = '[object Undefined]';\n\n/** Built-in value references. */\nvar symToStringTag = Symbol ? Symbol.toStringTag : undefined;\n\n/**\n * The base implementation of `getTag` without fallbacks for buggy environments.\n *\n * @private\n * @param {*} value The value to query.\n * @returns {string} Returns the `toStringTag`.\n */\nfunction baseGetTag(value) {\n  if (value == null) {\n    return value === undefined ? undefinedTag : nullTag;\n  }\n  return (symToStringTag && symToStringTag in Object(value))\n    ? getRawTag(value)\n    : objectToString(value);\n}\n\nmodule.exports = baseGetTag;\n"],"names":["require$$0","require$$1","require$$2"],"mappings":";;;;;;;;;;;;CAAA,IAAI,MAAM,GAAGA,iBAAoB,EAAA;KAC7B,SAAS,GAAGC,oBAAuB,EAAA;KACnC,cAAc,GAAGC,yBAA4B,EAAA;;AAEjD;CACA,IAAI,OAAO,GAAG,eAAe;KACzB,YAAY,GAAG,oBAAoB;;AAEvC;CACA,IAAI,cAAc,GAAG,MAAM,GAAG,MAAM,CAAC,WAAW,GAAG,SAAS;;AAE5D;AACA;AACA;AACA;AACA;AACA;AACA;CACA,SAAS,UAAU,CAAC,KAAK,EAAE;AAC3B,GAAE,IAAI,KAAK,IAAI,IAAI,EAAE;AACrB,KAAI,OAAO,KAAK,KAAK,SAAS,GAAG,YAAY,GAAG,OAAO;AACvD;GACE,OAAO,CAAC,cAAc,IAAI,cAAc,IAAI,MAAM,CAAC,KAAK,CAAC;OACrD,SAAS,CAAC,KAAK;OACf,cAAc,CAAC,KAAK,CAAC;AAC3B;;AAEA,CAAA,WAAc,GAAG,UAAU;;;;;;","x_google_ignoreList":[0]}