@gravity-ui/page-constructor 6.0.0-beta.11 → 6.0.0-beta.13

package/build/esm/models/constructor-items/index.d.ts

@@ -1,6 +1,6 @@
-import { Block } from './blocks';
-import { SubBlock } from './sub-blocks';
-export * from './sub-blocks';
-export * from './blocks';
-export * from './common';
+import { Block } from "./blocks.js";
+import { SubBlock } from "./sub-blocks.js";
+export * from "./sub-blocks.js";
+export * from "./blocks.js";
+export * from "./common.js";
 export type ConstructorItem = Block | SubBlock;

package/build/esm/models/constructor-items/index.js

@@ -1,3 +1,4 @@
-export * from './sub-blocks';
-export * from './blocks';
-export * from './common';
+export * from "./sub-blocks.js";
+export * from "./blocks.js";
+export * from "./common.js";
+//# sourceMappingURL=index.js.map

package/build/esm/models/constructor-items/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["models/constructor-items/index.ts"],"names":[],"mappings":"AAGA,gCAA6B;AAC7B,4BAAyB;AACzB,4BAAyB","sourcesContent":["import {Block} from './blocks';\nimport {SubBlock} from './sub-blocks';\n\nexport * from './sub-blocks';\nexport * from './blocks';\nexport * from './common';\n\nexport type ConstructorItem = Block | SubBlock;\n"]}

package/build/esm/models/constructor-items/sub-blocks.d.ts

@@ -1,9 +1,9 @@
-import { ClassNameProps, QuoteType } from '../../models';
-import { ThemeSupporting } from '../../utils';
-import { HubspotEventData, HubspotEventHandlers } from '../../utils/hubspot';
-import { AnalyticsEventsBase } from '../common';
-import { ContentBlockProps } from './blocks';
-import { AuthorItem, ButtonProps, CardBaseProps, CardLayoutProps, ContentTheme, DividerSize, ImageCardMargins, ImageObjectProps, ImageProps, LayoutItemContentMargin, LinkProps, MediaProps, MediaView, PriceDetailedProps, TextTheme, Themable, ThemedImage } from './common';
+import { ClassNameProps, QuoteType } from "../index.js";
+import { ThemeSupporting } from "../../utils/index.js";
+import { HubspotEventData, HubspotEventHandlers } from "../../utils/hubspot.js";
+import { AnalyticsEventsBase } from "../common.js";
+import { ContentBlockProps } from "./blocks.js";
+import { AuthorItem, ButtonProps, CardBaseProps, CardLayoutProps, ContentTheme, DividerSize, ImageCardMargins, ImageObjectProps, ImageProps, LayoutItemContentMargin, LinkProps, MediaProps, MediaView, PriceDetailedProps, TextTheme, Themable, ThemedImage } from "./common.js";
 export declare enum SubBlockType {
     Divider = "divider",
     Quote = "quote",

package/build/esm/models/constructor-items/sub-blocks.js

@@ -31,3 +31,4 @@ export var ImageCardDirection;
     ImageCardDirection["Reverse"] = "reverse";
 })(ImageCardDirection || (ImageCardDirection = {}));
 export const SubBlockTypes = Object.values(SubBlockType);
+//# sourceMappingURL=sub-blocks.js.map

package/build/esm/models/constructor-items/sub-blocks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sub-blocks.js","sourceRoot":"../../../../src","sources":["models/constructor-items/sub-blocks.ts"],"names":[],"mappings":"AA0BA,MAAM,CAAN,IAAY,YAoBX;AApBD,WAAY,YAAY;IACpB,mCAAmB,CAAA;IACnB,+BAAe,CAAA;IACf;;OAEG;IACH,gDAAgC,CAAA;IAChC,wCAAwB,CAAA;IACxB,0CAA0B,CAAA;IAC1B,0CAA0B,CAAA;IAC1B,kDAAkC,CAAA;IAClC,wCAAwB,CAAA;IACxB,mCAAmB,CAAA;IACnB,4CAA4B,CAAA;IAC5B;;OAEG;IACH,6BAAa,CAAA;IACb,wCAAwB,CAAA;IACxB,wCAAwB,CAAA;AAC5B,CAAC,EApBW,YAAY,KAAZ,YAAY,QAoBvB;AAED,MAAM,CAAN,IAAY,YAGX;AAHD,WAAY,YAAY;IACpB,2BAAW,CAAA;IACX,6BAAa,CAAA;AACjB,CAAC,EAHW,YAAY,KAAZ,YAAY,QAGvB;AAWD,MAAM,CAAN,IAAY,kBAGX;AAHD,WAAY,kBAAkB;IAC1B,uCAAiB,CAAA;IACjB,yCAAmB,CAAA;AACvB,CAAC,EAHW,kBAAkB,KAAlB,kBAAkB,QAG7B;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC","sourcesContent":["import {ClassNameProps, QuoteType} from '../../models';\nimport {ThemeSupporting} from '../../utils';\nimport {HubspotEventData, HubspotEventHandlers} from '../../utils/hubspot';\nimport {AnalyticsEventsBase} from '../common';\n\nimport {ContentBlockProps} from './blocks';\nimport {\n    AuthorItem,\n    ButtonProps,\n    CardBaseProps,\n    CardLayoutProps,\n    ContentTheme,\n    DividerSize,\n    ImageCardMargins,\n    ImageObjectProps,\n    ImageProps,\n    LayoutItemContentMargin,\n    LinkProps,\n    MediaProps,\n    MediaView,\n    PriceDetailedProps,\n    TextTheme,\n    Themable,\n    ThemedImage,\n} from './common';\n\nexport enum SubBlockType {\n    Divider = 'divider',\n    Quote = 'quote',\n    /**\n     * @deprecated Will be removed\n     */\n    PriceDetailed = 'price-detailed',\n    MediaCard = 'media-card',\n    BannerCard = 'banner-card',\n    LayoutItem = 'layout-item',\n    BackgroundCard = 'background-card',\n    BasicCard = 'basic-card',\n    Content = 'content',\n    HubspotForm = 'hubspot-form',\n    /**\n     * @deprecated Will be removed, use BasicCard instead\n     */\n    Card = 'card',\n    PriceCard = 'price-card',\n    ImageCard = 'image-card',\n}\n\nexport enum IconPosition {\n    Top = 'top',\n    Left = 'left',\n}\n\nexport interface PositionedIcon {\n    value: ImageProps;\n    position?: IconPosition;\n}\n\nexport interface IconWrapperProps {\n    icon?: PositionedIcon;\n}\n\nexport enum ImageCardDirection {\n    Direct = 'direct',\n    Reverse = 'reverse',\n}\n\nexport const SubBlockTypes = Object.values(SubBlockType);\n\nexport interface DividerProps {\n    size?: DividerSize;\n    border?: boolean;\n}\n\nexport interface HubspotFormProps extends HubspotEventHandlers, AnalyticsEventsBase {\n    className?: string;\n    theme?: ContentTheme;\n    isMobile?: boolean;\n    region?: string;\n    portalId: string;\n    formId: string;\n    formInstanceId?: string;\n    formClassName?: string;\n\n    /**\n     * To use this handler for component that is rendered in iframe, set up useLoopBackHubspotEvents hook on top level frame\n     */\n    onBeforeLoad?: (arg: HubspotEventData) => void;\n\n    /**\n     * To use this handler for component that is rendered in iframe, set up useLoopBackHubspotEvents hook on top level frame\n     */\n    onBeforeSubmit?: (arg: HubspotEventData) => void;\n\n    /**\n     * To use this handler for component that is rendered in iframe, set up useLoopBackHubspotEvents hook on top level frame\n     */\n    onSubmit?: (arg: HubspotEventData) => void;\n\n    /**\n     * To use this handler for component that is rendered in iframe, set up useLoopBackHubspotEvents hook on top level frame\n     */\n    onLoad?: (arg: HubspotEventData) => void;\n    hubspotEvents?: string[];\n    createDOMElement?: boolean;\n}\n\n//cards\nexport interface QuoteProps extends Themable, CardBaseProps {\n    text?: string;\n    // for backward compatibility, yfmText will become property 'text' in major\n    yfmText?: string;\n    image: ThemedImage;\n    logo: ThemeSupporting<ImageProps>;\n    color?: string;\n    /**\n     * @deprecated use property button instead\n     */\n    url?: string;\n    /**\n     * @deprecated use property button instead\n     */\n    urlTitle?: string;\n    author?: AuthorItem;\n    /**\n     * @deprecated use property button instead\n     */\n    buttonText?: string;\n    theme?: TextTheme;\n    quoteType?: QuoteType;\n    button?: ButtonProps;\n}\n\nexport interface BackgroundCardProps\n    extends CardBaseProps,\n        AnalyticsEventsBase,\n        CardLayoutProps,\n        Omit<ContentBlockProps, 'colSizes' | 'centered' | 'controlPosition'> {\n    url?: string;\n    urlTitle?: string;\n    background?: ThemeSupporting<ImageObjectProps>;\n    paddingBottom?: 's' | 'm' | 'l' | 'xl';\n    backgroundColor?: string;\n}\n\nexport interface BasicCardProps\n    extends CardBaseProps,\n        AnalyticsEventsBase,\n        CardLayoutProps,\n        Omit<ContentBlockProps, 'colSizes' | 'centered' | 'size' | 'theme' | 'controlPosition'> {\n    url: string;\n    urlTitle?: string;\n    icon?: ThemeSupporting<ImageProps>;\n    target?: string;\n    iconPosition?: IconPosition;\n}\n\nexport interface BannerCardProps {\n    title: string;\n    subtitle?: string;\n    className?: string;\n    image?: ThemeSupporting<string>;\n    disableCompress?: boolean;\n    color?: ThemeSupporting<string>;\n    theme?: TextTheme;\n    button?: Pick<ButtonProps, 'text' | 'url' | 'target' | 'theme'>;\n    mediaView?: MediaView;\n}\n\nexport interface MediaCardProps extends MediaProps, AnalyticsEventsBase, CardBaseProps {}\n\nexport interface PriceCardProps extends CardBaseProps, Pick<ContentBlockProps, 'theme'> {\n    title: string;\n    price: string;\n    pricePeriod?: string;\n    priceDetails?: string;\n    description?: string;\n    buttons?: ButtonProps[];\n    links?: LinkProps[];\n    backgroundColor?: string;\n    list?: string[];\n}\n\nexport interface LayoutItemProps extends ClassNameProps, CardLayoutProps, AnalyticsEventsBase {\n    content: Omit<ContentBlockProps, 'colSizes' | 'centered' | 'size'>;\n    contentMargin?: LayoutItemContentMargin;\n    media?: ThemeSupporting<MediaProps>;\n    metaInfo?: string[];\n    border?: boolean;\n    fullscreen?: boolean;\n    icon?: ThemeSupporting<PositionedIcon>;\n}\n\nexport interface ImageCardProps\n    extends CardBaseProps,\n        CardLayoutProps,\n        Omit<ContentBlockProps, 'colSizes' | 'centered' | 'controlPosition'> {\n    image: ThemeSupporting<ImageProps>;\n    enableImageBorderRadius?: boolean;\n    margins?: ImageCardMargins;\n    direction?: ImageCardDirection;\n    backgroundColor?: string;\n    url?: string;\n    urlTitle?: string;\n    target?: string;\n}\n\n// sub-block models\nexport type DividerModel = {\n    type: SubBlockType.Divider;\n} & DividerProps;\n\nexport type QuoteModel = {\n    type: SubBlockType.Quote;\n} & QuoteProps;\n\nexport type LayoutItemModel = {\n    type: SubBlockType.LayoutItem;\n} & LayoutItemProps;\n\nexport type BackgroundCardModel = {\n    type: SubBlockType.BackgroundCard;\n} & BackgroundCardProps;\n\n/** @deprecated */\nexport type PriceDetailedModel = {\n    type: SubBlockType.PriceDetailed;\n} & PriceDetailedProps;\n\nexport type MediaCardModel = {\n    type: SubBlockType.MediaCard;\n} & MediaCardProps;\n\nexport type HubspotFormModel = {\n    type: SubBlockType.HubspotForm;\n} & HubspotFormProps;\n\nexport type BannerCardModel = {\n    type: SubBlockType.BannerCard;\n} & BannerCardProps;\n\nexport type BasicCardModel = {\n    type: SubBlockType.BasicCard;\n} & BasicCardProps;\n\nexport type PriceCardModel = {\n    type: SubBlockType.PriceCard;\n} & PriceCardProps;\n\nexport type ImageCardModel = {\n    type: SubBlockType.ImageCard;\n} & ImageCardProps;\n\nexport type SubBlockModels =\n    | DividerModel\n    | QuoteModel\n    | PriceDetailedModel\n    | MediaCardModel\n    | BackgroundCardModel\n    | HubspotFormModel\n    | BannerCardModel\n    | BasicCardModel\n    | PriceCardModel\n    | LayoutItemModel\n    | ImageCardModel;\n\nexport type SubBlock = SubBlockModels;\n"]}

