@gravity-ui/navigation 3.11.0 → 4.0.0

package/build/esm/components/Settings/collect-settings.js

@@ -0,0 +1,155 @@
+import React__default from 'react';
+import { getSettingsDescriptionWithAllResultsPage } from './SettingsSearch/AllResultsPage.js';
+import { escapeStringForRegExp, invariant } from './helpers.js';
+
+function getSettingsFromChildren(children, searchText = '') {
+    // 'abc def fg' -> abc.*?cde.*?fg
+    const preparedFilter = escapeStringForRegExp(searchText).replace(/\s+/g, '.*?');
+    const filterRe = new RegExp(preparedFilter, 'i');
+    const result = getSettingsFromChildrenRecursive(children, '', filterRe);
+    if (Boolean(preparedFilter) && result.menu.length > 0) {
+        return getSettingsDescriptionWithAllResultsPage(result);
+    }
+    else {
+        return result;
+    }
+}
+function getSettingsFromChildrenRecursive(children, basepath = '', filterRe) {
+    const menu = [];
+    const pages = {};
+    let hasGroup = false;
+    let hasItems = false;
+    React__default.Children.forEach(children, (element) => {
+        var _a, _b;
+        if (!React__default.isValidElement(element)) {
+            // Ignore non-elements.
+            return;
+        }
+        if (element.type === React__default.Fragment) {
+            // Transparently support React.Fragment and its children.
+            const { menu: menuFragment, pages: pagesFragment } = getSettingsFromChildrenRecursive(element.props.children, basepath, filterRe);
+            menu.push(...menuFragment);
+            Object.assign(pages, pagesFragment);
+        }
+        else if (element.props.groupTitle) {
+            if (process.env.NODE_ENV === 'development') {
+                invariant(!hasItems, 'Setting menu must not mix groups and pages on one level');
+            }
+            const pageId = `${basepath}/${(_a = element.props.id) !== null && _a !== undefined ? _a : element.props.groupTitle}`;
+            hasGroup = true;
+            const { menu: menuFragment, pages: pagesFragment } = getSettingsFromChildrenRecursive(element.props.children, pageId, filterRe);
+            if (process.env.NODE_ENV === 'development') {
+                const hasInnerGroup = menuFragment.some((item) => 'groupTitle' in item);
+                invariant(!hasInnerGroup, `Group ${element.props.groupTitle} should not include groups`);
+            }
+            if (menuFragment.length > 0) {
+                menu.push({
+                    groupTitle: element.props.groupTitle,
+                    // @ts-ignore
+                    items: menuFragment,
+                });
+            }
+            Object.assign(pages, pagesFragment);
+        }
+        else {
+            hasItems = true;
+            const pageId = `${basepath}/${(_b = element.props.id) !== null && _b !== undefined ? _b : element.props.title}`;
+            if (process.env.NODE_ENV === 'development') {
+                invariant(Boolean(element.props.title), 'Component must include title prop');
+                invariant(!hasGroup, 'Setting menu must not mix groups and pages on one level');
+                invariant(!pages[pageId], `Setting menu page id must be uniq (${pageId})`);
+            }
+            pages[pageId] = getSettingsPageFromChildren(element.props.children, filterRe);
+            pages[pageId].id = pageId;
+            if (!pages[pageId].hidden) {
+                menu.push({
+                    id: pageId,
+                    title: element.props.title,
+                    icon: element.props.icon,
+                    withBadge: pages[pageId].withBadge,
+                    disabled: pages[pageId].hidden,
+                });
+            }
+        }
+    });
+    return { menu, pages };
+}
+function getSettingsPageFromChildren(children, filterRe) {
+    const page = { id: '', sections: [], hidden: true };
+    React__default.Children.forEach(children, (element) => {
+        if (!React__default.isValidElement(element)) {
+            // Ignore non-elements.
+            return;
+        }
+        if (element.type === React__default.Fragment) {
+            // Transparently support React.Fragment and its children.
+            const { sections, withBadge, hidden } = getSettingsPageFromChildren(element.props.children, filterRe);
+            page.sections.push(...sections);
+            page.withBadge = withBadge || page.withBadge;
+            page.hidden = hidden && page.hidden;
+        }
+        else {
+            const { withBadge } = element.props;
+            const { items, hidden } = getSettingsItemsFromChildren(element.props.children, filterRe);
+            page.withBadge = withBadge || page.withBadge;
+            page.hidden = hidden && page.hidden;
+            page.sections.push(Object.assign(Object.assign({}, element.props), { withBadge,
+                items,
+                hidden }));
+        }
+    });
+    return page;
+}
+function getSettingsItemsFromChildren(children, filterRe) {
+    let hidden = true;
+    const items = [];
+    React__default.Children.forEach(children, (element) => {
+        if (!React__default.isValidElement(element)) {
+            // Ignore non-elements.
+            return;
+        }
+        if (element.type === React__default.Fragment) {
+            // Transparently support React.Fragment and its children.
+            const fragmentItems = getSettingsItemsFromChildren(element.props.children, filterRe);
+            items.push(...fragmentItems.items);
+            hidden = hidden && fragmentItems.hidden;
+        }
+        else {
+            const item = Object.assign(Object.assign({}, element.props), { element, hidden: !filterRe.test(element.props.title) });
+            items.push(item);
+            hidden = hidden && item.hidden;
+        }
+    });
+    return { items, hidden };
+}
+function getSelectedSettingsPart(pages, selection) {
+    if (!selection.settingId && !selection.section && !selection.page) {
+        return {};
+    }
+    for (const page of Object.values(pages)) {
+        if (!selection.settingId && !selection.section) {
+            if (selection.page !== page.id)
+                continue;
+            return { page };
+        }
+        for (const section of page.sections) {
+            if (selection.settingId) {
+                for (const setting of section.items) {
+                    if (setting.id === selection.settingId) {
+                        return { page, section, setting };
+                    }
+                }
+            }
+            else if (selection.section &&
+                ('id' in selection.section
+                    ? selection.section.id === section.id
+                    : selection.section.title === section.title)) {
+                return { page, section };
+            }
+        }
+    }
+    return {};
+}
+
+export { getSelectedSettingsPart, getSettingsFromChildren };
+//# sourceMappingURL=collect-settings.js.map