package/build/esm/models/constructor.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Animatable, BlockDecorationProps, ConstructorItem, ThemedMediaProps } from './';
+import { Animatable, BlockDecorationProps, ConstructorItem, ThemedMediaProps } from "./index.js";
 export interface PageData {
     content: PageContent;
 }

package/build/esm/models/constructor.js

@@ -1 +1,2 @@
 export {};
+//# sourceMappingURL=constructor.js.map

package/build/esm/models/constructor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constructor.js","sourceRoot":"../../../src","sources":["models/constructor.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\n\nimport {Animatable, BlockDecorationProps, ConstructorItem, ThemedMediaProps} from './';\n\nexport interface PageData {\n    content: PageContent;\n}\n\nexport interface Menu {\n    title: string;\n}\n\nexport type ConstructorBlock = ConstructorItem | CustomBlock;\n\nexport interface PageContent extends Animatable {\n    blocks: ConstructorBlock[];\n    menu?: Menu;\n    background?: ThemedMediaProps;\n}\n\nexport interface InitConstrucorState {\n    hasMenu: boolean;\n}\n\nexport interface CustomBlock {\n    type: string;\n\n    [key: string]: unknown;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type LoadableData = any;\nexport type FetchLoadableDataParams = {\n    blockKey: string;\n    serviceId?: number;\n};\nexport type FetchLoadableData<TData = LoadableData> = (\n    params: FetchLoadableDataParams,\n) => Promise<TData>;\nexport type ShouldRenderBlock = (block: ConstructorBlock, blockKey: string) => Boolean;\nexport type OnInit = (data: InitConstrucorState) => void;\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype ComponentProps = React.ComponentProps<React.ComponentClass<any>>;\nexport type CustomItem =\n    | React.PropsWithChildren<ComponentProps>\n    | React.ComponentType<React.PropsWithChildren<ComponentProps>>;\nexport type CustomItems = Record<string, CustomItem>;\n\nexport interface LoadableConfigItem {\n    fetch: FetchLoadableData;\n    component: CustomItem;\n}\n\nexport type LoadableConfig = Record<string, LoadableConfigItem>;\n\nexport interface CustomConfig {\n    blocks?: CustomItems;\n    subBlocks?: CustomItems;\n    headers?: CustomItems;\n    navigation?: CustomItems;\n    loadable?: LoadableConfig;\n    decorators?: {\n        block?: ((props: BlockDecorationProps) => React.ReactElement)[];\n    };\n}\n"]}

package/build/esm/models/customization.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { BlockBaseProps, BlockType } from './constructor-items';
+import { BlockBaseProps, BlockType } from "./constructor-items/index.js";
 export interface BlockDecorationProps extends React.PropsWithChildren, BlockBaseProps {
     type: BlockType | string;
     index?: number;

package/build/esm/models/customization.js

@@ -1 +1,2 @@
 export {};
+//# sourceMappingURL=customization.js.map

package/build/esm/models/customization.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"customization.js","sourceRoot":"../../../src","sources":["models/customization.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\n\nimport {BlockBaseProps, BlockType} from './constructor-items';\n\nexport interface BlockDecorationProps extends React.PropsWithChildren, BlockBaseProps {\n    type: BlockType | string;\n    index?: number;\n}\nexport type BlockDecorator = (props: BlockDecorationProps) => React.ReactElement;\n"]}

package/build/esm/models/guards.d.ts

@@ -1,4 +1,4 @@
-import { Block, ConstructorItem, FormBlockData, FormBlockHubspotData, FormBlockYandexData } from './';
+import { Block, ConstructorItem, FormBlockData, FormBlockHubspotData, FormBlockYandexData } from "./index.js";
 export declare function isBlock(block: ConstructorItem): block is Block;
 export declare function isYandexDataForm(data: FormBlockData): data is FormBlockYandexData;
 export declare function isHubspotDataForm(data: FormBlockData): data is FormBlockHubspotData;

package/build/esm/models/guards.js

@@ -1,4 +1,4 @@
-import { BlockTypes, } from './';
+import { BlockTypes, } from "./index.js";
 export function isBlock(block) {
     return block.type in BlockTypes;
 }
@@ -8,3 +8,4 @@ export function isYandexDataForm(data) {
 export function isHubspotDataForm(data) {
     return Boolean(data.hubspot);
 }
+//# sourceMappingURL=guards.js.map

package/build/esm/models/guards.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"guards.js","sourceRoot":"../../../src","sources":["models/guards.ts"],"names":[],"mappings":"AAAA,OAAO,EAEH,UAAU,GAKb,mBAAW;AAEZ,MAAM,UAAU,OAAO,CAAC,KAAsB;IAC1C,OAAO,KAAK,CAAC,IAAI,IAAI,UAAU,CAAC;AACpC,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,IAAmB;IAChD,OAAO,OAAO,CAAE,IAA4B,CAAC,MAAM,CAAC,CAAC;AACzD,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,IAAmB;IACjD,OAAO,OAAO,CAAE,IAA6B,CAAC,OAAO,CAAC,CAAC;AAC3D,CAAC","sourcesContent":["import {\n    Block,\n    BlockTypes,\n    ConstructorItem,\n    FormBlockData,\n    FormBlockHubspotData,\n    FormBlockYandexData,\n} from './';\n\nexport function isBlock(block: ConstructorItem): block is Block {\n    return block.type in BlockTypes;\n}\n\nexport function isYandexDataForm(data: FormBlockData): data is FormBlockYandexData {\n    return Boolean((data as FormBlockYandexData).yandex);\n}\n\nexport function isHubspotDataForm(data: FormBlockData): data is FormBlockHubspotData {\n    return Boolean((data as FormBlockHubspotData).hubspot);\n}\n"]}

package/build/esm/models/index.d.ts

@@ -1,7 +1,7 @@
-export * from './constructor';
-export * from './constructor-items';
-export * from './common';
-export * from './components';
-export * from './guards';
-export * from './navigation';
-export * from './customization';
+export * from "./constructor.js";
+export * from "./constructor-items/index.js";
+export * from "./common.js";
+export * from "./components.js";
+export * from "./guards.js";
+export * from "./navigation.js";
+export * from "./customization.js";

package/build/esm/models/index.js

@@ -1,7 +1,8 @@
-export * from './constructor';
-export * from './constructor-items';
-export * from './common';
-export * from './components';
-export * from './guards';
-export * from './navigation';
-export * from './customization';
+export * from "./constructor.js";
+export * from "./constructor-items/index.js";
+export * from "./common.js";
+export * from "./components.js";
+export * from "./guards.js";
+export * from "./navigation.js";
+export * from "./customization.js";
+//# sourceMappingURL=index.js.map

package/build/esm/models/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../src","sources":["models/index.ts"],"names":[],"mappings":"AAAA,iCAA8B;AAC9B,6CAAoC;AACpC,4BAAyB;AACzB,gCAA6B;AAC7B,4BAAyB;AACzB,gCAA6B;AAC7B,mCAAgC","sourcesContent":["export * from './constructor';\nexport * from './constructor-items';\nexport * from './common';\nexport * from './components';\nexport * from './guards';\nexport * from './navigation';\nexport * from './customization';\n"]}

package/build/esm/models/navigation.d.ts

@@ -1,5 +1,5 @@
-import { ThemeSupporting } from '../utils';
-import { ButtonProps, ImageProps } from './constructor-items';
+import { ThemeSupporting } from "../utils/index.js";
+import { ButtonProps, ImageProps } from "./constructor-items/index.js";
 export declare enum NavigationItemType {
     Link = "link",
     Dropdown = "dropdown",

package/build/esm/models/navigation.js

@@ -20,3 +20,4 @@ export var NavigationGithubButtonIcon;
     NavigationGithubButtonIcon["template"] = "octicon-repo-template";
     NavigationGithubButtonIcon["play"] = "octicon-play";
 })(NavigationGithubButtonIcon || (NavigationGithubButtonIcon = {}));
+//# sourceMappingURL=navigation.js.map

package/build/esm/models/navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation.js","sourceRoot":"../../../src","sources":["models/navigation.ts"],"names":[],"mappings":"AAIA,MAAM,CAAN,IAAY,kBAMX;AAND,WAAY,kBAAkB;IAC1B,mCAAa,CAAA;IACb,2CAAqB,CAAA;IACrB,uCAAiB,CAAA;IACjB,uCAAiB,CAAA;IACjB,oDAA8B,CAAA;AAClC,CAAC,EANW,kBAAkB,KAAlB,kBAAkB,QAM7B;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC;AASrE,MAAM,CAAN,IAAY,0BAWX;AAXD,WAAY,0BAA0B;IAClC,qDAAuB,CAAA;IACvB,iDAAmB,CAAA;IACnB,mDAAqB,CAAA;IACrB,0DAA4B,CAAA;IAC5B,4DAA8B,CAAA;IAC9B,oEAAsC,CAAA;IACtC,2DAA6B,CAAA;IAC7B,yDAA2B,CAAA;IAC3B,gEAAkC,CAAA;IAClC,mDAAqB,CAAA;AACzB,CAAC,EAXW,0BAA0B,KAA1B,0BAA0B,QAWrC","sourcesContent":["import {ThemeSupporting} from '../utils';\n\nimport {ButtonProps, ImageProps} from './constructor-items';\n\nexport enum NavigationItemType {\n    Link = 'link',\n    Dropdown = 'dropdown',\n    Button = 'button',\n    Social = 'social',\n    GithubButton = 'github-button',\n}\n\nexport const NavigationItemTypes = Object.values(NavigationItemType);\n\nexport interface NavigationItemBase {\n    text: string;\n    icon?: ImageProps;\n    url?: string;\n    iconSize?: number;\n}\n\nexport enum NavigationGithubButtonIcon {\n    heart = 'octicon-heart',\n    eye = 'octicon-eye',\n    star = 'octicon-star',\n    fork = 'octicon-repo-forked',\n    issue = 'octicon-issue-opened',\n    comment = 'octicon-comment-discussion',\n    download = 'octicon-download',\n    package = 'octicon-package',\n    template = 'octicon-repo-template',\n    play = 'octicon-play',\n}\n\nexport interface NavigationGithubButton extends Omit<NavigationItemBase, 'icon'> {\n    type: NavigationItemType.GithubButton;\n    url: string;\n    urlTitle?: string;\n    label?: string;\n    icon?: keyof typeof NavigationGithubButtonIcon;\n    size?: string;\n}\n\nexport interface NavigationLinkItem extends Omit<NavigationItemBase, 'url'> {\n    type: NavigationItemType.Link;\n    url: string;\n    urlTitle?: string;\n    arrow?: boolean;\n    target?: string;\n}\n\nexport interface NavigationButtonItem extends ButtonProps {\n    type: NavigationItemType.Button;\n}\n\nexport interface NavigationDropdownItem extends NavigationItemBase {\n    type: NavigationItemType.Dropdown;\n    items: NavigationLinkItem[];\n    hidePopup: () => void;\n    isActive: boolean;\n}\n\nexport interface NavigationSocialItem extends Omit<NavigationItemBase, 'text'> {\n    type: NavigationItemType.Social;\n    icon: ImageProps;\n    url: string;\n    urlTitle?: string;\n}\n\nexport type NavigationItemModel =\n    | NavigationLinkItem\n    | NavigationButtonItem\n    | NavigationDropdownItem;\n\nexport type NavigationItemData =\n    | NavigationLinkItem\n    | NavigationButtonItem\n    | NavigationSocialItem\n    | NavigationDropdownItem;\n\nexport interface NavigationLogoData {\n    icon: ImageProps;\n    text?: string;\n    url?: string;\n    urlTitle?: string;\n    alt?: string;\n}\n\nexport type ThemedNavigationLogoData = NavigationLogoData & ThemeSupporting<NavigationLogoData>;\n\nexport interface HeaderData {\n    leftItems: NavigationItemModel[];\n    rightItems?: NavigationItemModel[];\n\n    /**\n     * Items for the navigation header on mobile devices.\n     * They are located to the right of the Logo and to the left of the MobileMenuButton.\n     * @type {NavigationItemModel[]}\n     */\n    customMobileHeaderItems?: NavigationItemModel[];\n    iconSize?: number;\n    withBorder?: boolean;\n    withBorderOnScroll?: boolean;\n}\n\nexport interface FooterColumn {\n    title: string;\n    links: NavigationItemModel[];\n}\n\nexport interface FooterUnderline {\n    links?: NavigationItemModel[];\n    copyright?: string;\n}\n\nexport interface FooterData {\n    columns: FooterColumn[];\n    social?: NavigationSocialItem[];\n    underline?: FooterUnderline;\n}\n\nexport interface NavigationData {\n    logo: ThemedNavigationLogoData;\n    header: HeaderData;\n    footer?: FooterData;\n    renderNavigation?: () => React.ReactNode;\n}\n"]}

package/build/esm/navigation/components/DesktopNavigation/DesktopNavigation.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { DesktopNavigationProps } from '../../models';
+import { DesktopNavigationProps } from "../../models.js";
 import './DesktopNavigation.css';
 export declare const DesktopNavigation: React.FC<DesktopNavigationProps>;
 export default DesktopNavigation;

package/build/esm/navigation/components/DesktopNavigation/DesktopNavigation.js

@@ -1,11 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import OverflowScroller from '../../../components/OverflowScroller/OverflowScroller';
-import { block } from '../../../utils';
-import { ItemColumnName, NavigationLayout } from '../../models';
-import Logo from '../Logo/Logo';
-import { MobileMenuButton } from '../MobileMenuButton/MobileMenuButton';
-import { NavigationList } from '../NavigationList/NavigationList';
+import OverflowScroller from "../../../components/OverflowScroller/OverflowScroller.js";
+import { block } from "../../../utils/index.js";
+import { ItemColumnName, NavigationLayout } from "../../models.js";
+import Logo from "../Logo/Logo.js";
+import { MobileMenuButton } from "../MobileMenuButton/MobileMenuButton.js";
+import { NavigationList } from "../NavigationList/NavigationList.js";
 import './DesktopNavigation.css';
 const b = block('desktop-navigation');
 export const DesktopNavigation = ({ logo, leftItemsWithIconSize, rightItemsWithIconSize, customMobileHeaderItems, isSidebarOpened, onSidebarOpenedChange, onActiveItemChange, activeItemId, }) => (_jsxs("div", { className: b('wrapper'), children: [logo && (_jsx("div", { className: b('left'), children: _jsx(Logo, Object.assign({}, logo, { className: b('logo') })) })), _jsx("div", { className: b('navigation-container'), children: _jsx(OverflowScroller, { className: b('navigation'), onScrollStart: onActiveItemChange, children: _jsx(NavigationList, { items: leftItemsWithIconSize, onActiveItemChange: onActiveItemChange, className: b('links'), itemClassName: b('item'), column: ItemColumnName.Left, activeItemId: activeItemId, menuLayout: NavigationLayout.Desktop }) }) }), _jsxs("div", { className: b('right'), children: [customMobileHeaderItems && (_jsx("div", { className: b('mobile-navigation-container'), children: _jsx(OverflowScroller, { className: b('mobile-navigation'), onScrollStart: onActiveItemChange, arrowSize: 18, children: _jsx(NavigationList, { items: customMobileHeaderItems, onActiveItemChange: onActiveItemChange, className: b('mobile-buttons'), itemClassName: b('item'), column: ItemColumnName.Left, activeItemId: activeItemId, menuLayout: NavigationLayout.Dropdown }) }) })), _jsx(MobileMenuButton, { isSidebarOpened: isSidebarOpened, onSidebarOpenedChange: onSidebarOpenedChange }), rightItemsWithIconSize && (_jsx(NavigationList, { onActiveItemChange: onActiveItemChange, column: ItemColumnName.Right, items: rightItemsWithIconSize, activeItemId: activeItemId, className: b('buttons'), itemClassName: b('item'), menuLayout: NavigationLayout.Desktop }))] })] }));
 export default DesktopNavigation;
+//# sourceMappingURL=DesktopNavigation.js.map