package/build/esm/components/Settings/collect-settings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collect-settings.js","sources":["../../../../../src/components/Settings/collect-settings.ts"],"sourcesContent":["import React from 'react';\n\nimport {IconProps} from '@gravity-ui/uikit';\n\nimport {SettingsSelection} from './Selection/types';\nimport {getSettingsDescriptionWithAllResultsPage} from './SettingsSearch/AllResultsPage';\nimport {escapeStringForRegExp, invariant} from './helpers';\n\nexport type SettingsMenu = (SettingsMenuGroup | SettingsMenuItem)[];\n\ninterface SettingsMenuGroup {\n    groupTitle: string;\n    items: SettingsMenuItem[];\n}\n\nexport interface SettingsMenuItem {\n    id: string;\n    title: string;\n    icon?: IconProps;\n    withBadge?: boolean;\n    disabled?: boolean;\n}\n\nexport interface SettingsPage {\n    id: string;\n    sections: SettingsPageSection[];\n    hidden?: boolean;\n    withBadge?: boolean;\n}\n\nexport interface SettingsPageSection {\n    id?: string;\n    title: string;\n    header?: React.ReactNode;\n    items: SettingsItem[];\n    hidden?: boolean;\n    withBadge?: boolean;\n    hideTitle?: boolean;\n}\n\nexport interface SettingsItem {\n    id?: string;\n    title: string;\n    element: React.ReactElement;\n    hidden: boolean;\n    titleComponent?: React.ReactNode;\n    renderTitleComponent?: (highlightedTitle: React.ReactNode | null) => React.ReactNode;\n}\n\nexport interface SelectedSettingsPart {\n    page?: SettingsPage;\n    section?: SettingsPageSection;\n    setting?: SettingsItem;\n}\n\nexport interface SettingsDescription {\n    menu: SettingsMenu;\n    pages: Record<string, SettingsPage>;\n}\n\nexport function getSettingsFromChildren(\n    children: React.ReactNode,\n    searchText = '',\n): SettingsDescription {\n    // 'abc def fg' -> abc.*?cde.*?fg\n    const preparedFilter = escapeStringForRegExp(searchText).replace(/\\s+/g, '.*?');\n    const filterRe = new RegExp(preparedFilter, 'i');\n\n    const result = getSettingsFromChildrenRecursive(children, '', filterRe);\n\n    if (Boolean(preparedFilter) && result.menu.length > 0) {\n        return getSettingsDescriptionWithAllResultsPage(result);\n    } else {\n        return result;\n    }\n}\n\nfunction getSettingsFromChildrenRecursive(\n    children: React.ReactNode,\n    basepath = '',\n    filterRe: RegExp,\n): SettingsDescription {\n    const menu: SettingsMenu = [];\n    const pages: Record<string, SettingsPage> = {};\n    let hasGroup = false;\n    let hasItems = false;\n    React.Children.forEach(children, (element) => {\n        if (!React.isValidElement(element)) {\n            // Ignore non-elements.\n            return;\n        }\n        if (element.type === React.Fragment) {\n            // Transparently support React.Fragment and its children.\n            const {menu: menuFragment, pages: pagesFragment} = getSettingsFromChildrenRecursive(\n                element.props.children,\n                basepath,\n                filterRe,\n            );\n            menu.push(...menuFragment);\n            Object.assign(pages, pagesFragment);\n        } else if (element.props.groupTitle) {\n            if (process.env.NODE_ENV === 'development') {\n                invariant(!hasItems, 'Setting menu must not mix groups and pages on one level');\n            }\n\n            const pageId = `${basepath}/${element.props.id ?? element.props.groupTitle}`;\n            hasGroup = true;\n\n            const {menu: menuFragment, pages: pagesFragment} = getSettingsFromChildrenRecursive(\n                element.props.children,\n                pageId,\n                filterRe,\n            );\n\n            if (process.env.NODE_ENV === 'development') {\n                const hasInnerGroup = menuFragment.some((item) => 'groupTitle' in item);\n                invariant(\n                    !hasInnerGroup,\n                    `Group ${element.props.groupTitle} should not include groups`,\n                );\n            }\n\n            if (menuFragment.length > 0) {\n                menu.push({\n                    groupTitle: element.props.groupTitle,\n                    // @ts-ignore\n                    items: menuFragment,\n                });\n            }\n\n            Object.assign(pages, pagesFragment);\n        } else {\n            hasItems = true;\n            const pageId = `${basepath}/${element.props.id ?? element.props.title}`;\n\n            if (process.env.NODE_ENV === 'development') {\n                invariant(Boolean(element.props.title), 'Component must include title prop');\n                invariant(!hasGroup, 'Setting menu must not mix groups and pages on one level');\n                invariant(!pages[pageId], `Setting menu page id must be uniq (${pageId})`);\n            }\n\n            pages[pageId] = getSettingsPageFromChildren(element.props.children, filterRe);\n            pages[pageId].id = pageId;\n\n            if (!pages[pageId].hidden) {\n                menu.push({\n                    id: pageId,\n                    title: element.props.title,\n                    icon: element.props.icon,\n                    withBadge: pages[pageId].withBadge,\n                    disabled: pages[pageId].hidden,\n                });\n            }\n        }\n    });\n    return {menu, pages};\n}\n\nfunction getSettingsPageFromChildren(children: React.ReactNode, filterRe: RegExp): SettingsPage {\n    const page: SettingsPage = {id: '', sections: [], hidden: true};\n    React.Children.forEach(children, (element) => {\n        if (!React.isValidElement(element)) {\n            // Ignore non-elements.\n            return;\n        }\n        if (element.type === React.Fragment) {\n            // Transparently support React.Fragment and its children.\n            const {sections, withBadge, hidden} = getSettingsPageFromChildren(\n                element.props.children,\n                filterRe,\n            );\n            page.sections.push(...sections);\n            page.withBadge = withBadge || page.withBadge;\n            page.hidden = hidden && page.hidden;\n        } else {\n            const {withBadge} = element.props;\n            const {items, hidden} = getSettingsItemsFromChildren(element.props.children, filterRe);\n            page.withBadge = withBadge || page.withBadge;\n            page.hidden = hidden && page.hidden;\n            page.sections.push({\n                ...element.props,\n                withBadge,\n                items,\n                hidden,\n            });\n        }\n    });\n    return page;\n}\n\nfunction getSettingsItemsFromChildren(children: React.ReactNode, filterRe: RegExp) {\n    let hidden = true;\n    const items: SettingsItem[] = [];\n\n    React.Children.forEach(children, (element) => {\n        if (!React.isValidElement(element)) {\n            // Ignore non-elements.\n            return;\n        }\n        if (element.type === React.Fragment) {\n            // Transparently support React.Fragment and its children.\n            const fragmentItems = getSettingsItemsFromChildren(element.props.children, filterRe);\n            items.push(...fragmentItems.items);\n            hidden = hidden && fragmentItems.hidden;\n        } else {\n            const item: SettingsItem = {\n                ...element.props,\n                element,\n                hidden: !filterRe.test(element.props.title),\n            };\n            items.push(item);\n            hidden = hidden && item.hidden;\n        }\n    });\n    return {items, hidden};\n}\n\nexport function getSelectedSettingsPart(\n    pages: Record<string, SettingsPage>,\n    selection: SettingsSelection,\n): SelectedSettingsPart {\n    if (!selection.settingId && !selection.section && !selection.page) {\n        return {};\n    }\n\n    for (const page of Object.values(pages)) {\n        if (!selection.settingId && !selection.section) {\n            if (selection.page !== page.id) continue;\n\n            return {page};\n        }\n\n        for (const section of page.sections) {\n            if (selection.settingId) {\n                for (const setting of section.items) {\n                    if (setting.id === selection.settingId) {\n                        return {page, section, setting};\n                    }\n                }\n            } else if (\n                selection.section &&\n                ('id' in selection.section\n                    ? selection.section.id === section.id\n                    : selection.section.title === section.title)\n            ) {\n                return {page, section};\n            }\n        }\n    }\n\n    return {};\n}\n"],"names":["React"],"mappings":"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"}

package/build/esm/components/Settings/helpers.js

@@ -0,0 +1,33 @@
+import * as React from 'react';
+
+function useStableCallback(func) {
+    const funcRef = React.useRef();
+    React.useEffect(() => {
+        funcRef.current = func;
+        return () => {
+            funcRef.current = undefined;
+        };
+    }, [func]);
+    return React.useCallback((...args) => {
+        if (typeof funcRef.current === 'function') {
+            return funcRef.current(...args);
+        }
+        return undefined;
+    }, []);
+}
+function useCurrent(value) {
+    const ref = React.useRef(value);
+    ref.current = value;
+    return React.useCallback(() => ref.current, []);
+}
+function invariant(cond, message) {
+    if (!cond) {
+        throw new Error(message);
+    }
+}
+function escapeStringForRegExp(input) {
+    return input.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+}
+
+export { escapeStringForRegExp, invariant, useCurrent, useStableCallback };
+//# sourceMappingURL=helpers.js.map

package/build/esm/components/Settings/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sources":["../../../../../src/components/Settings/helpers.ts"],"sourcesContent":["import * as React from 'react';\n\ntype AnyFunc = (...args: any[]) => any;\n\nexport function useStableCallback<T extends AnyFunc>(\n    func: T,\n): (...args: Parameters<T>) => ReturnType<T> | undefined {\n    const funcRef = React.useRef<T>();\n\n    React.useEffect(() => {\n        funcRef.current = func;\n        return () => {\n            funcRef.current = undefined;\n        };\n    }, [func]);\n\n    return React.useCallback((...args: Parameters<T>) => {\n        if (typeof funcRef.current === 'function') {\n            return funcRef.current(...args);\n        }\n        return undefined;\n    }, []);\n}\n\nexport function useCurrent<T>(value: T) {\n    const ref = React.useRef(value);\n    ref.current = value;\n    return React.useCallback(() => ref.current, []);\n}\n\nexport function invariant(cond: boolean, message: string): void {\n    if (!cond) {\n        throw new Error(message);\n    }\n}\n\nexport function escapeStringForRegExp(input: string) {\n    return input.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n}\n"],"names":[],"mappings":";;AAIM,SAAU,iBAAiB,CAC7B,IAAO,EAAA;AAEP,IAAA,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,EAAK;AAEjC,IAAA,KAAK,CAAC,SAAS,CAAC,MAAK;AACjB,QAAA,OAAO,CAAC,OAAO,GAAG,IAAI;AACtB,QAAA,OAAO,MAAK;AACR,YAAA,OAAO,CAAC,OAAO,GAAG,SAAS;AAC/B,SAAC;AACL,KAAC,EAAE,CAAC,IAAI,CAAC,CAAC;IAEV,OAAO,KAAK,CAAC,WAAW,CAAC,CAAC,GAAG,IAAmB,KAAI;AAChD,QAAA,IAAI,OAAO,OAAO,CAAC,OAAO,KAAK,UAAU,EAAE;AACvC,YAAA,OAAO,OAAO,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC;;AAEnC,QAAA,OAAO,SAAS;KACnB,EAAE,EAAE,CAAC;AACV;AAEM,SAAU,UAAU,CAAI,KAAQ,EAAA;IAClC,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AAC/B,IAAA,GAAG,CAAC,OAAO,GAAG,KAAK;AACnB,IAAA,OAAO,KAAK,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,OAAO,EAAE,EAAE,CAAC;AACnD;AAEgB,SAAA,SAAS,CAAC,IAAa,EAAE,OAAe,EAAA;IACpD,IAAI,CAAC,IAAI,EAAE;AACP,QAAA,MAAM,IAAI,KAAK,CAAC,OAAO,CAAC;;AAEhC;AAEM,SAAU,qBAAqB,CAAC,KAAa,EAAA;IAC/C,OAAO,KAAK,CAAC,OAAO,CAAC,qBAAqB,EAAE,MAAM,CAAC;AACvD;;;;"}

package/build/esm/components/Settings/i18n/en.json.js

@@ -0,0 +1,12 @@
+var label_title = "Settings";
+var label_search = "Search";
+var en = {
+	label_title: label_title,
+	"label_filter-placeholder": "Search settings",
+	"label_empty-placeholder": "No results found",
+	label_search: label_search,
+	"label_all-results": "All results"
+};
+
+export { en as default, label_search, label_title };
+//# sourceMappingURL=en.json.js.map

package/build/esm/components/Settings/i18n/en.json.js.map

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

package/build/esm/components/Settings/i18n/index.d.ts

@@ -1,4 +1,12 @@
 declare const _default: ((key: "label_title" | "label_filter-placeholder" | "label_empty-placeholder" | "label_search" | "label_all-results", params?: import("@gravity-ui/i18n").Params) => string) & {
+    Translation: import("react").ComponentType<{
+        children: (props: {
+            t: (key: "label_title" | "label_filter-placeholder" | "label_empty-placeholder" | "label_search" | "label_all-results", params?: import("@gravity-ui/i18n").Params) => string;
+        }) => React.ReactNode;
+    }>;
+    useTranslation: () => {
+        t: (key: "label_title" | "label_filter-placeholder" | "label_empty-placeholder" | "label_search" | "label_all-results", params?: import("@gravity-ui/i18n").Params) => string;
+    };
     keysetData: {
         "gn-Settings": Record<"label_title" | "label_filter-placeholder" | "label_empty-placeholder" | "label_search" | "label_all-results", import("@gravity-ui/i18n").KeyData>;
     };

package/build/esm/components/Settings/i18n/index.js

@@ -0,0 +1,10 @@
+import { addComponentKeysets } from '@gravity-ui/uikit/i18n';
+import { NAMESPACE } from '../../utils/cn.js';
+import en from './en.json.js';
+import ru from './ru.json.js';
+
+const COMPONENT = 'Settings';
+var i18n = addComponentKeysets({ en, ru }, `${NAMESPACE}${COMPONENT}`);
+
+export { i18n as default };
+//# sourceMappingURL=index.js.map

package/build/esm/components/Settings/i18n/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/Settings/i18n/index.ts"],"sourcesContent":["import {addComponentKeysets} from '@gravity-ui/uikit/i18n';\n\nimport {NAMESPACE} from '../../utils/cn';\n\nimport en from './en.json';\nimport ru from './ru.json';\n\nconst COMPONENT = 'Settings';\nexport default addComponentKeysets({en, ru}, `${NAMESPACE}${COMPONENT}`);\n"],"names":[],"mappings":";;;;;AAOA,MAAM,SAAS,GAAG,UAAU;AAC5B,WAAe,mBAAmB,CAAC,EAAC,EAAE,EAAE,EAAE,EAAC,EAAE,CAAA,EAAG,SAAS,CAAA,EAAG,SAAS,CAAA,CAAE,CAAC;;;;"}

package/build/esm/components/Settings/i18n/ru.json.js

@@ -0,0 +1,12 @@
+var label_title = "Настройки";
+var label_search = "Поиск";
+var ru = {
+	label_title: label_title,
+	"label_filter-placeholder": "Найти настройки",
+	"label_empty-placeholder": "Ничего не найдено",
+	label_search: label_search,
+	"label_all-results": "Все результаты"
+};
+
+export { ru as default, label_search, label_title };
+//# sourceMappingURL=ru.json.js.map

package/build/esm/components/Settings/i18n/ru.json.js.map

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

package/build/esm/components/Title/Title.css

@@ -0,0 +1 @@
+.Title-module__gn-title___Sfj-E{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;min-height:64px;padding:14px 10px 14px 20px}.Title-module__gn-title_separator___UNdvM{border-bottom:1px solid var(--g-color-line-generic)}.Title-module__gn-title__text___L3qhO{margin:0 20px 0 0}

package/build/esm/components/Title/Title.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import './Title.scss';
 interface TitleProps {
     hasSeparator?: boolean;
     closeTitle?: string;

package/build/esm/components/Title/Title.js

@@ -0,0 +1,19 @@
+import './Title.css';
+import React__default from 'react';
+import { Xmark } from '@gravity-ui/icons';
+import { Text, Button, Icon } from '@gravity-ui/uikit';
+import { createBlock } from '../utils/cn.js';
+import i18n from './i18n/index.js';
+import styles from './Title.module.scss.js';
+
+const b = createBlock('title', styles);
+const Title = ({ children, closeIconSize = 23, hasSeparator, closeTitle = i18n('button_close'), onClose, }) => {
+    return (React__default.createElement("div", { className: b({ separator: hasSeparator }) },
+        React__default.createElement(Text, { className: b('text'), as: 'h3', variant: 'subheader-3' }, children),
+        onClose && (React__default.createElement(Button, { onClick: onClose, view: "flat", size: "l", "aria-label": closeTitle },
+            React__default.createElement(Icon, { data: Xmark, size: closeIconSize })))));
+};
+Title.displayName = 'Title';
+
+export { Title };
+//# sourceMappingURL=Title.js.map

package/build/esm/components/Title/Title.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Title.js","sources":["../../../../../src/components/Title/Title.tsx"],"sourcesContent":["import React from 'react';\n\nimport {Xmark} from '@gravity-ui/icons';\nimport {Button, Icon, Text} from '@gravity-ui/uikit';\n\nimport {createBlock} from '../utils/cn';\n\nimport i18n from './i18n';\n\nimport styles from './Title.module.scss';\n\nconst b = createBlock('title', styles);\n\ninterface TitleProps {\n    hasSeparator?: boolean;\n    closeTitle?: string;\n    closeIconSize?: number;\n    onClose?: () => void;\n}\nexport const Title: React.FC<React.PropsWithChildren<TitleProps>> = ({\n    children,\n    closeIconSize = 23,\n    hasSeparator,\n    closeTitle = i18n('button_close'),\n    onClose,\n}) => {\n    return (\n        <div className={b({separator: hasSeparator})}>\n            <Text className={b('text')} as={'h3'} variant={'subheader-3'}>\n                {children}\n            </Text>\n            {onClose && (\n                <Button onClick={onClose} view=\"flat\" size=\"l\" aria-label={closeTitle}>\n                    <Icon data={Xmark} size={closeIconSize} />\n                </Button>\n            )}\n        </div>\n    );\n};\n\nTitle.displayName = 'Title';\n"],"names":["React"],"mappings":";;;;;;;AAWA,MAAM,CAAC,GAAG,WAAW,CAAC,OAAO,EAAE,MAAM,CAAC;AAQzB,MAAA,KAAK,GAAkD,CAAC,EACjE,QAAQ,EACR,aAAa,GAAG,EAAE,EAClB,YAAY,EACZ,UAAU,GAAG,IAAI,CAAC,cAAc,CAAC,EACjC,OAAO,GACV,KAAI;IACD,QACIA,cAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,CAAC,CAAC,EAAC,SAAS,EAAE,YAAY,EAAC,CAAC,EAAA;AACxC,QAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,aAAa,EAAA,EACvD,QAAQ,CACN;AACN,QAAA,OAAO,KACJA,cAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,GAAG,gBAAa,UAAU,EAAA;AACjE,YAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,aAAa,EAAI,CAAA,CACrC,CACZ,CACC;AAEd;AAEA,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}

package/build/esm/components/Title/Title.module.scss.js

@@ -0,0 +1,4 @@
+var styles = {"gn-title":"Title-module__gn-title___Sfj-E","gnTitle":"Title-module__gn-title___Sfj-E","gn-title_separator":"Title-module__gn-title_separator___UNdvM","gnTitleSeparator":"Title-module__gn-title_separator___UNdvM","gn-title__text":"Title-module__gn-title__text___L3qhO","gnTitleText":"Title-module__gn-title__text___L3qhO"};
+
+export { styles as default };
+//# sourceMappingURL=Title.module.scss.js.map

package/build/esm/components/Title/Title.module.scss.js.map

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

package/build/esm/components/Title/i18n/en.json.js

@@ -0,0 +1,7 @@
+var button_close = "Close";
+var en = {
+	button_close: button_close
+};
+
+export { button_close, en as default };
+//# sourceMappingURL=en.json.js.map

package/build/esm/components/Title/i18n/en.json.js.map

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

package/build/esm/components/Title/i18n/index.d.ts

@@ -1,4 +1,12 @@
 declare const _default: ((key: "button_close", params?: import("@gravity-ui/i18n").Params) => string) & {
+    Translation: import("react").ComponentType<{
+        children: (props: {
+            t: (key: "button_close", params?: import("@gravity-ui/i18n").Params) => string;
+        }) => React.ReactNode;
+    }>;
+    useTranslation: () => {
+        t: (key: "button_close", params?: import("@gravity-ui/i18n").Params) => string;
+    };
     keysetData: {
         "gn-Title": Record<"button_close", import("@gravity-ui/i18n").KeyData>;
     };

package/build/esm/components/Title/i18n/index.js

@@ -0,0 +1,10 @@
+import { addComponentKeysets } from '@gravity-ui/uikit/i18n';
+import { NAMESPACE } from '../../utils/cn.js';
+import en from './en.json.js';
+import ru from './ru.json.js';
+
+const COMPONENT = 'Title';
+var i18n = addComponentKeysets({ en, ru }, `${NAMESPACE}${COMPONENT}`);
+
+export { i18n as default };
+//# sourceMappingURL=index.js.map

package/build/esm/components/Title/i18n/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/Title/i18n/index.ts"],"sourcesContent":["import {addComponentKeysets} from '@gravity-ui/uikit/i18n';\n\nimport {NAMESPACE} from '../../utils/cn';\n\nimport en from './en.json';\nimport ru from './ru.json';\n\nconst COMPONENT = 'Title';\nexport default addComponentKeysets({en, ru}, `${NAMESPACE}${COMPONENT}`);\n"],"names":[],"mappings":";;;;;AAOA,MAAM,SAAS,GAAG,OAAO;AACzB,WAAe,mBAAmB,CAAC,EAAC,EAAE,EAAE,EAAE,EAAC,EAAE,CAAA,EAAG,SAAS,CAAA,EAAG,SAAS,CAAA,CAAE,CAAC;;;;"}

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

@@ -0,0 +1,7 @@
+var button_close = "Закрыть";
+var ru = {
+	button_close: button_close
+};
+
+export { button_close, ru as default };
+//# sourceMappingURL=ru.json.js.map

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

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

package/build/esm/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/esm/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/esm/components/TopAlert/TopAlert.js

@@ -0,0 +1,38 @@
+import './TopAlert.css';
+import React__default from 'react';
+import { Alert, Text } from '@gravity-ui/uikit';
+import { createBlock } from '../utils/cn.js';
+import { useTopAlertHeight } from './useTopAlertHeight.js';
+import styles from './TopAlert.module.scss.js';
+
+const b = createBlock('top-alert', styles);
+const TopAlert = ({ alert, className, mobileView = false }) => {
+    const { alertRef, updateTopSize } = useTopAlertHeight({ alert });
+    const [opened, setOpened] = React__default.useState(true);
+    const handleClose = React__default.useCallback(() => {
+        var _a;
+        setOpened(false);
+        if (alert && 'onCloseTopAlert' in alert) {
+            (_a = alert.onCloseTopAlert) === null || _a === undefined ? undefined : _a.call(alert);
+        }
+    }, [alert]);
+    React__default.useEffect(() => {
+        if (!opened) {
+            updateTopSize();
+        }
+    }, [opened, updateTopSize]);
+    if (!alert) {
+        return null;
+    }
+    const { render } = alert;
+    if (typeof render === 'function') {
+        return (React__default.createElement("div", { ref: alertRef, className: b('wrapper', { 'with-bottom-border': !mobileView && opened }, className) }, opened && render({ handleClose })));
+    }
+    return (React__default.createElement("div", { ref: alertRef, className: b('wrapper', { 'with-bottom-border': !mobileView && opened }, className) }, opened && (React__default.createElement(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__default.createElement(Text, { ellipsisLines: 5, variant: "body-2" }, alert.message)) : (alert.message), actions: alert.actions, onClose: alert.closable ? handleClose : undefined }))));
+};
+
+export { TopAlert };
+//# sourceMappingURL=TopAlert.js.map

package/build/esm/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":["React"],"mappings":";;;;;;AAWA,MAAM,CAAC,GAAG,WAAW,CAAC,WAAW,EAAE,MAAM,CAAC;AAQnC,MAAM,QAAQ,GAAG,CAAC,EAAC,KAAK,EAAE,SAAS,EAAE,UAAU,GAAG,KAAK,EAAQ,KAAI;AACtE,IAAA,MAAM,EAAC,QAAQ,EAAE,aAAa,EAAC,GAAG,iBAAiB,CAAC,EAAC,KAAK,EAAC,CAAC;AAE5D,IAAA,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAGA,cAAK,CAAC,QAAQ,CAAC,IAAI,CAAC;AAEhD,IAAA,MAAM,WAAW,GAAGA,cAAK,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,IAAAA,cAAK,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,QACIA,cAAA,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,QACIA,cAAA,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,KACHA,cAAC,CAAA,aAAA,CAAA,KAAK,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,IACNA,6BAAC,IAAI,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/esm/components/TopAlert/TopAlert.module.scss.js

@@ -0,0 +1,4 @@
+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-"};
+
+export { styles as default };
+//# sourceMappingURL=TopAlert.module.scss.js.map

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

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

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

@@ -0,0 +1,2 @@
+export { TopAlert } from './TopAlert.js';
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,36 @@
+import React__default from 'react';
+import debounceFn from '../../_virtual/debounce.js';
+
+const G_ROOT_CLASS_NAME = 'g-root';
+const useTopAlertHeight = ({ alert }) => {
+    const alertRef = React__default.useRef(null);
+    const setAsideTopPanelHeight = React__default.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__default.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__default.useLayoutEffect(() => {
+        const updateTopSizeDebounce = debounceFn(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,
+    };
+};
+
+export { useTopAlertHeight };
+//# sourceMappingURL=useTopAlertHeight.js.map

package/build/esm/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":["React"],"mappings":";;;AAWA,MAAM,iBAAiB,GAAG,QAAQ;MAErB,iBAAiB,GAAG,CAAC,EAAC,KAAK,EAA0B,KAA4B;IAC1F,MAAM,QAAQ,GAAGA,cAAK,CAAC,MAAM,CAAiB,IAAI,CAAC;IAEnD,MAAM,sBAAsB,GAAGA,cAAK,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,GAAGA,cAAK,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,IAAAA,cAAK,CAAC,eAAe,CAAC,MAAK;AACvB,QAAA,MAAM,qBAAqB,GAAG,UAAU,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/esm/components/constants.js

@@ -0,0 +1,8 @@
+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;
+
+export { ASIDE_HEADER_COMPACT_WIDTH, ASIDE_HEADER_EXPANDED_WIDTH, ASIDE_HEADER_ICON_SIZE, HEADER_DIVIDER_HEIGHT, ITEM_HEIGHT };
+//# sourceMappingURL=constants.js.map

package/build/esm/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/esm/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/esm/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/esm/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;
+};