package/build/esm/navigation/components/DesktopNavigation/DesktopNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesktopNavigation.js","sourceRoot":"../../../../../src","sources":["navigation/components/DesktopNavigation/DesktopNavigation.tsx"],"names":[],"mappings":";AAEA,OAAO,gBAAgB,iEAA8D;AACrF,OAAO,EAAC,KAAK,EAAC,gCAAuB;AACrC,OAAO,EAAyB,cAAc,EAAE,gBAAgB,EAAC,wBAAqB;AACtF,OAAO,IAAI,wBAAqB;AAChC,OAAO,EAAC,gBAAgB,EAAC,gDAA6C;AACtE,OAAO,EAAC,cAAc,EAAC,4CAAyC;AAEhE,OAAO,yBAAyB,CAAC;AAEjC,MAAM,CAAC,GAAG,KAAK,CAAC,oBAAoB,CAAC,CAAC;AAEtC,MAAM,CAAC,MAAM,iBAAiB,GAAqC,CAAC,EAChE,IAAI,EACJ,qBAAqB,EACrB,sBAAsB,EACtB,uBAAuB,EACvB,eAAe,EACf,qBAAqB,EACrB,kBAAkB,EAClB,YAAY,GACf,EAAE,EAAE,CAAC,CACF,eAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACvB,IAAI,IAAI,CACL,cAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACrB,KAAC,IAAI,oBAAK,IAAI,IAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI,GACtC,CACT,EACD,cAAK,SAAS,EAAE,CAAC,CAAC,sBAAsB,CAAC,YACrC,KAAC,gBAAgB,IAAC,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,EAAE,aAAa,EAAE,kBAAkB,YAC3E,KAAC,cAAc,IACX,KAAK,EAAE,qBAAqB,EAC5B,kBAAkB,EAAE,kBAAkB,EACtC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,aAAa,EAAE,CAAC,CAAC,MAAM,CAAC,EACxB,MAAM,EAAE,cAAc,CAAC,IAAI,EAC3B,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,gBAAgB,CAAC,OAAO,GACtC,GACa,GACjB,EACN,eAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,aACrB,uBAAuB,IAAI,CACxB,cAAK,SAAS,EAAE,CAAC,CAAC,6BAA6B,CAAC,YAC5C,KAAC,gBAAgB,IACb,SAAS,EAAE,CAAC,CAAC,mBAAmB,CAAC,EACjC,aAAa,EAAE,kBAAkB,EACjC,SAAS,EAAE,EAAE,YAEb,KAAC,cAAc,IACX,KAAK,EAAE,uBAAuB,EAC9B,kBAAkB,EAAE,kBAAkB,EACtC,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,EAC9B,aAAa,EAAE,CAAC,CAAC,MAAM,CAAC,EACxB,MAAM,EAAE,cAAc,CAAC,IAAI,EAC3B,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,gBAAgB,CAAC,QAAQ,GACvC,GACa,GACjB,CACT,EACD,KAAC,gBAAgB,IACb,eAAe,EAAE,eAAe,EAChC,qBAAqB,EAAE,qBAAqB,GAC9C,EACD,sBAAsB,IAAI,CACvB,KAAC,cAAc,IACX,kBAAkB,EAAE,kBAAkB,EACtC,MAAM,EAAE,cAAc,CAAC,KAAK,EAC5B,KAAK,EAAE,sBAAsB,EAC7B,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,EACvB,aAAa,EAAE,CAAC,CAAC,MAAM,CAAC,EACxB,UAAU,EAAE,gBAAgB,CAAC,OAAO,GACtC,CACL,IACC,IACJ,CACT,CAAC;AAEF,eAAe,iBAAiB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport OverflowScroller from '../../../components/OverflowScroller/OverflowScroller';\nimport {block} from '../../../utils';\nimport {DesktopNavigationProps, ItemColumnName, NavigationLayout} from '../../models';\nimport Logo from '../Logo/Logo';\nimport {MobileMenuButton} from '../MobileMenuButton/MobileMenuButton';\nimport {NavigationList} from '../NavigationList/NavigationList';\n\nimport './DesktopNavigation.scss';\n\nconst b = block('desktop-navigation');\n\nexport const DesktopNavigation: React.FC<DesktopNavigationProps> = ({\n    logo,\n    leftItemsWithIconSize,\n    rightItemsWithIconSize,\n    customMobileHeaderItems,\n    isSidebarOpened,\n    onSidebarOpenedChange,\n    onActiveItemChange,\n    activeItemId,\n}) => (\n    <div className={b('wrapper')}>\n        {logo && (\n            <div className={b('left')}>\n                <Logo {...logo} className={b('logo')} />\n            </div>\n        )}\n        <div className={b('navigation-container')}>\n            <OverflowScroller className={b('navigation')} onScrollStart={onActiveItemChange}>\n                <NavigationList\n                    items={leftItemsWithIconSize}\n                    onActiveItemChange={onActiveItemChange}\n                    className={b('links')}\n                    itemClassName={b('item')}\n                    column={ItemColumnName.Left}\n                    activeItemId={activeItemId}\n                    menuLayout={NavigationLayout.Desktop}\n                />\n            </OverflowScroller>\n        </div>\n        <div className={b('right')}>\n            {customMobileHeaderItems && (\n                <div className={b('mobile-navigation-container')}>\n                    <OverflowScroller\n                        className={b('mobile-navigation')}\n                        onScrollStart={onActiveItemChange}\n                        arrowSize={18}\n                    >\n                        <NavigationList\n                            items={customMobileHeaderItems}\n                            onActiveItemChange={onActiveItemChange}\n                            className={b('mobile-buttons')}\n                            itemClassName={b('item')}\n                            column={ItemColumnName.Left}\n                            activeItemId={activeItemId}\n                            menuLayout={NavigationLayout.Dropdown}\n                        />\n                    </OverflowScroller>\n                </div>\n            )}\n            <MobileMenuButton\n                isSidebarOpened={isSidebarOpened}\n                onSidebarOpenedChange={onSidebarOpenedChange}\n            />\n            {rightItemsWithIconSize && (\n                <NavigationList\n                    onActiveItemChange={onActiveItemChange}\n                    column={ItemColumnName.Right}\n                    items={rightItemsWithIconSize}\n                    activeItemId={activeItemId}\n                    className={b('buttons')}\n                    itemClassName={b('item')}\n                    menuLayout={NavigationLayout.Desktop}\n                />\n            )}\n        </div>\n    </div>\n);\n\nexport default DesktopNavigation;\n"]}

package/build/esm/navigation/components/Logo/Logo.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ThemedNavigationLogoData } from '../../../models';
+import { ThemedNavigationLogoData } from "../../../models/index.js";
 import './Logo.css';
 export type LogoProps = ThemedNavigationLogoData & {
     className?: string;

package/build/esm/navigation/components/Logo/Logo.js

@@ -1,13 +1,13 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
-import { Image } from '../../../components';
-import { getMediaImage } from '../../../components/Media/Image/utils';
-import RouterLink from '../../../components/RouterLink/RouterLink';
-import { LocationContext } from '../../../context/locationContext';
-import { useTheme } from '../../../context/theme';
-import { block, getLinkProps, getThemedValue } from '../../../utils';
-import { i18n } from './i18n';
+import { Image } from "../../../components/index.js";
+import { getMediaImage } from "../../../components/Media/Image/utils.js";
+import RouterLink from "../../../components/RouterLink/RouterLink.js";
+import { LocationContext } from "../../../context/locationContext/index.js";
+import { useTheme } from "../../../context/theme/index.js";
+import { block, getLinkProps, getThemedValue } from "../../../utils/index.js";
+import { i18n } from "./i18n/index.js";
 import './Logo.css';
 const b = block('logo');
 export const Logo = (_a) => {
@@ -26,3 +26,4 @@ export const Logo = (_a) => {
     return (_jsx(RouterLink, { href: url, passHref: true, children: Link ? (_jsx("span", { className: b(null, props.className), children: content })) : (_jsx("a", Object.assign({ className: b(null, props.className), href: url, title: urlTitle }, linkExtraProps, { children: content }))) }));
 };
 export default Logo;
+//# sourceMappingURL=Logo.js.map

package/build/esm/navigation/components/Logo/Logo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Logo.js","sourceRoot":"../../../../../src","sources":["navigation/components/Logo/Logo.tsx"],"names":[],"mappings":";;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,KAAK,EAAC,qCAA4B;AAC1C,OAAO,EAAC,aAAa,EAAC,iDAA8C;AACpE,OAAO,UAAU,qDAAkD;AACnE,OAAO,EAAC,eAAe,EAAC,kDAAyC;AACjE,OAAO,EAAC,QAAQ,EAAC,wCAA+B;AAEhD,OAAO,EAAC,KAAK,EAAE,YAAY,EAAE,cAAc,EAAC,gCAAuB;AAEnE,OAAO,EAAC,IAAI,EAAC,wBAAe;AAE5B,OAAO,YAAY,CAAC;AAEpB,MAAM,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;AAOxB,MAAM,CAAC,MAAM,IAAI,GAAwB,CAAC,EAAuC,EAAE,EAAE;QAA3C,EAAC,GAAG,GAAG,IAAI,CAAC,WAAW,CAAC,OAAe,EAAV,SAAS,cAAtC,OAAuC,CAAD;IAC5E,MAAM,KAAK,mCAAkB,SAAS,KAAE,GAAG,GAAC,CAAC;IAC7C,MAAM,EAAC,QAAQ,EAAE,IAAI,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;IAC3D,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,eAAe,GAAG,cAAc,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,KAAK,CAAC;IAC9D,MAAM,SAAS,GAAG,aAAa,CAAC,eAAe,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC;IACpE,SAAS,CAAC,GAAG,GAAG,GAAG,CAAC;IACpB,MAAM,QAAQ,GAAG,eAAe,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC;IACpD,MAAM,GAAG,GAAG,eAAe,CAAC,GAAG,IAAI,KAAK,CAAC,GAAG,IAAI,GAAG,CAAC;IACpD,MAAM,QAAQ,GAAG,eAAe,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,IAAI,QAAQ,CAAC;IACxE,MAAM,cAAc,GAAG,YAAY,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IACnD,MAAM,OAAO,GAAG,CACZ,MAAC,KAAK,CAAC,QAAQ,eACV,SAAS,IAAI,KAAC,KAAK,kBAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,IAAM,SAAS,EAAI,EAC5D,eAAM,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAG,QAAQ,GAAQ,IAChC,CACpB,CAAC;IAEF,OAAO,CACH,KAAC,UAAU,IAAC,IAAI,EAAE,GAAG,EAAE,QAAQ,kBAC1B,IAAI,CAAC,CAAC,CAAC,CACJ,eAAM,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,YAAG,OAAO,GAAQ,CAC9D,CAAC,CAAC,CAAC,CACA,0BACI,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,EACnC,IAAI,EAAE,GAAG,EACT,KAAK,EAAE,QAAQ,IACX,cAAc,cAEjB,OAAO,IACR,CACP,GACQ,CAChB,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Image} from '../../../components';\nimport {getMediaImage} from '../../../components/Media/Image/utils';\nimport RouterLink from '../../../components/RouterLink/RouterLink';\nimport {LocationContext} from '../../../context/locationContext';\nimport {useTheme} from '../../../context/theme';\nimport {ThemedNavigationLogoData} from '../../../models';\nimport {block, getLinkProps, getThemedValue} from '../../../utils';\n\nimport {i18n} from './i18n';\n\nimport './Logo.scss';\n\nconst b = block('logo');\n\nexport type LogoProps = ThemedNavigationLogoData & {\n    className?: string;\n    alt?: string;\n};\n\nexport const Logo: React.FC<LogoProps> = ({alt = i18n('image-alt'), ...restProps}) => {\n    const props: LogoProps = {...restProps, alt};\n    const {hostname, Link} = React.useContext(LocationContext);\n    const theme = useTheme();\n    const themedLogoProps = getThemedValue(props, theme) || props;\n    const imageData = getMediaImage(themedLogoProps.icon || props.icon);\n    imageData.alt = alt;\n    const textData = themedLogoProps.text || props.text;\n    const url = themedLogoProps.url || props.url || '/';\n    const urlTitle = themedLogoProps.urlTitle || props.urlTitle || textData;\n    const linkExtraProps = getLinkProps(url, hostname);\n    const content = (\n        <React.Fragment>\n            {imageData && <Image className={b('icon')} {...imageData} />}\n            <span className={b('text')}>{textData}</span>\n        </React.Fragment>\n    );\n\n    return (\n        <RouterLink href={url} passHref>\n            {Link ? (\n                <span className={b(null, props.className)}>{content}</span>\n            ) : (\n                <a\n                    className={b(null, props.className)}\n                    href={url}\n                    title={urlTitle}\n                    {...linkExtraProps}\n                >\n                    {content}\n                </a>\n            )}\n        </RouterLink>\n    );\n};\n\nexport default Logo;\n"]}

package/build/esm/navigation/components/Logo/i18n/index.js

@@ -1,5 +1,6 @@
 import { addComponentKeysets } from '@gravity-ui/uikit/i18n';
-import { NAMESPACE } from '../../../../utils/cn';
-import en from './en.json';
-import ru from './ru.json';
+import { NAMESPACE } from "../../../../utils/cn.js";
+import en from "./en.json";
+import ru from "./ru.json";
 export const i18n = addComponentKeysets({ en, ru }, `${NAMESPACE}Logo`);
+//# sourceMappingURL=index.js.map

package/build/esm/navigation/components/Logo/i18n/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../../src","sources":["navigation/components/Logo/i18n/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAC,MAAM,wBAAwB,CAAC;AAE3D,OAAO,EAAC,SAAS,EAAC,gCAA6B;AAE/C,OAAO,EAAE,kBAAkB;AAC3B,OAAO,EAAE,kBAAkB;AAE3B,MAAM,CAAC,MAAM,IAAI,GAAG,mBAAmB,CAAC,EAAC,EAAE,EAAE,EAAE,EAAC,EAAE,GAAG,SAAS,MAAM,CAAC,CAAC","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\nexport const i18n = addComponentKeysets({en, ru}, `${NAMESPACE}Logo`);\n"]}

package/build/esm/navigation/components/MobileMenuButton/MobileMenuButton.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
-import { MobileMenuButtonProps } from '../../models';
+import { MobileMenuButtonProps } from "../../models.js";
 import './MobileMenuButton.css';
 export declare const MobileMenuButton: React.FC<MobileMenuButtonProps>;

package/build/esm/navigation/components/MobileMenuButton/MobileMenuButton.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Bars, Xmark } from '@gravity-ui/icons';
-import { Control } from '../../../components';
-import { block } from '../../../utils';
+import { Control } from "../../../components/index.js";
+import { block } from "../../../utils/index.js";
 import './MobileMenuButton.css';
 const b = block('mobile-menu-button');
 const ICON_SIZE = 24;
@@ -10,3 +10,4 @@ export const MobileMenuButton = ({ isSidebarOpened, onSidebarOpenedChange, }) =>
         e.nativeEvent.stopImmediatePropagation();
         onSidebarOpenedChange(!isSidebarOpened);
     }, size: "l", icon: isSidebarOpened ? Xmark : Bars, iconSize: ICON_SIZE }));
+//# sourceMappingURL=MobileMenuButton.js.map

package/build/esm/navigation/components/MobileMenuButton/MobileMenuButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileMenuButton.js","sourceRoot":"../../../../../src","sources":["navigation/components/MobileMenuButton/MobileMenuButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,IAAI,EAAE,KAAK,EAAC,MAAM,mBAAmB,CAAC;AAE9C,OAAO,EAAC,OAAO,EAAC,qCAA4B;AAC5C,OAAO,EAAC,KAAK,EAAC,gCAAuB;AAGrC,OAAO,wBAAwB,CAAC;AAEhC,MAAM,CAAC,GAAG,KAAK,CAAC,oBAAoB,CAAC,CAAC;AAEtC,MAAM,SAAS,GAAG,EAAE,CAAC;AAErB,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,EAC9D,eAAe,EACf,qBAAqB,GACxB,EAAE,EAAE,CAAC,CACF,KAAC,OAAO,IACJ,SAAS,EAAE,CAAC,EAAE,EACd,OAAO,EAAE,CAAC,CAAmB,EAAE,EAAE;QAC7B,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,CAAC,CAAC,WAAW,CAAC,wBAAwB,EAAE,CAAC;QAEzC,qBAAqB,CAAC,CAAC,eAAe,CAAC,CAAC;IAC5C,CAAC,EACD,IAAI,EAAC,GAAG,EACR,IAAI,EAAE,eAAe,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EACpC,QAAQ,EAAE,SAAS,GACrB,CACL,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Bars, Xmark} from '@gravity-ui/icons';\n\nimport {Control} from '../../../components';\nimport {block} from '../../../utils';\nimport {MobileMenuButtonProps} from '../../models';\n\nimport './MobileMenuButton.scss';\n\nconst b = block('mobile-menu-button');\n\nconst ICON_SIZE = 24;\n\nexport const MobileMenuButton: React.FC<MobileMenuButtonProps> = ({\n    isSidebarOpened,\n    onSidebarOpenedChange,\n}) => (\n    <Control\n        className={b()}\n        onClick={(e: React.MouseEvent) => {\n            e.stopPropagation();\n            e.nativeEvent.stopImmediatePropagation();\n\n            onSidebarOpenedChange(!isSidebarOpened);\n        }}\n        size=\"l\"\n        icon={isSidebarOpened ? Xmark : Bars}\n        iconSize={ICON_SIZE}\n    />\n);\n"]}

package/build/esm/navigation/components/MobileNavigation/MobileNavigation.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { MobileNavigationProps } from '../../models';
+import { MobileNavigationProps } from "../../models.js";
 import './MobileNavigation.css';
 export declare const MobileNavigation: React.FC<MobileNavigationProps>;
 export default MobileNavigation;

package/build/esm/navigation/components/MobileNavigation/MobileNavigation.js

@@ -2,11 +2,11 @@ import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { Portal } from '@gravity-ui/uikit';
-import Foldable from '../../../components/Foldable/Foldable';
-import { useMount } from '../../../hooks';
-import { block } from '../../../utils';
-import { ItemColumnName, NavigationLayout } from '../../models';
-import { NavigationList } from '../NavigationList/NavigationList';
+import Foldable from "../../../components/Foldable/Foldable.js";
+import { useMount } from "../../../hooks/index.js";
+import { block } from "../../../utils/index.js";
+import { ItemColumnName, NavigationLayout } from "../../models.js";
+import { NavigationList } from "../NavigationList/NavigationList.js";
 import './MobileNavigation.css';
 const b = block('mobile-navigation');
 export const MobileNavigation = (_a) => {
@@ -19,3 +19,4 @@ export const MobileNavigation = (_a) => {
     return (_jsx(Portal, { children: _jsx(Foldable, { className: b(), isOpened: Boolean(isOpened), children: _jsxs("div", { className: b('wrapper'), children: [topItems && (_jsx(NavigationList, Object.assign({ className: b('rows'), items: topItems, column: ItemColumnName.Top, menuLayout: NavigationLayout.Mobile }, props))), bottomItems && (_jsx(NavigationList, Object.assign({ className: b('rows'), items: bottomItems, column: ItemColumnName.Bottom, menuLayout: NavigationLayout.Mobile }, props)))] }) }, topItems === null || topItems === void 0 ? void 0 : topItems.length) }));
 };
 export default MobileNavigation;
+//# sourceMappingURL=MobileNavigation.js.map

package/build/esm/navigation/components/MobileNavigation/MobileNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileNavigation.js","sourceRoot":"../../../../../src","sources":["navigation/components/MobileNavigation/MobileNavigation.tsx"],"names":[],"mappings":";;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,MAAM,EAAC,MAAM,mBAAmB,CAAC;AAEzC,OAAO,QAAQ,iDAA8C;AAC7D,OAAO,EAAC,QAAQ,EAAC,gCAAuB;AACxC,OAAO,EAAC,KAAK,EAAC,gCAAuB;AACrC,OAAO,EAAC,cAAc,EAAyB,gBAAgB,EAAC,wBAAqB;AACrF,OAAO,EAAC,cAAc,EAAC,4CAAyC;AAEhE,OAAO,wBAAwB,CAAC;AAEhC,MAAM,CAAC,GAAG,KAAK,CAAC,mBAAmB,CAAC,CAAC;AAErC,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,EAKjE,EAAE,EAAE;QAL6D,EAC9D,QAAQ,EACR,QAAQ,EACR,WAAW,OAEd,EADM,KAAK,cAJsD,uCAKjE,CADW;IAER,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,QAAQ,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC;IAEnC,IAAI,CAAC,SAAS,EAAE,CAAC;QACb,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,CACH,KAAC,MAAM,cACH,KAAC,QAAQ,IAAwB,SAAS,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,YACxE,eAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACvB,QAAQ,IAAI,CACT,KAAC,cAAc,kBACX,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EACpB,KAAK,EAAE,QAAQ,EACf,MAAM,EAAE,cAAc,CAAC,GAAG,EAC1B,UAAU,EAAE,gBAAgB,CAAC,MAAM,IAC/B,KAAK,EACX,CACL,EACA,WAAW,IAAI,CACZ,KAAC,cAAc,kBACX,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EACpB,KAAK,EAAE,WAAW,EAClB,MAAM,EAAE,cAAc,CAAC,MAAM,EAC7B,UAAU,EAAE,gBAAgB,CAAC,MAAM,IAC/B,KAAK,EACX,CACL,IACC,IApBK,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,MAAM,CAqBpB,GACN,CACZ,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Portal} from '@gravity-ui/uikit';\n\nimport Foldable from '../../../components/Foldable/Foldable';\nimport {useMount} from '../../../hooks';\nimport {block} from '../../../utils';\nimport {ItemColumnName, MobileNavigationProps, NavigationLayout} from '../../models';\nimport {NavigationList} from '../NavigationList/NavigationList';\n\nimport './MobileNavigation.scss';\n\nconst b = block('mobile-navigation');\n\nexport const MobileNavigation: React.FC<MobileNavigationProps> = ({\n    isOpened,\n    topItems,\n    bottomItems,\n    ...props\n}) => {\n    const [isMounted, setIsMounted] = React.useState(false);\n\n    useMount(() => setIsMounted(true));\n\n    if (!isMounted) {\n        return null;\n    }\n\n    return (\n        <Portal>\n            <Foldable key={topItems?.length} className={b()} isOpened={Boolean(isOpened)}>\n                <div className={b('wrapper')}>\n                    {topItems && (\n                        <NavigationList\n                            className={b('rows')}\n                            items={topItems}\n                            column={ItemColumnName.Top}\n                            menuLayout={NavigationLayout.Mobile}\n                            {...props}\n                        />\n                    )}\n                    {bottomItems && (\n                        <NavigationList\n                            className={b('rows')}\n                            items={bottomItems}\n                            column={ItemColumnName.Bottom}\n                            menuLayout={NavigationLayout.Mobile}\n                            {...props}\n                        />\n                    )}\n                </div>\n            </Foldable>\n        </Portal>\n    );\n};\n\nexport default MobileNavigation;\n"]}

package/build/esm/navigation/components/Navigation/Navigation.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ClassNameProps, HeaderData, ThemedNavigationLogoData } from '../../../models';
+import { ClassNameProps, HeaderData, ThemedNavigationLogoData } from "../../../models/index.js";
 import './Navigation.css';
 export interface NavigationComponentProps extends ClassNameProps {
     logo: ThemedNavigationLogoData;

package/build/esm/navigation/components/Navigation/Navigation.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
-import OutsideClick from '../../../components/OutsideClick/OutsideClick';
-import { Col, Grid, Row } from '../../../grid';
-import { block } from '../../../utils';
-import { useActiveNavItem, useShowBorder } from '../../hooks';
-import DesktopNavigation from '../DesktopNavigation/DesktopNavigation';
-import MobileNavigation from '../MobileNavigation/MobileNavigation';
+import OutsideClick from "../../../components/OutsideClick/OutsideClick.js";
+import { Col, Grid, Row } from "../../../grid/index.js";
+import { block } from "../../../utils/index.js";
+import { useActiveNavItem, useShowBorder } from "../../hooks/index.js";
+import DesktopNavigation from "../DesktopNavigation/DesktopNavigation.js";
+import MobileNavigation from "../MobileNavigation/MobileNavigation.js";
 import './Navigation.css';
 const b = block('navigation');
 export const Navigation = ({ data, logo, className }) => {
@@ -17,3 +17,4 @@ export const Navigation = ({ data, logo, className }) => {
     return (_jsx(Grid, { className: b({ 'with-border': showBorder }, className), children: _jsx(Row, { children: _jsx(Col, { children: _jsxs("nav", { children: [_jsx(DesktopNavigation, { logo: logo, activeItemId: activeItemId, onActiveItemChange: onActiveItemChange, leftItemsWithIconSize: leftItemsWithIconSize, rightItemsWithIconSize: rightItemsWithIconSize, customMobileHeaderItems: customMobileHeaderItems, isSidebarOpened: isSidebarOpened, onSidebarOpenedChange: onSidebarOpenedChange }), _jsx(OutsideClick, { onOutsideClick: () => onSidebarOpenedChange(false), children: _jsx(MobileNavigation, { topItems: leftItemsWithIconSize, bottomItems: rightItemsWithIconSize, isOpened: isSidebarOpened, activeItemId: activeItemId, onActiveItemChange: onActiveItemChange }) })] }) }) }) }));
 };
 export default Navigation;
+//# sourceMappingURL=Navigation.js.map

package/build/esm/navigation/components/Navigation/Navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Navigation.js","sourceRoot":"../../../../../src","sources":["navigation/components/Navigation/Navigation.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,YAAY,yDAAsD;AACzE,OAAO,EAAC,GAAG,EAAE,IAAI,EAAE,GAAG,EAAC,+BAAsB;AAE7C,OAAO,EAAC,KAAK,EAAC,gCAAuB;AACrC,OAAO,EAAC,gBAAgB,EAAE,aAAa,EAAC,6BAAoB;AAC5D,OAAO,iBAAiB,kDAA+C;AACvE,OAAO,gBAAgB,gDAA6C;AAEpE,OAAO,kBAAkB,CAAC;AAE1B,MAAM,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC;AAO9B,MAAM,CAAC,MAAM,UAAU,GAAuC,CAAC,EAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,EAAE,EAAE;IACtF,MAAM,EACF,SAAS,EACT,UAAU,EACV,uBAAuB,EACvB,QAAQ,GAAG,EAAE,EACb,UAAU,GAAG,KAAK,EAClB,kBAAkB,GAAG,IAAI,GAC5B,GAAG,IAAI,CAAC;IAET,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpE,MAAM,CAAC,UAAU,CAAC,GAAG,aAAa,CAAC,UAAU,EAAE,kBAAkB,CAAC,CAAC;IACnE,MAAM,EAAC,YAAY,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,kBAAkB,EAAC,GACnF,gBAAgB,CAAC,QAAQ,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC;IAEtD,MAAM,qBAAqB,GAAG,CAAC,MAAe,EAAE,EAAE,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAE9E,OAAO,CACH,KAAC,IAAI,IAAC,SAAS,EAAE,CAAC,CAAC,EAAC,aAAa,EAAE,UAAU,EAAC,EAAE,SAAS,CAAC,YACtD,KAAC,GAAG,cACA,KAAC,GAAG,cACA,0BACI,KAAC,iBAAiB,IACd,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,kBAAkB,EAAE,kBAAkB,EACtC,qBAAqB,EAAE,qBAAqB,EAC5C,sBAAsB,EAAE,sBAAsB,EAC9C,uBAAuB,EAAE,uBAAuB,EAChD,eAAe,EAAE,eAAe,EAChC,qBAAqB,EAAE,qBAAqB,GAC9C,EACF,KAAC,YAAY,IAAC,cAAc,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,KAAK,CAAC,YAC5D,KAAC,gBAAgB,IACb,QAAQ,EAAE,qBAAqB,EAC/B,WAAW,EAAE,sBAAsB,EACnC,QAAQ,EAAE,eAAe,EACzB,YAAY,EAAE,YAAY,EAC1B,kBAAkB,EAAE,kBAAkB,GACxC,GACS,IACb,GACJ,GACJ,GACH,CACV,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import * as React from 'react';\n\nimport OutsideClick from '../../../components/OutsideClick/OutsideClick';\nimport {Col, Grid, Row} from '../../../grid';\nimport {ClassNameProps, HeaderData, ThemedNavigationLogoData} from '../../../models';\nimport {block} from '../../../utils';\nimport {useActiveNavItem, useShowBorder} from '../../hooks';\nimport DesktopNavigation from '../DesktopNavigation/DesktopNavigation';\nimport MobileNavigation from '../MobileNavigation/MobileNavigation';\n\nimport './Navigation.scss';\n\nconst b = block('navigation');\n\nexport interface NavigationComponentProps extends ClassNameProps {\n    logo: ThemedNavigationLogoData;\n    data: HeaderData;\n}\n\nexport const Navigation: React.FC<NavigationComponentProps> = ({data, logo, className}) => {\n    const {\n        leftItems,\n        rightItems,\n        customMobileHeaderItems,\n        iconSize = 20,\n        withBorder = false,\n        withBorderOnScroll = true,\n    } = data;\n\n    const [isSidebarOpened, setIsSidebarOpened] = React.useState(false);\n    const [showBorder] = useShowBorder(withBorder, withBorderOnScroll);\n    const {activeItemId, leftItemsWithIconSize, rightItemsWithIconSize, onActiveItemChange} =\n        useActiveNavItem(iconSize, leftItems, rightItems);\n\n    const onSidebarOpenedChange = (isOpen: boolean) => setIsSidebarOpened(isOpen);\n\n    return (\n        <Grid className={b({'with-border': showBorder}, className)}>\n            <Row>\n                <Col>\n                    <nav>\n                        <DesktopNavigation\n                            logo={logo}\n                            activeItemId={activeItemId}\n                            onActiveItemChange={onActiveItemChange}\n                            leftItemsWithIconSize={leftItemsWithIconSize}\n                            rightItemsWithIconSize={rightItemsWithIconSize}\n                            customMobileHeaderItems={customMobileHeaderItems}\n                            isSidebarOpened={isSidebarOpened}\n                            onSidebarOpenedChange={onSidebarOpenedChange}\n                        />\n                        <OutsideClick onOutsideClick={() => onSidebarOpenedChange(false)}>\n                            <MobileNavigation\n                                topItems={leftItemsWithIconSize}\n                                bottomItems={rightItemsWithIconSize}\n                                isOpened={isSidebarOpened}\n                                activeItemId={activeItemId}\n                                onActiveItemChange={onActiveItemChange}\n                            />\n                        </OutsideClick>\n                    </nav>\n                </Col>\n            </Row>\n        </Grid>\n    );\n};\n\nexport default Navigation;\n"]}

package/build/esm/navigation/components/NavigationItem/NavigationItem.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { NavigationItemProps } from '../../models';
+import { NavigationItemProps } from "../../models.js";
 import './NavigationItem.css';
 export declare const NavigationItem: React.FC<NavigationItemProps>;
 export default NavigationItem;

package/build/esm/navigation/components/NavigationItem/NavigationItem.js

@@ -1,11 +1,11 @@
 import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
-import omit from 'lodash/omit';
-import { BlockIdContext } from '../../../context/blockIdContext';
-import { NavigationItemType, NavigationItemTypes } from '../../../models';
-import { block } from '../../../utils';
-import { useNavigationItemMap } from './hooks/useNavigationItemMap';
+import omit from "lodash/omit.js";
+import { BlockIdContext } from "../../../context/blockIdContext/index.js";
+import { NavigationItemType, NavigationItemTypes } from "../../../models/index.js";
+import { block } from "../../../utils/index.js";
+import { useNavigationItemMap } from "./hooks/useNavigationItemMap.js";
 import './NavigationItem.css';
 const b = block('navigation-item');
 const ANALYTICS_ID = 'navigation';
@@ -27,3 +27,4 @@ export const NavigationItem = (_a) => {
     return (_jsx(BlockIdContext.Provider, { value: ANALYTICS_ID, children: _jsx("li", { className: b({ 'menu-layout': menuLayout }, className), children: _jsx(Component, Object.assign({}, componentProps, { className: b('content', { type }) })) }) }));
 };
 export default NavigationItem;
+//# sourceMappingURL=NavigationItem.js.map

package/build/esm/navigation/components/NavigationItem/NavigationItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationItem.js","sourceRoot":"../../../../../src","sources":["navigation/components/NavigationItem/NavigationItem.tsx"],"names":[],"mappings":";;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,IAAI,uBAAoB;AAE/B,OAAO,EAAC,cAAc,EAAC,iDAAwC;AAC/D,OAAO,EAAa,kBAAkB,EAAE,mBAAmB,EAAC,iCAAwB;AACpF,OAAO,EAAC,KAAK,EAAC,gCAAuB;AAGrC,OAAO,EAAC,oBAAoB,EAAC,wCAAqC;AAElE,OAAO,sBAAsB,CAAC;AAE9B,MAAM,CAAC,GAAG,KAAK,CAAC,iBAAiB,CAAC,CAAC;AAEnC,MAAM,YAAY,GAAG,YAAY,CAAC;AAElC,MAAM,6BAA6B,GAAG,mBAAmB,CAAC,MAAM,CAC5D,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,kBAAkB,CAAC,QAAQ,CACjD,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAKxC,EAAE,EAAE;QALoC,EAC1D,IAAI,EACJ,SAAS,EACT,UAAU,OAEQ,EADf,KAAK,cAJkD,mCAK7D,CADW;IAER,MAAM,EAAC,IAAI,GAAG,kBAAkB,CAAC,IAAI,EAAC,GAAG,IAAI,CAAC;IAC9C,MAAM,UAAU,GAAG,oBAAoB,EAAE,CAAC;IAC1C,MAAM,SAAS,GAAG,UAAU,CAAC,IAAI,CAAe,CAAC;IACjD,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACtC,MAAM,mBAAmB,mCAClB,IAAI,GACJ,KAAK,CACX,CAAC;QAEF,IACI,6BAA6B,CAAC,QAAQ,CAClC,IAAsD,CACzD,EACH,CAAC;YACC,OAAO,IAAI,CAAC,mBAAmB,EAAE,WAAW,EAAE,UAAU,CAAC,CAAC;QAC9D,CAAC;QAED,OAAO,mBAAmB,CAAC,QAAQ,CAAC,IAAI,CAAC;YACrC,CAAC,CAAC,mBAAmB;YACrB,CAAC,iCAAK,mBAAmB,KAAE,UAAU,GAAC,CAAC;IAC/C,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC;IAEpC,OAAO,CACH,KAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YACxC,aAAI,SAAS,EAAE,CAAC,CAAC,EAAC,aAAa,EAAE,UAAU,EAAC,EAAE,SAAS,CAAC,YACpD,KAAC,SAAS,oBAAK,cAAc,IAAE,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,IAAI,EAAC,CAAC,IAAI,GACjE,GACiB,CAC7B,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import * as React from 'react';\n\nimport omit from 'lodash/omit';\n\nimport {BlockIdContext} from '../../../context/blockIdContext';\nimport {CustomItem, NavigationItemType, NavigationItemTypes} from '../../../models';\nimport {block} from '../../../utils';\nimport {NavigationItemProps} from '../../models';\n\nimport {useNavigationItemMap} from './hooks/useNavigationItemMap';\n\nimport './NavigationItem.scss';\n\nconst b = block('navigation-item');\n\nconst ANALYTICS_ID = 'navigation';\n\nconst nonComplexNavigationItemTypes = NavigationItemTypes.filter(\n    (type) => type !== NavigationItemType.Dropdown,\n);\n\nexport const NavigationItem: React.FC<NavigationItemProps> = ({\n    data,\n    className,\n    menuLayout,\n    ...props\n}: NavigationItemProps) => {\n    const {type = NavigationItemType.Link} = data;\n    const navItemMap = useNavigationItemMap();\n    const Component = navItemMap[type] as CustomItem;\n    const componentProps = React.useMemo(() => {\n        const componentProperties = {\n            ...data,\n            ...props,\n        };\n\n        if (\n            nonComplexNavigationItemTypes.includes(\n                type as (typeof nonComplexNavigationItemTypes)[number],\n            )\n        ) {\n            return omit(componentProperties, 'hidePopup', 'isActive');\n        }\n\n        return NavigationItemTypes.includes(type)\n            ? componentProperties\n            : {...componentProperties, menuLayout};\n    }, [data, props, type, menuLayout]);\n\n    return (\n        <BlockIdContext.Provider value={ANALYTICS_ID}>\n            <li className={b({'menu-layout': menuLayout}, className)}>\n                <Component {...componentProps} className={b('content', {type})} />\n            </li>\n        </BlockIdContext.Provider>\n    );\n};\n\nexport default NavigationItem;\n"]}

package/build/esm/navigation/components/NavigationItem/components/ContentWrapper/ContentWrapper.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ImageProps } from '../../../../../models';
+import { ImageProps } from "../../../../../models/index.js";
 import './ContentWrapper.css';
 interface ContentWrapperProps {
     text: string;

package/build/esm/navigation/components/NavigationItem/components/ContentWrapper/ContentWrapper.js

@@ -1,10 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
-import { Image } from '../../../../../components';
-import { block } from '../../../../../utils';
+import { Image } from "../../../../../components/index.js";
+import { block } from "../../../../../utils/index.js";
 import './ContentWrapper.css';
 const b = block('content-wrapper');
 export const ContentWrapper = ({ text, icon, iconSize }) => {
     const iconSizeStyle = React.useMemo(() => (iconSize ? { height: `${iconSize}px`, width: `${iconSize}px` } : {}), [iconSize]);
     return (_jsxs(React.Fragment, { children: [icon && typeof icon !== 'string' && (_jsx(Image, Object.assign({ className: b('icon') }, icon, { style: iconSizeStyle }))), _jsx("span", { className: b('text'), children: text })] }));
 };
+//# sourceMappingURL=ContentWrapper.js.map

package/build/esm/navigation/components/NavigationItem/components/ContentWrapper/ContentWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentWrapper.js","sourceRoot":"../../../../../../../src","sources":["navigation/components/NavigationItem/components/ContentWrapper/ContentWrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,KAAK,EAAC,2CAAkC;AAEhD,OAAO,EAAC,KAAK,EAAC,sCAA6B;AAE3C,OAAO,sBAAsB,CAAC;AAE9B,MAAM,CAAC,GAAG,KAAK,CAAC,iBAAiB,CAAC,CAAC;AAQnC,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAC,EAAE,EAAE;IACpF,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAC/B,GAAG,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAC,MAAM,EAAE,GAAG,QAAQ,IAAI,EAAE,KAAK,EAAE,GAAG,QAAQ,IAAI,EAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EACzE,CAAC,QAAQ,CAAC,CACb,CAAC;IAEF,OAAO,CACH,MAAC,KAAK,CAAC,QAAQ,eACV,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,CACjC,KAAC,KAAK,kBAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,IAAM,IAAI,IAAE,KAAK,EAAE,aAAa,IAAI,CAClE,EACD,eAAM,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAG,IAAI,GAAQ,IAC5B,CACpB,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Image} from '../../../../../components';\nimport {ImageProps} from '../../../../../models';\nimport {block} from '../../../../../utils';\n\nimport './ContentWrapper.scss';\n\nconst b = block('content-wrapper');\n\ninterface ContentWrapperProps {\n    text: string;\n    icon?: ImageProps;\n    iconSize?: number;\n}\n\nexport const ContentWrapper: React.FC<ContentWrapperProps> = ({text, icon, iconSize}) => {\n    const iconSizeStyle = React.useMemo(\n        () => (iconSize ? {height: `${iconSize}px`, width: `${iconSize}px`} : {}),\n        [iconSize],\n    );\n\n    return (\n        <React.Fragment>\n            {icon && typeof icon !== 'string' && (\n                <Image className={b('icon')} {...icon} style={iconSizeStyle} />\n            )}\n            <span className={b('text')}>{text}</span>\n        </React.Fragment>\n    );\n};\n"]}

package/build/esm/navigation/components/NavigationItem/components/GithubButton/GithubButton.d.ts

@@ -1,5 +1,5 @@
-import { NavigationGithubButton } from '../../../../../models';
-import { NavigationItemProps } from '../../../../models';
+import { NavigationGithubButton } from "../../../../../models/index.js";
+import { NavigationItemProps } from "../../../../models.js";
 import './GithubButton.css';
 type NavigationGithubButtonProps = NavigationItemProps & NavigationGithubButton;
 export declare const GithubButton: ({ text, url, className, label, size, icon, urlTitle, }: NavigationGithubButtonProps) => import("react/jsx-runtime").JSX.Element;

package/build/esm/navigation/components/NavigationItem/components/GithubButton/GithubButton.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
-import { NavigationGithubButtonIcon } from '../../../../../models';
-import { block } from '../../../../../utils';
+import { NavigationGithubButtonIcon } from "../../../../../models/index.js";
+import { block } from "../../../../../utils/index.js";
 import './GithubButton.css';
 const b = block('github-button');
 const DEFAULT_LABEL = 'Stars on GitHub';
@@ -40,3 +40,4 @@ export const GithubButton = ({ text, url, className, label, size, icon, urlTitle
     }, []);
     return (_jsx("div", { className: b(null, className), children: _jsx("span", { ref: containerRef, children: _jsx("a", Object.assign({ href: url, ref: linkRef, title: urlTitle, "data-show-count": "true", "aria-label": label || DEFAULT_LABEL }, (icon && { 'data-icon': NavigationGithubButtonIcon[icon] }), (size && { 'data-size': size }), { children: text })) }) }));
 };
+//# sourceMappingURL=GithubButton.js.map

package/build/esm/navigation/components/NavigationItem/components/GithubButton/GithubButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GithubButton.js","sourceRoot":"../../../../../../../src","sources":["navigation/components/NavigationItem/components/GithubButton/GithubButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAyB,0BAA0B,EAAC,uCAA8B;AACzF,OAAO,EAAC,KAAK,EAAC,sCAA6B;AAG3C,OAAO,oBAAoB,CAAC;AAE5B,MAAM,CAAC,GAAG,KAAK,CAAC,eAAe,CAAC,CAAC;AAIjC,MAAM,aAAa,GAAG,iBAAiB,CAAC;AAExC,yEAAyE;AACzE,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EACzB,IAAI,EACJ,GAAG,EACH,SAAS,EACT,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,QAAQ,GACkB,EAAE,EAAE;IAC9B,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAkB,IAAI,CAAC,CAAC;IACzD,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAoB,IAAI,CAAC,CAAC;IAEtD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,KAAK,GAAG,GAAG,EAAE;YACf,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;gBACvB,MAAM,YAAY,GAAG,YAAY,CAAC,OAAO,CAAC,WAAW,CACjD,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CACjC,CAAC;gBACF,MAAM,CAAC,0BAA0B,CAAC,gBAAgB,CAAC,CAAC,IAAI,CAAC,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE;oBAClE,IAAI,OAAO,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;wBAC3B,MAAM,CAAC,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE;4BACrD,IAAI,CAAC;gCACD,IAAI,YAAY,CAAC,UAAU,EAAE,CAAC;oCAC1B,YAAY,CAAC,UAAU,CAAC,YAAY,CAAC,EAAE,EAAE,YAAY,CAAC,CAAC;gCAC3D,CAAC;4BACL,CAAC;4BAAC,OAAO,CAAC,EAAE,CAAC,CAAA,CAAC;wBAClB,CAAC,CAAC,CAAC;oBACP,CAAC;gBACL,CAAC,CAAC,CAAC;YACP,CAAC;QACL,CAAC,CAAC;QAEF,MAAM,KAAK,GAAG,GAAG,EAAE;;YACf,IAAI,CAAA,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,0CAAE,SAAS,KAAI,OAAO,CAAC,OAAO,EAAE,CAAC;gBACtD,YAAY,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,OAAO,EAAE,YAAY,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;YACvF,CAAC;QACL,CAAC,CAAC;QAEF,KAAK,EAAE,CAAC;QAER,OAAO,GAAG,EAAE;YACR,KAAK,EAAE,CAAC;QACZ,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,YAC9B,eAAM,GAAG,EAAE,YAAY,YACnB,0BACI,IAAI,EAAE,GAAG,EACT,GAAG,EAAE,OAAO,EACZ,KAAK,EAAE,QAAQ,qBACC,MAAM,gBACV,KAAK,IAAI,aAAa,IAC9B,CAAC,IAAI,IAAI,EAAC,WAAW,EAAE,0BAA0B,CAAC,IAAI,CAAC,EAAC,CAAC,EACzD,CAAC,IAAI,IAAI,EAAC,WAAW,EAAE,IAAI,EAAC,CAAC,cAEhC,IAAI,IACL,GACD,GACL,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {NavigationGithubButton, NavigationGithubButtonIcon} from '../../../../../models';\nimport {block} from '../../../../../utils';\nimport {NavigationItemProps} from '../../../../models';\n\nimport './GithubButton.scss';\n\nconst b = block('github-button');\n\ntype NavigationGithubButtonProps = NavigationItemProps & NavigationGithubButton;\n\nconst DEFAULT_LABEL = 'Stars on GitHub';\n\n/* More information about github-buttons in https://buttons.github.io/ */\nexport const GithubButton = ({\n    text,\n    url,\n    className,\n    label,\n    size,\n    icon,\n    urlTitle,\n}: NavigationGithubButtonProps) => {\n    const containerRef = React.useRef<HTMLSpanElement>(null);\n    const linkRef = React.useRef<HTMLAnchorElement>(null);\n\n    React.useEffect(() => {\n        const paint = () => {\n            if (containerRef.current) {\n                const githubButton = containerRef.current.appendChild(\n                    document.createElement('span'),\n                );\n                import(/* webpackMode: \"eager\" */ 'github-buttons').then(({render}) => {\n                    if (linkRef.current !== null) {\n                        render(githubButton.appendChild(linkRef.current), (el) => {\n                            try {\n                                if (githubButton.parentNode) {\n                                    githubButton.parentNode.replaceChild(el, githubButton);\n                                }\n                            } catch (_) {}\n                        });\n                    }\n                });\n            }\n        };\n\n        const reset = () => {\n            if (containerRef?.current?.lastChild && linkRef.current) {\n                containerRef.current.replaceChild(linkRef.current, containerRef.current.lastChild);\n            }\n        };\n\n        paint();\n\n        return () => {\n            reset();\n        };\n    }, []);\n\n    return (\n        <div className={b(null, className)}>\n            <span ref={containerRef}>\n                <a\n                    href={url}\n                    ref={linkRef}\n                    title={urlTitle}\n                    data-show-count=\"true\"\n                    aria-label={label || DEFAULT_LABEL}\n                    {...(icon && {'data-icon': NavigationGithubButtonIcon[icon]})}\n                    {...(size && {'data-size': size})}\n                >\n                    {text}\n                </a>\n            </span>\n        </div>\n    );\n};\n"]}

package/build/esm/navigation/components/NavigationItem/components/NavigationButton/NavigationButton.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { ButtonProps } from '../../../../../models';
-import { NavigationItemProps } from '../../../../models';
+import { ButtonProps } from "../../../../../models/index.js";
+import { NavigationItemProps } from "../../../../models.js";
 import './NavigationButton.css';
 type NavigationButtonProps = Pick<NavigationItemProps, 'className'> & ButtonProps;
 export declare const NavigationButton: React.FC<NavigationButtonProps>;

package/build/esm/navigation/components/NavigationItem/components/NavigationButton/NavigationButton.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Button, RouterLink } from '../../../../../components';
-import { BlockIdContext } from '../../../../../context/blockIdContext';
-import { block } from '../../../../../utils';
+import { Button, RouterLink } from "../../../../../components/index.js";
+import { BlockIdContext } from "../../../../../context/blockIdContext/index.js";
+import { block } from "../../../../../utils/index.js";
 import './NavigationButton.css';
 const b = block('navigation-button');
 const ANALYTICS_ID = 'navigation';
@@ -10,3 +10,4 @@ export const NavigationButton = (props) => {
     const classes = b(null, className);
     return (_jsx(BlockIdContext.Provider, { value: ANALYTICS_ID, children: target ? (_jsx(Button, Object.assign({ className: classes }, props, { url: url }))) : (_jsx(RouterLink, { href: url, children: _jsx(Button, Object.assign({}, props, { className: classes, url: url })) })) }));
 };
+//# sourceMappingURL=NavigationButton.js.map

package/build/esm/navigation/components/NavigationItem/components/NavigationButton/NavigationButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationButton.js","sourceRoot":"../../../../../../../src","sources":["navigation/components/NavigationItem/components/NavigationButton/NavigationButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,MAAM,EAAE,UAAU,EAAC,2CAAkC;AAC7D,OAAO,EAAC,cAAc,EAAC,uDAA8C;AAErE,OAAO,EAAC,KAAK,EAAC,sCAA6B;AAG3C,OAAO,wBAAwB,CAAC;AAEhC,MAAM,CAAC,GAAG,KAAK,CAAC,mBAAmB,CAAC,CAAC;AAErC,MAAM,YAAY,GAAG,YAAY,CAAC;AAIlC,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,KAAK,EAAE,EAAE;IACvE,MAAM,EAAC,GAAG,EAAE,MAAM,EAAE,SAAS,EAAC,GAAG,KAAK,CAAC;IACvC,MAAM,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IACnC,OAAO,CACH,KAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YACvC,MAAM,CAAC,CAAC,CAAC,CACN,KAAC,MAAM,kBAAC,SAAS,EAAE,OAAO,IAAM,KAAK,IAAE,GAAG,EAAE,GAAG,IAAI,CACtD,CAAC,CAAC,CAAC,CACA,KAAC,UAAU,IAAC,IAAI,EAAE,GAAG,YACjB,KAAC,MAAM,oBAAK,KAAK,IAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,IAAI,GAC1C,CAChB,GACqB,CAC7B,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Button, RouterLink} from '../../../../../components';\nimport {BlockIdContext} from '../../../../../context/blockIdContext';\nimport {ButtonProps} from '../../../../../models';\nimport {block} from '../../../../../utils';\nimport {NavigationItemProps} from '../../../../models';\n\nimport './NavigationButton.scss';\n\nconst b = block('navigation-button');\n\nconst ANALYTICS_ID = 'navigation';\n\ntype NavigationButtonProps = Pick<NavigationItemProps, 'className'> & ButtonProps;\n\nexport const NavigationButton: React.FC<NavigationButtonProps> = (props) => {\n    const {url, target, className} = props;\n    const classes = b(null, className);\n    return (\n        <BlockIdContext.Provider value={ANALYTICS_ID}>\n            {target ? (\n                <Button className={classes} {...props} url={url} />\n            ) : (\n                <RouterLink href={url}>\n                    <Button {...props} className={classes} url={url} />\n                </RouterLink>\n            )}\n        </BlockIdContext.Provider>\n    );\n};\n"]}