@gravity-ui/page-constructor 8.4.2 → 8.5.0-alpha.0

package/build/esm/common/postMessage.js

@@ -0,0 +1,25 @@
+import * as React from 'react';
+export function requestActionPostMessage(action, data, destinationElement) {
+    const message = { action, data };
+    destinationElement.postMessage(message);
+}
+export function listenPostMessageEvents(action, callback) {
+    const onMessage = (e) => {
+        const message = e.data;
+        if ('action' in message && message.action === action) {
+            return callback(message.data);
+        }
+        return undefined;
+    };
+    window.addEventListener('message', onMessage);
+    return () => {
+        window.removeEventListener('message', onMessage);
+    };
+}
+export function usePostMessageAPIListener(action, callback, deps = []) {
+    React.useEffect(() => {
+        return listenPostMessageEvents(action, callback);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [...deps]);
+}
+//# sourceMappingURL=postMessage.js.map

package/build/esm/common/postMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"postMessage.js","sourceRoot":"../../../src","sources":["common/postMessage.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,UAAU,wBAAwB,CACpC,MAAS,EACT,IAA2B,EAC3B,kBAA0B;IAE1B,MAAM,OAAO,GAAG,EAAC,MAAM,EAAE,IAAI,EAA6B,CAAC;IAC3D,kBAAkB,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;AAC5C,CAAC;AAED,MAAM,UAAU,uBAAuB,CACnC,MAAS,EACT,QAA8C;IAE9C,MAAM,SAAS,GAAG,CAAC,CAAe,EAAE,EAAE;QAClC,MAAM,OAAO,GAAG,CAAC,CAAC,IAAgC,CAAC;QAEnD,IAAI,QAAQ,IAAI,OAAO,IAAI,OAAO,CAAC,MAAM,KAAK,MAAM,EAAE,CAAC;YACnD,OAAO,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAClC,CAAC;QAED,OAAO,SAAS,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAE9C,OAAO,GAAG,EAAE;QACR,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IACrD,CAAC,CAAC;AACN,CAAC;AAED,MAAM,UAAU,yBAAyB,CACrC,MAAS,EACT,QAA8C,EAC9C,OAAkB,EAAE;IAEpB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,OAAO,uBAAuB,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QACjD,uDAAuD;IAC3D,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;AAClB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {ActionMessageTypes, EventMessageTypes, PostMessageAPIMessage} from './types';\n\nexport function requestActionPostMessage<K extends keyof ActionMessageTypes>(\n    action: K,\n    data: ActionMessageTypes[K],\n    destinationElement: Window,\n) {\n    const message = {action, data} as PostMessageAPIMessage<K>;\n    destinationElement.postMessage(message);\n}\n\nexport function listenPostMessageEvents<K extends keyof EventMessageTypes>(\n    action: K,\n    callback: (data: EventMessageTypes[K]) => void,\n) {\n    const onMessage = (e: MessageEvent) => {\n        const message = e.data as PostMessageAPIMessage<K>;\n\n        if ('action' in message && message.action === action) {\n            return callback(message.data);\n        }\n\n        return undefined;\n    };\n\n    window.addEventListener('message', onMessage);\n\n    return () => {\n        window.removeEventListener('message', onMessage);\n    };\n}\n\nexport function usePostMessageAPIListener<K extends keyof EventMessageTypes>(\n    action: K,\n    callback: (data: EventMessageTypes[K]) => void,\n    deps: unknown[] = [],\n) {\n    React.useEffect(() => {\n        return listenPostMessageEvents(action, callback);\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [...deps]);\n}\n"]}

package/build/esm/common/store.d.ts

@@ -0,0 +1,51 @@
+import { Fields } from "../form-generator-v2/types.js";
+import { PageContent } from "../models/index.js";
+import { ItemConfig } from "./types/index.js";
+import { RectMapEntry } from "./types/rect.js";
+/** Undo/redo slice for editor-v2 (not synced to preview iframe payload). */
+export interface EditorHistorySnapshot {
+    content: PageContent;
+    selectedBlock: number[] | null;
+}
+export interface EditorState {
+    height?: number;
+    deviceWidth?: string;
+    zoom: number;
+    manipulateOverlayMode: 'insert' | 'reorder' | false;
+    selectedBlock: number[] | null;
+    initialized: boolean;
+    isPreviewMode: boolean;
+    content: PageContent;
+    blocks: Array<ItemConfig>;
+    subBlocks: Array<ItemConfig>;
+    global: Fields;
+    preInsertBlockType: string | null;
+    preReorderBlockPath: number[] | null;
+    rectMap: RectMapEntry[];
+    historyPast: EditorHistorySnapshot[];
+    historyFuture: EditorHistorySnapshot[];
+}
+export declare const initialStore: EditorState;
+export declare const createPCEditorStore: (overrideInitialState?: Partial<EditorState> | undefined) => import("zustand").UseBoundStore<Omit<Omit<Omit<import("zustand").StoreApi<EditorState>, "subscribe"> & {
+    subscribe: {
+        (listener: (selectedState: EditorState, previousSelectedState: EditorState) => void): () => void;
+        <U>(selector: (state: EditorState) => U, listener: (selectedState: U, previousSelectedState: U) => void, options?: {
+            equalityFn?: ((a: U, b: U) => boolean) | undefined;
+            fireImmediately?: boolean;
+        } | undefined): () => void;
+    };
+}, "setState"> & {
+    setState<A extends string | {
+        type: string;
+    }>(partial: EditorState | Partial<EditorState> | ((state: EditorState) => EditorState | Partial<EditorState>), replace?: boolean | undefined, action?: A | undefined): void;
+}, "persist"> & {
+    persist: {
+        setOptions: (options: Partial<import("zustand/middleware").PersistOptions<EditorState, EditorState>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => Promise<void> | void;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: EditorState) => void) => () => void;
+        onFinishHydration: (fn: (state: EditorState) => void) => () => void;
+        getOptions: () => Partial<import("zustand/middleware").PersistOptions<EditorState, EditorState>>;
+    };
+}>;

package/build/esm/common/store.js

@@ -0,0 +1,21 @@
+import { initializeStore } from "./utils.js";
+export const initialStore = {
+    height: 100,
+    deviceWidth: '100%',
+    zoom: 100,
+    manipulateOverlayMode: false,
+    selectedBlock: null,
+    initialized: false,
+    isPreviewMode: false,
+    content: { blocks: [] },
+    blocks: [],
+    subBlocks: [],
+    global: [],
+    preInsertBlockType: null,
+    preReorderBlockPath: null,
+    rectMap: [],
+    historyPast: [],
+    historyFuture: [],
+};
+export const createPCEditorStore = initializeStore(initialStore, () => ({}));
+//# sourceMappingURL=store.js.map

package/build/esm/common/store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.js","sourceRoot":"../../../src","sources":["common/store.ts"],"names":[],"mappings":"AAKA,OAAO,EAAC,eAAe,EAAC,mBAAgB;AAgCxC,MAAM,CAAC,MAAM,YAAY,GAAgB;IACrC,MAAM,EAAE,GAAG;IACX,WAAW,EAAE,MAAM;IACnB,IAAI,EAAE,GAAG;IACT,qBAAqB,EAAE,KAAK;IAC5B,aAAa,EAAE,IAAI;IACnB,WAAW,EAAE,KAAK;IAClB,aAAa,EAAE,KAAK;IACpB,OAAO,EAAE,EAAC,MAAM,EAAE,EAAE,EAAC;IACrB,MAAM,EAAE,EAAE;IACV,SAAS,EAAE,EAAE;IACb,MAAM,EAAE,EAAE;IACV,kBAAkB,EAAE,IAAI;IACxB,mBAAmB,EAAE,IAAI;IAEzB,OAAO,EAAE,EAAE;IAEX,WAAW,EAAE,EAAE;IACf,aAAa,EAAE,EAAE;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,eAAe,CAAc,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC","sourcesContent":["import {Fields} from '../form-generator-v2/types';\nimport {PageContent} from '../models';\n\nimport {ItemConfig} from './types';\nimport {RectMapEntry} from './types/rect';\nimport {initializeStore} from './utils';\n\n/** Undo/redo slice for editor-v2 (not synced to preview iframe payload). */\nexport interface EditorHistorySnapshot {\n    content: PageContent;\n    selectedBlock: number[] | null;\n}\n\nexport interface EditorState {\n    height?: number;\n    deviceWidth?: string;\n    zoom: number;\n\n    manipulateOverlayMode: 'insert' | 'reorder' | false;\n    selectedBlock: number[] | null;\n    initialized: boolean;\n    isPreviewMode: boolean;\n\n    content: PageContent;\n    blocks: Array<ItemConfig>;\n    subBlocks: Array<ItemConfig>;\n    global: Fields;\n\n    preInsertBlockType: string | null;\n    preReorderBlockPath: number[] | null;\n\n    rectMap: RectMapEntry[];\n\n    historyPast: EditorHistorySnapshot[];\n    historyFuture: EditorHistorySnapshot[];\n}\n\nexport const initialStore: EditorState = {\n    height: 100,\n    deviceWidth: '100%',\n    zoom: 100,\n    manipulateOverlayMode: false,\n    selectedBlock: null,\n    initialized: false,\n    isPreviewMode: false,\n    content: {blocks: []},\n    blocks: [],\n    subBlocks: [],\n    global: [],\n    preInsertBlockType: null,\n    preReorderBlockPath: null,\n\n    rectMap: [],\n\n    historyPast: [],\n    historyFuture: [],\n};\n\nexport const createPCEditorStore = initializeStore<EditorState>(initialStore, () => ({}));\n"]}

package/build/esm/common/types/actions.d.ts

@@ -0,0 +1,25 @@
+import { PageContent } from "../../models/index.js";
+import { EditorState } from "../store.js";
+import { RectMapEntry } from "./rect.js";
+export type MessageTypes = EventMessageTypes & ActionMessageTypes;
+export type EventMessageTypes = {
+    ON_INIT: {
+        height: number;
+    };
+    ON_RESIZE: {
+        height: number;
+    };
+    ON_UPDATE_RECT_MAP: {
+        rects: RectMapEntry[];
+    };
+    ON_SUPPORTED_BLOCKS: Pick<EditorState, 'blocks' | 'subBlocks' | 'global'>;
+    ON_INITIAL_CONTENT: PageContent;
+    /** Iframe → parent: user pressed Cmd/Ctrl+Z while preview had focus (parent runs editor undo). */
+    ON_EDITOR_UNDO: {};
+    /** Iframe → parent: Cmd/Ctrl+Shift+Z */
+    ON_EDITOR_REDO: {};
+};
+export type ActionMessageTypes = {
+    GET_SUPPORTED_BLOCKS: {};
+    GET_INITIAL_CONTENT: {};
+};

package/build/esm/common/types/actions.js

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

package/build/esm/common/types/actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actions.js","sourceRoot":"../../../../src","sources":["common/types/actions.ts"],"names":[],"mappings":"","sourcesContent":["import {PageContent} from '../../models';\nimport {EditorState} from '../store';\n\nimport {RectMapEntry} from './rect';\n\nexport type MessageTypes = EventMessageTypes & ActionMessageTypes;\n\nexport type EventMessageTypes = {\n    ON_INIT: {height: number};\n    ON_RESIZE: {height: number};\n    ON_UPDATE_RECT_MAP: {rects: RectMapEntry[]};\n    ON_SUPPORTED_BLOCKS: Pick<EditorState, 'blocks' | 'subBlocks' | 'global'>;\n    ON_INITIAL_CONTENT: PageContent;\n    /** Iframe → parent: user pressed Cmd/Ctrl+Z while preview had focus (parent runs editor undo). */\n    ON_EDITOR_UNDO: {};\n    /** Iframe → parent: Cmd/Ctrl+Shift+Z */\n    ON_EDITOR_REDO: {};\n};\n\nexport type ActionMessageTypes = {\n    GET_SUPPORTED_BLOCKS: {};\n    GET_INITIAL_CONTENT: {};\n};\n"]}

package/build/esm/common/types/common.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { BlockConfig } from "../../form-generator-v2/types.js";
+export interface ItemConfig {
+    type: string;
+    schema: BlockConfig;
+}
+export interface PageConstructorWrapperProps extends React.PropsWithChildren {
+}
+export type PageConstructorWrapper<WrapperProps> = React.ComponentType<WrapperProps & PageConstructorWrapperProps>;
+export interface PageConstructorSettings<WrapperProps> {
+    wrapper?: PageConstructorWrapper<WrapperProps>;
+    wrapperProps?: WrapperProps;
+}

package/build/esm/common/types/common.js

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

package/build/esm/common/types/common.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.js","sourceRoot":"../../../../src","sources":["common/types/common.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\n\nimport {BlockConfig} from '../../form-generator-v2/types';\n\nexport interface ItemConfig {\n    type: string;\n    schema: BlockConfig;\n}\n\nexport interface PageConstructorWrapperProps extends React.PropsWithChildren {}\n\nexport type PageConstructorWrapper<WrapperProps> = React.ComponentType<\n    WrapperProps & PageConstructorWrapperProps\n>;\n\nexport interface PageConstructorSettings<WrapperProps> {\n    wrapper?: PageConstructorWrapper<WrapperProps>;\n    wrapperProps?: WrapperProps;\n}\n"]}

package/build/esm/common/types/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./actions.js";
+export * from "./common.js";
+export * from "./messages.js";
+export * from "./rect.js";

package/build/esm/common/types/index.js

@@ -0,0 +1,5 @@
+export * from "./actions.js";
+export * from "./common.js";
+export * from "./messages.js";
+export * from "./rect.js";
+//# sourceMappingURL=index.js.map

package/build/esm/common/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["common/types/index.ts"],"names":[],"mappings":"AAAA,6BAA0B;AAC1B,4BAAyB;AACzB,8BAA2B;AAC3B,0BAAuB","sourcesContent":["export * from './actions';\nexport * from './common';\nexport * from './messages';\nexport * from './rect';\n"]}

package/build/esm/common/types/messages.d.ts

@@ -0,0 +1,9 @@
+import { EditorState } from "../store.js";
+import { MessageTypes } from "./actions.js";
+export type PostMessageAPIMessage<K extends keyof MessageTypes> = {
+    action: K;
+    data: MessageTypes[K];
+};
+export type StoreSyncMessage = {
+    state: EditorState;
+};

package/build/esm/common/types/messages.js

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

package/build/esm/common/types/messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"../../../../src","sources":["common/types/messages.ts"],"names":[],"mappings":"","sourcesContent":["import {EditorState} from '../store';\n\nimport {MessageTypes} from './actions';\n\nexport type PostMessageAPIMessage<K extends keyof MessageTypes> = {\n    action: K;\n    data: MessageTypes[K];\n};\n\nexport type StoreSyncMessage = {\n    state: EditorState;\n};\n"]}

package/build/esm/common/types/rect.d.ts

@@ -0,0 +1,16 @@
+export interface SerializableRect {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    top: number;
+    left: number;
+    right: number;
+    bottom: number;
+}
+export interface RectMapEntry {
+    path: number[];
+    rect: SerializableRect;
+    dropZone?: boolean;
+}
+export declare function toSerializableRect(rect: DOMRect): SerializableRect;

package/build/esm/common/types/rect.js

@@ -0,0 +1,13 @@
+export function toSerializableRect(rect) {
+    return {
+        x: rect.x,
+        y: rect.y,
+        width: rect.width,
+        height: rect.height,
+        top: rect.top,
+        left: rect.left,
+        right: rect.right,
+        bottom: rect.bottom,
+    };
+}
+//# sourceMappingURL=rect.js.map

package/build/esm/common/types/rect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rect.js","sourceRoot":"../../../../src","sources":["common/types/rect.ts"],"names":[],"mappings":"AAiBA,MAAM,UAAU,kBAAkB,CAAC,IAAa;IAC5C,OAAO;QACH,CAAC,EAAE,IAAI,CAAC,CAAC;QACT,CAAC,EAAE,IAAI,CAAC,CAAC;QACT,KAAK,EAAE,IAAI,CAAC,KAAK;QACjB,MAAM,EAAE,IAAI,CAAC,MAAM;QACnB,GAAG,EAAE,IAAI,CAAC,GAAG;QACb,IAAI,EAAE,IAAI,CAAC,IAAI;QACf,KAAK,EAAE,IAAI,CAAC,KAAK;QACjB,MAAM,EAAE,IAAI,CAAC,MAAM;KACtB,CAAC;AACN,CAAC","sourcesContent":["export interface SerializableRect {\n    x: number;\n    y: number;\n    width: number;\n    height: number;\n    top: number;\n    left: number;\n    right: number;\n    bottom: number;\n}\n\nexport interface RectMapEntry {\n    path: number[];\n    rect: SerializableRect;\n    dropZone?: boolean;\n}\n\nexport function toSerializableRect(rect: DOMRect): SerializableRect {\n    return {\n        x: rect.x,\n        y: rect.y,\n        width: rect.width,\n        height: rect.height,\n        top: rect.top,\n        left: rect.left,\n        right: rect.right,\n        bottom: rect.bottom,\n    };\n}\n"]}

package/build/esm/common/utils.d.ts

@@ -0,0 +1,25 @@
+import { StoreApi } from 'zustand';
+export declare function initializeStore<State extends {}, Methods extends {} = {}>(initialState: State, methods: (set: StoreApi<State & Methods>['setState'], get: StoreApi<State & Methods>['getState']) => Methods): (overrideInitialState?: Partial<State>) => import("zustand").UseBoundStore<Omit<Omit<Omit<StoreApi<State & Methods>, "subscribe"> & {
+    subscribe: {
+        (listener: (selectedState: State & Methods, previousSelectedState: State & Methods) => void): () => void;
+        <U>(selector: (state: State & Methods) => U, listener: (selectedState: U, previousSelectedState: U) => void, options?: {
+            equalityFn?: ((a: U, b: U) => boolean) | undefined;
+            fireImmediately?: boolean;
+        } | undefined): () => void;
+    };
+}, "setState"> & {
+    setState<A extends string | {
+        type: string;
+    }>(partial: (State & Methods) | Partial<State & Methods> | ((state: State & Methods) => (State & Methods) | Partial<State & Methods>), replace?: boolean | undefined, action?: A | undefined): void;
+}, "persist"> & {
+    persist: {
+        setOptions: (options: Partial<import("zustand/middleware").PersistOptions<State & Methods, State & Methods>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => Promise<void> | void;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: State & Methods) => void) => () => void;
+        onFinishHydration: (fn: (state: State & Methods) => void) => () => void;
+        getOptions: () => Partial<import("zustand/middleware").PersistOptions<State & Methods, State & Methods>>;
+    };
+}>;
+export declare const removeFn: (object: object) => any;

package/build/esm/common/utils.js

@@ -0,0 +1,17 @@
+import { create } from 'zustand';
+import { devtools, subscribeWithSelector } from 'zustand/middleware';
+export function initializeStore(initialState, methods) {
+    return (overrideInitialState) => {
+        return create(subscribeWithSelector(devtools((set, get) => {
+            return {
+                ...initialState,
+                ...overrideInitialState,
+                ...methods(set, get),
+            };
+        })));
+    };
+}
+export const removeFn = (object) => {
+    return JSON.parse(JSON.stringify(object));
+};
+//# sourceMappingURL=utils.js.map

package/build/esm/common/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"../../../src","sources":["common/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,MAAM,EAAC,MAAM,SAAS,CAAC;AACzC,OAAO,EAAC,QAAQ,EAAE,qBAAqB,EAAC,MAAM,oBAAoB,CAAC;AAEnE,MAAM,UAAU,eAAe,CAC3B,YAAmB,EACnB,OAGY;IAEZ,OAAO,CAAC,oBAAqC,EAAE,EAAE;QAC7C,OAAO,MAAM,CAQT,qBAAqB,CACjB,QAAQ,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;YAClB,OAAO;gBACH,GAAG,YAAY;gBACf,GAAG,oBAAoB;gBACvB,GAAG,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC;aACvB,CAAC;QACN,CAAC,CAAC,CACL,CACJ,CAAC;IACN,CAAC,CAAC;AACN,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,MAAc,EAAE,EAAE;IACvC,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC;AAC9C,CAAC,CAAC","sourcesContent":["import {StoreApi, create} from 'zustand';\nimport {devtools, subscribeWithSelector} from 'zustand/middleware';\n\nexport function initializeStore<State extends {}, Methods extends {} = {}>(\n    initialState: State,\n    methods: (\n        set: StoreApi<State & Methods>['setState'],\n        get: StoreApi<State & Methods>['getState'],\n    ) => Methods,\n) {\n    return (overrideInitialState?: Partial<State>) => {\n        return create<\n            State & Methods,\n            [\n                ['zustand/subscribeWithSelector', State & Methods],\n                ['zustand/devtools', never],\n                ['zustand/persist', State & Methods],\n            ]\n        >(\n            subscribeWithSelector(\n                devtools((set, get) => {\n                    return {\n                        ...initialState,\n                        ...overrideInitialState,\n                        ...methods(set, get),\n                    };\n                }),\n            ),\n        );\n    };\n}\n\nexport const removeFn = (object: object) => {\n    return JSON.parse(JSON.stringify(object));\n};\n"]}

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { AnimateContextProps } from "../../context/animateContext/AnimateContext.js";
+import { AnimateContextProps } from "../../gravity-blocks/context/animateContext/index.js";
 import { QAProps } from "../../models/index.js";
 export interface AnimateBlockProps extends AnimateContextProps, QAProps {
     animate?: boolean;

package/build/esm/components/AnimateBlock/AnimateBlock.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { Waypoint } from 'react-waypoint';
-import { AnimateContext } from "../../context/animateContext/AnimateContext.js";
+import { AnimateContext } from "../../gravity-blocks/context/animateContext/index.js";
 import { block } from "../../utils/index.js";
 const b = block('AnimateBlock');
 const AnimateBlock = (props) => {

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

@@ -1 +1 @@
-{"version":3,"file":"AnimateBlock.js","sourceRoot":"../../../../src","sources":["components/AnimateBlock/AnimateBlock.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,QAAQ,EAAC,MAAM,gBAAgB,CAAC;AAExC,OAAO,EAAC,cAAc,EAAsB,uDAAoD;AAEhG,OAAO,EAAC,KAAK,EAAC,6BAAoB;AAElC,MAAM,CAAC,GAAG,KAAK,CAAC,cAAc,CAAC,CAAC;AAUhC,MAAM,YAAY,GAAG,CAAC,KAAiD,EAAE,EAAE;IACvE,MAAM,EAAC,QAAQ,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;IACpD,MAAM,EAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,GAAG,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,GAAG,QAAQ,EAAE,EAAE,EAAC,GAAG,KAAK,CAAC;IAC3F,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,CAAC;IAEzE,MAAM,YAAY,GAAG,OAAO;QACxB,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,GAAG,aAAa,IAAI,SAAS,IAAI,SAAS,EAAE,CAAC;QACvD,CAAC,CAAC,SAAS,CAAC;IAChB,OAAO,CACH,eAAK,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,aAAW,EAAE,aACnD,KAAC,QAAQ;YACL,+CAA+C;;gBAA/C,+CAA+C;gBAC/C,SAAS,EAAE,UAAU,EACrB,YAAY,EAAE,MAAM,EACpB,OAAO,EAAE,KAAK,IAAI,EAAE;oBAChB,gBAAgB,CAAC,IAAI,CAAC,CAAC;oBACvB,IAAI,QAAQ,EAAE,CAAC;wBACX,QAAQ,EAAE,CAAC;oBACf,CAAC;gBACL,CAAC,GACH,EACD,QAAQ,IACP,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Waypoint} from 'react-waypoint';\n\nimport {AnimateContext, AnimateContextProps} from '../../context/animateContext/AnimateContext';\nimport {QAProps} from '../../models';\nimport {block} from '../../utils';\n\nconst b = block('AnimateBlock');\n\nexport interface AnimateBlockProps extends AnimateContextProps, QAProps {\n    animate?: boolean;\n    offset?: number;\n    className?: string;\n    style?: React.CSSProperties;\n    onScroll?: () => void;\n}\n\nconst AnimateBlock = (props: React.PropsWithChildren<AnimateBlockProps>) => {\n    const {animated} = React.useContext(AnimateContext);\n    const {children, className, offset = 100, onScroll, style, animate = animated, qa} = props;\n    const [playAnimation, setPlayAnimation] = React.useState<boolean>(false);\n\n    const divClassName = animate\n        ? b(null, `${playAnimation && 'animate'} ${className}`)\n        : className;\n    return (\n        <div className={divClassName} style={style} data-qa={qa}>\n            <Waypoint\n                // trigger animation if element is above screen\n                topOffset={'-100000%'}\n                bottomOffset={offset}\n                onEnter={async () => {\n                    setPlayAnimation(true);\n                    if (onScroll) {\n                        onScroll();\n                    }\n                }}\n            />\n            {children}\n        </div>\n    );\n};\n\nexport default AnimateBlock;\n"]}
+{"version":3,"file":"AnimateBlock.js","sourceRoot":"../../../../src","sources":["components/AnimateBlock/AnimateBlock.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,QAAQ,EAAC,MAAM,gBAAgB,CAAC;AAExC,OAAO,EAAC,cAAc,EAAsB,6DAAoD;AAEhG,OAAO,EAAC,KAAK,EAAC,6BAAoB;AAElC,MAAM,CAAC,GAAG,KAAK,CAAC,cAAc,CAAC,CAAC;AAUhC,MAAM,YAAY,GAAG,CAAC,KAAiD,EAAE,EAAE;IACvE,MAAM,EAAC,QAAQ,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;IACpD,MAAM,EAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,GAAG,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,GAAG,QAAQ,EAAE,EAAE,EAAC,GAAG,KAAK,CAAC;IAC3F,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,CAAC;IAEzE,MAAM,YAAY,GAAG,OAAO;QACxB,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,GAAG,aAAa,IAAI,SAAS,IAAI,SAAS,EAAE,CAAC;QACvD,CAAC,CAAC,SAAS,CAAC;IAChB,OAAO,CACH,eAAK,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,aAAW,EAAE,aACnD,KAAC,QAAQ;YACL,+CAA+C;;gBAA/C,+CAA+C;gBAC/C,SAAS,EAAE,UAAU,EACrB,YAAY,EAAE,MAAM,EACpB,OAAO,EAAE,KAAK,IAAI,EAAE;oBAChB,gBAAgB,CAAC,IAAI,CAAC,CAAC;oBACvB,IAAI,QAAQ,EAAE,CAAC;wBACX,QAAQ,EAAE,CAAC;oBACf,CAAC;gBACL,CAAC,GACH,EACD,QAAQ,IACP,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Waypoint} from 'react-waypoint';\n\nimport {AnimateContext, AnimateContextProps} from '../../gravity-blocks/context/animateContext';\nimport {QAProps} from '../../models';\nimport {block} from '../../utils';\n\nconst b = block('AnimateBlock');\n\nexport interface AnimateBlockProps extends AnimateContextProps, QAProps {\n    animate?: boolean;\n    offset?: number;\n    className?: string;\n    style?: React.CSSProperties;\n    onScroll?: () => void;\n}\n\nconst AnimateBlock = (props: React.PropsWithChildren<AnimateBlockProps>) => {\n    const {animated} = React.useContext(AnimateContext);\n    const {children, className, offset = 100, onScroll, style, animate = animated, qa} = props;\n    const [playAnimation, setPlayAnimation] = React.useState<boolean>(false);\n\n    const divClassName = animate\n        ? b(null, `${playAnimation && 'animate'} ${className}`)\n        : className;\n    return (\n        <div className={divClassName} style={style} data-qa={qa}>\n            <Waypoint\n                // trigger animation if element is above screen\n                topOffset={'-100000%'}\n                bottomOffset={offset}\n                onEnter={async () => {\n                    setPlayAnimation(true);\n                    if (onScroll) {\n                        onScroll();\n                    }\n                }}\n            />\n            {children}\n        </div>\n    );\n};\n\nexport default AnimateBlock;\n"]}

package/build/esm/components/Author/schema.js

@@ -1,4 +1,4 @@
-import { BaseProps, authorItem } from "../../schema/validators/common.js";
+import { BaseProps, authorItem } from "../../gravity-blocks/schema/validators/common.js";
 export const author = {
     author: {
         additionalProperties: false,

package/build/esm/components/Author/schema.js.map

@@ -1 +1 @@
-{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["components/Author/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,UAAU,EAAC,0CAAuC;AAErE,MAAM,CAAC,MAAM,MAAM,GAAG;IAClB,MAAM,EAAE;QACJ,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,QAAQ,CAAC;QACpB,UAAU,EAAE;YACR,GAAG,SAAS;YACZ,MAAM,EAAE,EAAE;YACV,MAAM,EAAE,UAAU;SACrB;KACJ;CACJ,CAAC","sourcesContent":["import {BaseProps, authorItem} from '../../schema/validators/common';\n\nexport const author = {\n    author: {\n        additionalProperties: false,\n        required: ['author'],\n        properties: {\n            ...BaseProps,\n            asides: {},\n            author: authorItem,\n        },\n    },\n};\n"]}
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["components/Author/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,UAAU,EAAC,yDAAsD;AAEpF,MAAM,CAAC,MAAM,MAAM,GAAG;IAClB,MAAM,EAAE;QACJ,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,QAAQ,CAAC;QACpB,UAAU,EAAE;YACR,GAAG,SAAS;YACZ,MAAM,EAAE,EAAE;YACV,MAAM,EAAE,UAAU;SACrB;KACJ;CACJ,CAAC","sourcesContent":["import {BaseProps, authorItem} from '../../gravity-blocks/schema/validators/common';\n\nexport const author = {\n    author: {\n        additionalProperties: false,\n        required: ['author'],\n        properties: {\n            ...BaseProps,\n            asides: {},\n            author: authorItem,\n        },\n    },\n};\n"]}

package/build/esm/components/BackLink/BackLink.js

@@ -2,8 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { ArrowLeft } from '@gravity-ui/icons';
 import { Button, Icon } from '@gravity-ui/uikit';
-import { LocationContext } from "../../context/locationContext/index.js";
-import { useAnalytics } from "../../hooks/index.js";
+import { LocationContext } from "../../gravity-blocks/context/locationContext/index.js";
+import { useAnalytics } from "../../gravity-blocks/hooks/index.js";
 import { DefaultEventNames } from "../../models/index.js";
 export default function BackLink(props) {
     const { history } = React.useContext(LocationContext);

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

@@ -1 +1 @@
-{"version":3,"file":"BackLink.js","sourceRoot":"../../../../src","sources":["components/BackLink/BackLink.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAC,MAAM,EAAc,IAAI,EAAkC,MAAM,mBAAmB,CAAC;AAE5F,OAAO,EAAC,eAAe,EAAC,+CAAsC;AAC9D,OAAO,EAAC,YAAY,EAAC,6BAAoB;AACzC,OAAO,EAAC,iBAAiB,EAAW,8BAAqB;AAezD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAoB;IACjD,MAAM,EAAC,OAAO,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;IACpD,MAAM,EACF,GAAG,EACH,KAAK,EACL,KAAK,GAAG,SAAS,EACjB,IAAI,GAAG,GAAG,EACV,SAAS,EACT,sBAAsB,GAAG,KAAK,EAC9B,OAAO,EACP,QAAQ,EACR,UAAU,GACb,GAAG,KAAK,CAAC;IACV,MAAM,eAAe,GAAG,YAAY,CAAC,iBAAiB,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC;IAEzE,MAAM,iBAAiB,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,IAAI,EAAE;QACnD,eAAe,EAAE,CAAC;QAElB,IAAI,CAAC,OAAO,EAAE,CAAC;YACX,OAAO;QACX,CAAC;QAED,IAAI,OAAO,EAAE,CAAC;YACV,OAAO,EAAE,CAAC;QACd,CAAC;QAED,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACrB,OAAO,CAAC,MAAM,EAAE,CAAC;QACrB,CAAC;aAAM,CAAC;YACJ,OAAO,CAAC,IAAI,CAAC,EAAC,QAAQ,EAAE,GAAG,EAAC,CAAC,CAAC;QAClC,CAAC;IACL,CAAC,EAAE,CAAC,eAAe,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC;IAE7C,MAAM,WAAW,GAAG;QAChB,IAAI,EAAE,sBAAsB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG;QAC9C,UAAU;KACO,CAAC;IAEtB,OAAO,CACH,MAAC,MAAM,IACH,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,gBAAgB,EAC9D,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,sBAAsB,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS,EAC/D,QAAQ,EAAE,QAAQ,KACd,WAAW,aAEf,KAAC,IAAI,IAAC,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,GAAI,EACnC,yBAAO,KAAK,GAAQ,IACf,CACZ,CAAC;AACN,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {ArrowLeft} from '@gravity-ui/icons';\nimport {Button, ButtonSize, Icon, ButtonProps as UIKitButtonProps} from '@gravity-ui/uikit';\n\nimport {LocationContext} from '../../context/locationContext';\nimport {useAnalytics} from '../../hooks';\nimport {DefaultEventNames, Tabbable} from '../../models';\n\nexport type Theme = 'default' | 'special';\n\nexport interface BackLinkProps<T = HTMLElement> extends Tabbable {\n    url: string;\n    title: React.ReactNode;\n    theme?: Theme;\n    size?: ButtonSize;\n    className?: string;\n    shouldHandleBackAction?: boolean;\n    onClick?: () => void;\n    extraProps?: React.HTMLProps<T>;\n}\n\nexport default function BackLink(props: BackLinkProps) {\n    const {history} = React.useContext(LocationContext);\n    const {\n        url,\n        title,\n        theme = 'default',\n        size = 'l',\n        className,\n        shouldHandleBackAction = false,\n        onClick,\n        tabIndex,\n        extraProps,\n    } = props;\n    const handleAnalytics = useAnalytics(DefaultEventNames.ShareButton, url);\n\n    const backActionHandler = React.useCallback(async () => {\n        handleAnalytics();\n\n        if (!history) {\n            return;\n        }\n\n        if (onClick) {\n            onClick();\n        }\n\n        if (history.length > 1) {\n            history.goBack();\n        } else {\n            history.push({pathname: url});\n        }\n    }, [handleAnalytics, history, onClick, url]);\n\n    const buttonProps = {\n        href: shouldHandleBackAction ? undefined : url,\n        extraProps,\n    } as UIKitButtonProps;\n\n    return (\n        <Button\n            className={className}\n            view={theme === 'special' ? 'flat-contrast' : 'flat-secondary'}\n            size={size}\n            onClick={shouldHandleBackAction ? backActionHandler : undefined}\n            tabIndex={tabIndex}\n            {...buttonProps}\n        >\n            <Icon data={ArrowLeft} size={20} />\n            <span>{title}</span>\n        </Button>\n    );\n}\n"]}
+{"version":3,"file":"BackLink.js","sourceRoot":"../../../../src","sources":["components/BackLink/BackLink.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAC,MAAM,EAAc,IAAI,EAAkC,MAAM,mBAAmB,CAAC;AAE5F,OAAO,EAAC,eAAe,EAAC,8DAAqD;AAC7E,OAAO,EAAC,YAAY,EAAC,4CAAmC;AACxD,OAAO,EAAC,iBAAiB,EAAW,8BAAqB;AAezD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAoB;IACjD,MAAM,EAAC,OAAO,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;IACpD,MAAM,EACF,GAAG,EACH,KAAK,EACL,KAAK,GAAG,SAAS,EACjB,IAAI,GAAG,GAAG,EACV,SAAS,EACT,sBAAsB,GAAG,KAAK,EAC9B,OAAO,EACP,QAAQ,EACR,UAAU,GACb,GAAG,KAAK,CAAC;IACV,MAAM,eAAe,GAAG,YAAY,CAAC,iBAAiB,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC;IAEzE,MAAM,iBAAiB,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,IAAI,EAAE;QACnD,eAAe,EAAE,CAAC;QAElB,IAAI,CAAC,OAAO,EAAE,CAAC;YACX,OAAO;QACX,CAAC;QAED,IAAI,OAAO,EAAE,CAAC;YACV,OAAO,EAAE,CAAC;QACd,CAAC;QAED,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACrB,OAAO,CAAC,MAAM,EAAE,CAAC;QACrB,CAAC;aAAM,CAAC;YACJ,OAAO,CAAC,IAAI,CAAC,EAAC,QAAQ,EAAE,GAAG,EAAC,CAAC,CAAC;QAClC,CAAC;IACL,CAAC,EAAE,CAAC,eAAe,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC;IAE7C,MAAM,WAAW,GAAG;QAChB,IAAI,EAAE,sBAAsB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG;QAC9C,UAAU;KACO,CAAC;IAEtB,OAAO,CACH,MAAC,MAAM,IACH,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,gBAAgB,EAC9D,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,sBAAsB,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS,EAC/D,QAAQ,EAAE,QAAQ,KACd,WAAW,aAEf,KAAC,IAAI,IAAC,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,GAAI,EACnC,yBAAO,KAAK,GAAQ,IACf,CACZ,CAAC;AACN,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {ArrowLeft} from '@gravity-ui/icons';\nimport {Button, ButtonSize, Icon, ButtonProps as UIKitButtonProps} from '@gravity-ui/uikit';\n\nimport {LocationContext} from '../../gravity-blocks/context/locationContext';\nimport {useAnalytics} from '../../gravity-blocks/hooks';\nimport {DefaultEventNames, Tabbable} from '../../models';\n\nexport type Theme = 'default' | 'special';\n\nexport interface BackLinkProps<T = HTMLElement> extends Tabbable {\n    url: string;\n    title: React.ReactNode;\n    theme?: Theme;\n    size?: ButtonSize;\n    className?: string;\n    shouldHandleBackAction?: boolean;\n    onClick?: () => void;\n    extraProps?: React.HTMLProps<T>;\n}\n\nexport default function BackLink(props: BackLinkProps) {\n    const {history} = React.useContext(LocationContext);\n    const {\n        url,\n        title,\n        theme = 'default',\n        size = 'l',\n        className,\n        shouldHandleBackAction = false,\n        onClick,\n        tabIndex,\n        extraProps,\n    } = props;\n    const handleAnalytics = useAnalytics(DefaultEventNames.ShareButton, url);\n\n    const backActionHandler = React.useCallback(async () => {\n        handleAnalytics();\n\n        if (!history) {\n            return;\n        }\n\n        if (onClick) {\n            onClick();\n        }\n\n        if (history.length > 1) {\n            history.goBack();\n        } else {\n            history.push({pathname: url});\n        }\n    }, [handleAnalytics, history, onClick, url]);\n\n    const buttonProps = {\n        href: shouldHandleBackAction ? undefined : url,\n        extraProps,\n    } as UIKitButtonProps;\n\n    return (\n        <Button\n            className={className}\n            view={theme === 'special' ? 'flat-contrast' : 'flat-secondary'}\n            size={size}\n            onClick={shouldHandleBackAction ? backActionHandler : undefined}\n            tabIndex={tabIndex}\n            {...buttonProps}\n        >\n            <Icon data={ArrowLeft} size={20} />\n            <span>{title}</span>\n        </Button>\n    );\n}\n"]}

package/build/esm/components/BackgroundMedia/BackgroundMedia.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
-import { MobileContext } from "../../context/mobileContext/index.js";
+import { MobileContext } from "../../gravity-blocks/context/mobileContext/index.js";
 import { block, getQaAttrubutes } from "../../utils/index.js";
 import AnimateBlock from "../AnimateBlock/AnimateBlock.js";
 import Media from "../Media/Media.js";

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

@@ -1 +1 @@
-{"version":3,"file":"BackgroundMedia.js","sourceRoot":"../../../../src","sources":["components/BackgroundMedia/BackgroundMedia.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,aAAa,EAAC,6CAAoC;AAE1D,OAAO,EAAC,KAAK,EAAE,eAAe,EAAC,6BAAoB;AACnD,OAAO,YAAY,wCAAqC;AACxD,OAAO,KAAK,0BAAuB;AAEnC,OAAO,uBAAuB,CAAC;AAE/B,MAAM,CAAC,GAAG,KAAK,CAAC,iBAAiB,CAAC,CAAC;AAEnC,MAAM,eAAe,GAAG,CAAC,EACrB,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,GAAG,IAAI,EACf,KAAK,EACL,cAAc,EACd,cAAc,EACd,EAAE,EACF,GAAG,KAAK,EACW,EAAE,EAAE;IACvB,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IACjD,MAAM,YAAY,GAAG,eAAe,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC;IAElD,OAAO,CACH,KAAC,YAAY,IACT,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAC7B,KAAK,EAAE,EAAC,eAAe,EAAE,KAAK,EAAC,EAC/B,OAAO,EAAE,QAAQ,EACjB,EAAE,EAAE,YAAY,CAAC,OAAO,YAExB,KAAC,KAAK,IACF,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,kBAAkB,EAAE,cAAc,EAAC,EAAE,cAAc,CAAC,EAC3E,cAAc,EAAE,CAAC,CAAC,OAAO,CAAC,EAC1B,cAAc,EAAE,CAAC,CAAC,OAAO,CAAC,EAC1B,YAAY,EAAE,IAAI,EAClB,EAAE,EAAE,YAAY,CAAC,KAAK,EAElB,MAAM,EAAE,GAAG;YACX,KAAK;YACL,QAAQ;YACR,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK;YACnC,GAAG,KAAK,GAEd,GACS,CAClB,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {MobileContext} from '../../context/mobileContext';\nimport {BackgroundMediaProps} from '../../models';\nimport {block, getQaAttrubutes} from '../../utils';\nimport AnimateBlock from '../AnimateBlock/AnimateBlock';\nimport Media from '../Media/Media';\n\nimport './BackgroundMedia.scss';\n\nconst b = block('BackgroundMedia');\n\nconst BackgroundMedia = ({\n    className,\n    color,\n    animated,\n    parallax = true,\n    video,\n    mediaClassName,\n    fullWidthMedia,\n    qa,\n    ...props\n}: BackgroundMediaProps) => {\n    const isMobile = React.useContext(MobileContext);\n    const qaAttributes = getQaAttrubutes(qa, 'media');\n\n    return (\n        <AnimateBlock\n            className={b(null, className)}\n            style={{backgroundColor: color}}\n            animate={animated}\n            qa={qaAttributes.animate}\n        >\n            <Media\n                className={b('media', {'full-width-media': fullWidthMedia}, mediaClassName)}\n                imageClassName={b('image')}\n                videoClassName={b('video')}\n                isBackground={true}\n                qa={qaAttributes.media}\n                {...{\n                    height: 720,\n                    color,\n                    parallax,\n                    video: isMobile ? undefined : video,\n                    ...props,\n                }}\n            />\n        </AnimateBlock>\n    );\n};\n\nexport default BackgroundMedia;\n"]}
+{"version":3,"file":"BackgroundMedia.js","sourceRoot":"../../../../src","sources":["components/BackgroundMedia/BackgroundMedia.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,aAAa,EAAC,4DAAmD;AAEzE,OAAO,EAAC,KAAK,EAAE,eAAe,EAAC,6BAAoB;AACnD,OAAO,YAAY,wCAAqC;AACxD,OAAO,KAAK,0BAAuB;AAEnC,OAAO,uBAAuB,CAAC;AAE/B,MAAM,CAAC,GAAG,KAAK,CAAC,iBAAiB,CAAC,CAAC;AAEnC,MAAM,eAAe,GAAG,CAAC,EACrB,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,GAAG,IAAI,EACf,KAAK,EACL,cAAc,EACd,cAAc,EACd,EAAE,EACF,GAAG,KAAK,EACW,EAAE,EAAE;IACvB,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IACjD,MAAM,YAAY,GAAG,eAAe,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC;IAElD,OAAO,CACH,KAAC,YAAY,IACT,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAC7B,KAAK,EAAE,EAAC,eAAe,EAAE,KAAK,EAAC,EAC/B,OAAO,EAAE,QAAQ,EACjB,EAAE,EAAE,YAAY,CAAC,OAAO,YAExB,KAAC,KAAK,IACF,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,kBAAkB,EAAE,cAAc,EAAC,EAAE,cAAc,CAAC,EAC3E,cAAc,EAAE,CAAC,CAAC,OAAO,CAAC,EAC1B,cAAc,EAAE,CAAC,CAAC,OAAO,CAAC,EAC1B,YAAY,EAAE,IAAI,EAClB,EAAE,EAAE,YAAY,CAAC,KAAK,EAElB,MAAM,EAAE,GAAG;YACX,KAAK;YACL,QAAQ;YACR,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK;YACnC,GAAG,KAAK,GAEd,GACS,CAClB,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {MobileContext} from '../../gravity-blocks/context/mobileContext';\nimport {BackgroundMediaProps} from '../../models';\nimport {block, getQaAttrubutes} from '../../utils';\nimport AnimateBlock from '../AnimateBlock/AnimateBlock';\nimport Media from '../Media/Media';\n\nimport './BackgroundMedia.scss';\n\nconst b = block('BackgroundMedia');\n\nconst BackgroundMedia = ({\n    className,\n    color,\n    animated,\n    parallax = true,\n    video,\n    mediaClassName,\n    fullWidthMedia,\n    qa,\n    ...props\n}: BackgroundMediaProps) => {\n    const isMobile = React.useContext(MobileContext);\n    const qaAttributes = getQaAttrubutes(qa, 'media');\n\n    return (\n        <AnimateBlock\n            className={b(null, className)}\n            style={{backgroundColor: color}}\n            animate={animated}\n            qa={qaAttributes.animate}\n        >\n            <Media\n                className={b('media', {'full-width-media': fullWidthMedia}, mediaClassName)}\n                imageClassName={b('image')}\n                videoClassName={b('video')}\n                isBackground={true}\n                qa={qaAttributes.media}\n                {...{\n                    height: 720,\n                    color,\n                    parallax,\n                    video: isMobile ? undefined : video,\n                    ...props,\n                }}\n            />\n        </AnimateBlock>\n    );\n};\n\nexport default BackgroundMedia;\n"]}

package/build/esm/components/BalancedMasonry/BalancedMasonry.js

@@ -3,7 +3,7 @@ import * as React from 'react';
 import debounce from "lodash/debounce.js";
 import first from "lodash/first.js";
 import minBy from "lodash/minBy.js";
-import { SSRContext } from "../../context/ssrContext/index.js";
+import { SSRContext } from "../../gravity-blocks/context/ssrContext/index.js";
 import { block, getQaAttrubutes } from "../../utils/index.js";
 import './BalancedMasonry.css';
 const b = block('BalancedMasonry');

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

@@ -1 +1 @@
-{"version":3,"file":"BalancedMasonry.js","sourceRoot":"../../../../src","sources":["components/BalancedMasonry/BalancedMasonry.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,QAAQ,2BAAwB;AACvC,OAAO,KAAK,wBAAqB;AACjC,OAAO,KAAK,wBAAqB;AAEjC,OAAO,EAAC,UAAU,EAAC,0CAAiC;AAEpD,OAAO,EAAC,KAAK,EAAE,eAAe,EAAC,6BAAoB;AAEnD,OAAO,uBAAuB,CAAC;AAE/B,MAAM,CAAC,GAAG,KAAK,CAAC,iBAAiB,CAAC,CAAC;AAWnC,MAAM,eAAe,GAAG,CAAC,KAAoD,EAAE,EAAE;IAC7E,MAAM,EAAC,SAAS,EAAE,eAAe,EAAE,QAAQ,GAAG,EAAE,EAAE,cAAc,EAAE,EAAE,EAAC,GAAG,KAAK,CAAC;IAC9E,MAAM,YAAY,GAAG,eAAe,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;IACnD,MAAM,EAAC,QAAQ,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;IAChD,MAAM,sBAAsB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAClD,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,IAAI,CACnD,CAAC,CAAC,eAAe,CAAC,EAAE,CAAC,gBAAgB,CAAC,EAAE,EAAE;YACtC,OAAO,MAAM,CAAC,gBAAgB,CAAC,GAAG,MAAM,CAAC,eAAe,CAAC,CAAC;QAC9D,CAAC,CACJ,CAAC;QAEF,oEAAoE;QACpE,IAAI,CAAC,EAAE,MAAM,CAAC,GAAG,KAAK,CAAC,WAAW,CAAE,CAAC;QAErC,IAAI,QAAQ,EAAE,CAAC;YACX,OAAO,MAAM,CAAC;QAClB,CAAC;QAED,KAAK,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,IAAI,WAAW,EAAE,CAAC;YAChD,MAAM,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;YAE/B,IAAI,QAAQ,EAAE,IAAI,CAAC,WAAW,IAAI,KAAK,EAAE,CAAC;gBACtC,MAAM,GAAG,WAAW,CAAC;YACzB,CAAC;QACL,CAAC;QAED,OAAO,MAAM,CAAC;IAClB,CAAC,EAAE,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE/B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,sBAAsB,EAAE,CAAC,CAAC;IAC/E,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAsB,EAAE,CAAC,CAAC;IACtE,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAExD,uDAAuD;IACvD,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CACpC,QAAQ,CAAC,GAAG,EAAE;QACV,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC;YACxB,OAAO;QACX,CAAC;QAED,MAAM,YAAY,GAAwB,EAAE,CAAC;QAC7C,MAAM,WAAW,GAAG,EAAE,CAAC;QAEvB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,WAAW,EAAE,CAAC,EAAE,EAAE,CAAC;YACnC,WAAW,CAAC,IAAI,CAAC,EAAC,EAAE,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAC,CAAC,CAAC;YACrC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAC1B,CAAC;QAED,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YAC5D,MAAM,IAAI,GAAG,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAuB,CAAC;YAEzE,IAAI,CAAC,IAAI,EAAE,CAAC;gBACR,SAAS;YACb,CAAC;YAED,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,EAAE,QAAQ,CAAC,IAAI,EAAC,EAAE,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAC,CAAC;YACrE,MAAM,EAAC,EAAE,EAAE,QAAQ,EAAC,GAAG,SAAS,CAAC;YAEjC,YAAY,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;YAEzC,SAAS,CAAC,MAAM,IAAI,IAAI,CAAC,YAAY,CAAC;QAC1C,CAAC;QAED,UAAU,CAAC,YAAY,CAAC,CAAC;IAC7B,CAAC,EAAE,GAAG,CAAC,EACP,CAAC,QAAQ,EAAE,WAAW,CAAC,CAC1B,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,cAAc,EAAE,CAAC;IACrB,CAAC,EAAE,CAAC,cAAc,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC;IAE5C,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,mBAAmB,GAAG,GAAG,EAAE,CAAC,cAAc,CAAC,sBAAsB,EAAE,CAAC,CAAC;QAE3E,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,mBAAmB,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;QACxE,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,mBAAmB,CAAC,CAAC;IAC3E,CAAC,EAAE,CAAC,cAAc,EAAE,OAAO,EAAE,sBAAsB,CAAC,CAAC,CAAC;IAEtD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,UAAU,GAAG,YAAY,CAAC,OAAO,CAAC;QACxC,MAAM,uBAAuB,GAAG,gBAAgB,IAAI,MAAM,CAAC;QAE3D,IAAI,CAAC,UAAU,IAAI,CAAC,uBAAuB,EAAE,CAAC;YAC1C,OAAO,GAAG,EAAE,GAAE,CAAC,CAAC;QACpB,CAAC;QAED,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,cAAc,CAAC,CAAC;QAEpD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YAClD,MAAM,IAAI,GAAG,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAuB,CAAC;YAE/D,IAAI,CAAC,IAAI,EAAE,CAAC;gBACR,SAAS;YACb,CAAC;YAED,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAC3B,CAAC;QAED,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;IACvC,CAAC,EAAE,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE/B,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,aAAW,EAAE,aAC3C,cAAK,SAAS,EAAE,CAAC,CAAC,kBAAkB,CAAC,EAAE,KAAK,EAAE,EAAC,KAAK,EAAE,GAAG,GAAG,GAAG,WAAW,GAAG,EAAC,YAC1E,cAAK,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC,YAC9C,QAAQ,GACP,GACJ,EAEL,OAAO,CAAC,GAAG,CAAC,CAAC,cAAc,EAAE,KAAK,EAAE,EAAE,CAAC,CACpC,cAEI,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,EAAC,KAAK,EAAE,GAAG,GAAG,GAAG,WAAW,GAAG,EAAC,aAC9B,YAAY,CAAC,MAAM,YAE3B,cAAc,IALV,KAAK,CAMR,CACT,CAAC,IACA,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["import * as React from 'react';\n\nimport debounce from 'lodash/debounce';\nimport first from 'lodash/first';\nimport minBy from 'lodash/minBy';\n\nimport {SSRContext} from '../../context/ssrContext';\nimport {QAProps} from '../../models';\nimport {block, getQaAttrubutes} from '../../utils';\n\nimport './BalancedMasonry.scss';\n\nconst b = block('BalancedMasonry');\n\nexport interface BalancedMasonryProps extends QAProps {\n    className: string;\n    columnClassName: string;\n    children: React.ReactNode[];\n    breakpointCols: {\n        [key: number]: number;\n    };\n}\n\nconst BalancedMasonry = (props: React.PropsWithChildren<BalancedMasonryProps>) => {\n    const {className, columnClassName, children = [], breakpointCols, qa} = props;\n    const qaAttributes = getQaAttrubutes(qa, 'column');\n    const {isServer} = React.useContext(SSRContext);\n    const getCurrentColumnsCount = React.useCallback(() => {\n        const breakpoints = Object.entries(breakpointCols).sort(\n            ([firstBreakpoint], [secondBreakpoint]) => {\n                return Number(secondBreakpoint) - Number(firstBreakpoint);\n            },\n        );\n\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n        let [, result] = first(breakpoints)!;\n\n        if (isServer) {\n            return result;\n        }\n\n        for (const [rawWidth, columnCount] of breakpoints) {\n            const width = Number(rawWidth);\n\n            if (document?.body.clientWidth <= width) {\n                result = columnCount;\n            }\n        }\n\n        return result;\n    }, [breakpointCols, isServer]);\n\n    const [columnCount, setColumnCount] = React.useState(getCurrentColumnsCount());\n    const [columns, setColumns] = React.useState<React.ReactNode[][]>([]);\n    const containerRef = React.useRef<HTMLDivElement>(null);\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    const balanceColumns = React.useCallback(\n        debounce(() => {\n            if (!containerRef.current) {\n                return;\n            }\n\n            const localColumns: React.ReactNode[][] = [];\n            const columnsMeta = [];\n\n            for (let i = 0; i < columnCount; i++) {\n                columnsMeta.push({id: i, height: 0});\n                localColumns.push([]);\n            }\n\n            for (let i = 0; i < containerRef.current.children.length; i++) {\n                const node = containerRef.current.children.item(i) as HTMLElement | null;\n\n                if (!node) {\n                    continue;\n                }\n\n                const minColumn = minBy(columnsMeta, 'height') || {id: 0, height: 0};\n                const {id: columnId} = minColumn;\n\n                localColumns[columnId].push(children[i]);\n\n                minColumn.height += node.offsetHeight;\n            }\n\n            setColumns(localColumns);\n        }, 300),\n        [children, columnCount],\n    );\n\n    React.useEffect(() => {\n        balanceColumns();\n    }, [balanceColumns, children, columnCount]);\n\n    React.useEffect(() => {\n        const updateColumnCounter = () => setColumnCount(getCurrentColumnsCount());\n\n        window.addEventListener('resize', updateColumnCounter, {passive: true});\n        return () => window.removeEventListener('resize', updateColumnCounter);\n    }, [setColumnCount, columns, getCurrentColumnsCount]);\n\n    React.useEffect(() => {\n        const currentRef = containerRef.current;\n        const isResizeEventsSupported = 'ResizeObserver' in window;\n\n        if (!currentRef || !isResizeEventsSupported) {\n            return () => {};\n        }\n\n        const observer = new ResizeObserver(balanceColumns);\n\n        for (let i = 0; i < currentRef.children.length; i++) {\n            const node = currentRef.children.item(i) as HTMLElement | null;\n\n            if (!node) {\n                continue;\n            }\n\n            observer.observe(node);\n        }\n\n        return () => observer.disconnect();\n    }, [balanceColumns, children]);\n\n    return (\n        <div className={b(null, className)} data-qa={qa}>\n            <div className={b('hidden-container')} style={{width: `${100 / columnCount}%`}}>\n                <div ref={containerRef} className={b('hidden-list')}>\n                    {children}\n                </div>\n            </div>\n\n            {columns.map((columnElements, index) => (\n                <div\n                    key={index}\n                    className={columnClassName}\n                    style={{width: `${100 / columnCount}%`}}\n                    data-qa={qaAttributes.column}\n                >\n                    {columnElements}\n                </div>\n            ))}\n        </div>\n    );\n};\n\nexport default BalancedMasonry;\n"]}
+{"version":3,"file":"BalancedMasonry.js","sourceRoot":"../../../../src","sources":["components/BalancedMasonry/BalancedMasonry.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,QAAQ,2BAAwB;AACvC,OAAO,KAAK,wBAAqB;AACjC,OAAO,KAAK,wBAAqB;AAEjC,OAAO,EAAC,UAAU,EAAC,yDAAgD;AAEnE,OAAO,EAAC,KAAK,EAAE,eAAe,EAAC,6BAAoB;AAEnD,OAAO,uBAAuB,CAAC;AAE/B,MAAM,CAAC,GAAG,KAAK,CAAC,iBAAiB,CAAC,CAAC;AAWnC,MAAM,eAAe,GAAG,CAAC,KAAoD,EAAE,EAAE;IAC7E,MAAM,EAAC,SAAS,EAAE,eAAe,EAAE,QAAQ,GAAG,EAAE,EAAE,cAAc,EAAE,EAAE,EAAC,GAAG,KAAK,CAAC;IAC9E,MAAM,YAAY,GAAG,eAAe,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;IACnD,MAAM,EAAC,QAAQ,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;IAChD,MAAM,sBAAsB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAClD,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,IAAI,CACnD,CAAC,CAAC,eAAe,CAAC,EAAE,CAAC,gBAAgB,CAAC,EAAE,EAAE;YACtC,OAAO,MAAM,CAAC,gBAAgB,CAAC,GAAG,MAAM,CAAC,eAAe,CAAC,CAAC;QAC9D,CAAC,CACJ,CAAC;QAEF,oEAAoE;QACpE,IAAI,CAAC,EAAE,MAAM,CAAC,GAAG,KAAK,CAAC,WAAW,CAAE,CAAC;QAErC,IAAI,QAAQ,EAAE,CAAC;YACX,OAAO,MAAM,CAAC;QAClB,CAAC;QAED,KAAK,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,IAAI,WAAW,EAAE,CAAC;YAChD,MAAM,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;YAE/B,IAAI,QAAQ,EAAE,IAAI,CAAC,WAAW,IAAI,KAAK,EAAE,CAAC;gBACtC,MAAM,GAAG,WAAW,CAAC;YACzB,CAAC;QACL,CAAC;QAED,OAAO,MAAM,CAAC;IAClB,CAAC,EAAE,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE/B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,sBAAsB,EAAE,CAAC,CAAC;IAC/E,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAsB,EAAE,CAAC,CAAC;IACtE,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAExD,uDAAuD;IACvD,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CACpC,QAAQ,CAAC,GAAG,EAAE;QACV,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC;YACxB,OAAO;QACX,CAAC;QAED,MAAM,YAAY,GAAwB,EAAE,CAAC;QAC7C,MAAM,WAAW,GAAG,EAAE,CAAC;QAEvB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,WAAW,EAAE,CAAC,EAAE,EAAE,CAAC;YACnC,WAAW,CAAC,IAAI,CAAC,EAAC,EAAE,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAC,CAAC,CAAC;YACrC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAC1B,CAAC;QAED,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YAC5D,MAAM,IAAI,GAAG,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAuB,CAAC;YAEzE,IAAI,CAAC,IAAI,EAAE,CAAC;gBACR,SAAS;YACb,CAAC;YAED,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,EAAE,QAAQ,CAAC,IAAI,EAAC,EAAE,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAC,CAAC;YACrE,MAAM,EAAC,EAAE,EAAE,QAAQ,EAAC,GAAG,SAAS,CAAC;YAEjC,YAAY,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;YAEzC,SAAS,CAAC,MAAM,IAAI,IAAI,CAAC,YAAY,CAAC;QAC1C,CAAC;QAED,UAAU,CAAC,YAAY,CAAC,CAAC;IAC7B,CAAC,EAAE,GAAG,CAAC,EACP,CAAC,QAAQ,EAAE,WAAW,CAAC,CAC1B,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,cAAc,EAAE,CAAC;IACrB,CAAC,EAAE,CAAC,cAAc,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC;IAE5C,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,mBAAmB,GAAG,GAAG,EAAE,CAAC,cAAc,CAAC,sBAAsB,EAAE,CAAC,CAAC;QAE3E,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,mBAAmB,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;QACxE,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,mBAAmB,CAAC,CAAC;IAC3E,CAAC,EAAE,CAAC,cAAc,EAAE,OAAO,EAAE,sBAAsB,CAAC,CAAC,CAAC;IAEtD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,UAAU,GAAG,YAAY,CAAC,OAAO,CAAC;QACxC,MAAM,uBAAuB,GAAG,gBAAgB,IAAI,MAAM,CAAC;QAE3D,IAAI,CAAC,UAAU,IAAI,CAAC,uBAAuB,EAAE,CAAC;YAC1C,OAAO,GAAG,EAAE,GAAE,CAAC,CAAC;QACpB,CAAC;QAED,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,cAAc,CAAC,CAAC;QAEpD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YAClD,MAAM,IAAI,GAAG,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAuB,CAAC;YAE/D,IAAI,CAAC,IAAI,EAAE,CAAC;gBACR,SAAS;YACb,CAAC;YAED,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAC3B,CAAC;QAED,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;IACvC,CAAC,EAAE,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE/B,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,aAAW,EAAE,aAC3C,cAAK,SAAS,EAAE,CAAC,CAAC,kBAAkB,CAAC,EAAE,KAAK,EAAE,EAAC,KAAK,EAAE,GAAG,GAAG,GAAG,WAAW,GAAG,EAAC,YAC1E,cAAK,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC,YAC9C,QAAQ,GACP,GACJ,EAEL,OAAO,CAAC,GAAG,CAAC,CAAC,cAAc,EAAE,KAAK,EAAE,EAAE,CAAC,CACpC,cAEI,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,EAAC,KAAK,EAAE,GAAG,GAAG,GAAG,WAAW,GAAG,EAAC,aAC9B,YAAY,CAAC,MAAM,YAE3B,cAAc,IALV,KAAK,CAMR,CACT,CAAC,IACA,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["import * as React from 'react';\n\nimport debounce from 'lodash/debounce';\nimport first from 'lodash/first';\nimport minBy from 'lodash/minBy';\n\nimport {SSRContext} from '../../gravity-blocks/context/ssrContext';\nimport {QAProps} from '../../models';\nimport {block, getQaAttrubutes} from '../../utils';\n\nimport './BalancedMasonry.scss';\n\nconst b = block('BalancedMasonry');\n\nexport interface BalancedMasonryProps extends QAProps {\n    className: string;\n    columnClassName: string;\n    children: React.ReactNode[];\n    breakpointCols: {\n        [key: number]: number;\n    };\n}\n\nconst BalancedMasonry = (props: React.PropsWithChildren<BalancedMasonryProps>) => {\n    const {className, columnClassName, children = [], breakpointCols, qa} = props;\n    const qaAttributes = getQaAttrubutes(qa, 'column');\n    const {isServer} = React.useContext(SSRContext);\n    const getCurrentColumnsCount = React.useCallback(() => {\n        const breakpoints = Object.entries(breakpointCols).sort(\n            ([firstBreakpoint], [secondBreakpoint]) => {\n                return Number(secondBreakpoint) - Number(firstBreakpoint);\n            },\n        );\n\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n        let [, result] = first(breakpoints)!;\n\n        if (isServer) {\n            return result;\n        }\n\n        for (const [rawWidth, columnCount] of breakpoints) {\n            const width = Number(rawWidth);\n\n            if (document?.body.clientWidth <= width) {\n                result = columnCount;\n            }\n        }\n\n        return result;\n    }, [breakpointCols, isServer]);\n\n    const [columnCount, setColumnCount] = React.useState(getCurrentColumnsCount());\n    const [columns, setColumns] = React.useState<React.ReactNode[][]>([]);\n    const containerRef = React.useRef<HTMLDivElement>(null);\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    const balanceColumns = React.useCallback(\n        debounce(() => {\n            if (!containerRef.current) {\n                return;\n            }\n\n            const localColumns: React.ReactNode[][] = [];\n            const columnsMeta = [];\n\n            for (let i = 0; i < columnCount; i++) {\n                columnsMeta.push({id: i, height: 0});\n                localColumns.push([]);\n            }\n\n            for (let i = 0; i < containerRef.current.children.length; i++) {\n                const node = containerRef.current.children.item(i) as HTMLElement | null;\n\n                if (!node) {\n                    continue;\n                }\n\n                const minColumn = minBy(columnsMeta, 'height') || {id: 0, height: 0};\n                const {id: columnId} = minColumn;\n\n                localColumns[columnId].push(children[i]);\n\n                minColumn.height += node.offsetHeight;\n            }\n\n            setColumns(localColumns);\n        }, 300),\n        [children, columnCount],\n    );\n\n    React.useEffect(() => {\n        balanceColumns();\n    }, [balanceColumns, children, columnCount]);\n\n    React.useEffect(() => {\n        const updateColumnCounter = () => setColumnCount(getCurrentColumnsCount());\n\n        window.addEventListener('resize', updateColumnCounter, {passive: true});\n        return () => window.removeEventListener('resize', updateColumnCounter);\n    }, [setColumnCount, columns, getCurrentColumnsCount]);\n\n    React.useEffect(() => {\n        const currentRef = containerRef.current;\n        const isResizeEventsSupported = 'ResizeObserver' in window;\n\n        if (!currentRef || !isResizeEventsSupported) {\n            return () => {};\n        }\n\n        const observer = new ResizeObserver(balanceColumns);\n\n        for (let i = 0; i < currentRef.children.length; i++) {\n            const node = currentRef.children.item(i) as HTMLElement | null;\n\n            if (!node) {\n                continue;\n            }\n\n            observer.observe(node);\n        }\n\n        return () => observer.disconnect();\n    }, [balanceColumns, children]);\n\n    return (\n        <div className={b(null, className)} data-qa={qa}>\n            <div className={b('hidden-container')} style={{width: `${100 / columnCount}%`}}>\n                <div ref={containerRef} className={b('hidden-list')}>\n                    {children}\n                </div>\n            </div>\n\n            {columns.map((columnElements, index) => (\n                <div\n                    key={index}\n                    className={columnClassName}\n                    style={{width: `${100 / columnCount}%`}}\n                    data-qa={qaAttributes.column}\n                >\n                    {columnElements}\n                </div>\n            ))}\n        </div>\n    );\n};\n\nexport default BalancedMasonry;\n"]}

package/build/esm/components/BlockBase/BlockBase.css

@@ -4,30 +4,25 @@ unpredictable css rules order in build */
   --anchor-offset: 48px;
 }
 .pc-block-base.pc-block-base {
-  margin-top: 48px;
-  padding: 0 0 48px;
+  padding: 48px 0;
 }
-.pc-block-base.pc-block-base:first-child {
-  margin-top: var(--pc-first-block-indent, 96px);
-}
-
 .pc-block-base.pc-block-base.pc-block-base.pc-block-base_indentTop_0 {
-  margin-top: 0;
+  padding-top: 0;
 }
 .pc-block-base.pc-block-base.pc-block-base.pc-block-base_indentTop_xs {
-  margin-top: 16px;
+  padding-top: 16px;
 }
 .pc-block-base.pc-block-base.pc-block-base.pc-block-base_indentTop_s {
-  margin-top: 24px;
+  padding-top: 24px;
 }
 .pc-block-base.pc-block-base.pc-block-base.pc-block-base_indentTop_m {
-  margin-top: 32px;
+  padding-top: 32px;
 }
 .pc-block-base.pc-block-base.pc-block-base.pc-block-base_indentTop_l {
-  margin-top: 48px;
+  padding-top: 48px;
 }
 .pc-block-base.pc-block-base.pc-block-base.pc-block-base_indentTop_xl {
-  margin-top: 64px;
+  padding-top: 64px;
 }
 .pc-block-base.pc-block-base.pc-block-base.pc-block-base_indentBottom_0 {
   padding-bottom: 0;
@@ -50,12 +45,9 @@ unpredictable css rules order in build */
 
 @media only screen and (max-width: 577px) {
   .pc-block-base.pc-block-base {
-    margin-top: 32px;
+    padding-top: 32px;
     padding-bottom: 32px;
   }
-  .pc-block-base.pc-block-base:first-child {
-    margin-top: var(--pc-first-block-mobile-indent, 64px);
-  }
 }
 
 .pc-block-base_reset-paddings.pc-block-base.pc-block-base_reset-paddings.pc-block-base {

package/build/esm/components/BlockBase/BlockBase.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Col } from "../../grid/index.js";
+import { Col } from "../../gravity-blocks/grid/index.js";
 import { block } from "../../utils/index.js";
 import Anchor from "../Anchor/Anchor.js";
 import './BlockBase.css';

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

@@ -1 +1 @@
-{"version":3,"file":"BlockBase.js","sourceRoot":"../../../../src","sources":["components/BlockBase/BlockBase.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,GAAG,EAAC,4BAAmB;AAE/B,OAAO,EAAC,KAAK,EAAC,6BAAoB;AAClC,OAAO,MAAM,4BAAyB;AAEtC,OAAO,iBAAiB,CAAC;AAEzB,MAAM,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC;AAO9B,MAAM,SAAS,GAAG,CAAC,KAAyB,EAAE,EAAE;IAC5C,MAAM,EAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAa,EAAE,EAAE,EAAC,GAAG,KAAK,CAAC;IAEhF,MAAM,EAAC,GAAG,EAAE,MAAM,EAAC,GACf,MAAM,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,EAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAC,CAAC,CAAC,CAAC,EAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAC,CAAC,CAAC;IAElF,OAAO,CACH,MAAC,GAAG,IACA,SAAS,EAAE,CAAC,CACR,EAAC,CAAC,gBAAgB,CAAC,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,EAAC,EACzE,SAAS,CACZ,EACD,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,IAAI,EACX,EAAE,EAAE,EAAE,aAEL,MAAM,IAAI,KAAC,MAAM,IAAC,EAAE,EAAE,MAAM,CAAC,GAAG,EAAE,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,GAAI,EAC5D,QAAQ,IACP,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Col} from '../../grid';\nimport {BlockBaseProps, ClassNameProps, QAProps} from '../../models';\nimport {block} from '../../utils';\nimport Anchor from '../Anchor/Anchor';\n\nimport './BlockBase.scss';\n\nconst b = block('block-base');\n\nexport type BlockBaseFullProps = BlockBaseProps &\n    ClassNameProps &\n    React.PropsWithChildren &\n    QAProps;\n\nconst BlockBase = (props: BlockBaseFullProps) => {\n    const {anchor, indent, visible, children, className, resetPaddings, qa} = props;\n\n    const {top, bottom} =\n        indent || (resetPaddings ? {top: '0', bottom: '0'} : {top: 'l', bottom: 'l'});\n\n    return (\n        <Col\n            className={b(\n                {['reset-paddings']: resetPaddings, indentTop: top, indentBottom: bottom},\n                className,\n            )}\n            visible={visible}\n            reset={true}\n            qa={qa}\n        >\n            {anchor && <Anchor id={anchor.url} className={b('anchor')} />}\n            {children}\n        </Col>\n    );\n};\n\nexport default BlockBase;\n"]}
+{"version":3,"file":"BlockBase.js","sourceRoot":"../../../../src","sources":["components/BlockBase/BlockBase.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,GAAG,EAAC,2CAAkC;AAE9C,OAAO,EAAC,KAAK,EAAC,6BAAoB;AAClC,OAAO,MAAM,4BAAyB;AAEtC,OAAO,iBAAiB,CAAC;AAEzB,MAAM,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC;AAO9B,MAAM,SAAS,GAAG,CAAC,KAAyB,EAAE,EAAE;IAC5C,MAAM,EAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAa,EAAE,EAAE,EAAC,GAAG,KAAK,CAAC;IAEhF,MAAM,EAAC,GAAG,EAAE,MAAM,EAAC,GACf,MAAM,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,EAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAC,CAAC,CAAC,CAAC,EAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAC,CAAC,CAAC;IAElF,OAAO,CACH,MAAC,GAAG,IACA,SAAS,EAAE,CAAC,CACR,EAAC,CAAC,gBAAgB,CAAC,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,EAAC,EACzE,SAAS,CACZ,EACD,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,IAAI,EACX,EAAE,EAAE,EAAE,aAEL,MAAM,IAAI,KAAC,MAAM,IAAC,EAAE,EAAE,MAAM,CAAC,GAAG,EAAE,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,GAAI,EAC5D,QAAQ,IACP,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Col} from '../../gravity-blocks/grid';\nimport {BlockBaseProps, ClassNameProps, QAProps} from '../../models';\nimport {block} from '../../utils';\nimport Anchor from '../Anchor/Anchor';\n\nimport './BlockBase.scss';\n\nconst b = block('block-base');\n\nexport type BlockBaseFullProps = BlockBaseProps &\n    ClassNameProps &\n    React.PropsWithChildren &\n    QAProps;\n\nconst BlockBase = (props: BlockBaseFullProps) => {\n    const {anchor, indent, visible, children, className, resetPaddings, qa} = props;\n\n    const {top, bottom} =\n        indent || (resetPaddings ? {top: '0', bottom: '0'} : {top: 'l', bottom: 'l'});\n\n    return (\n        <Col\n            className={b(\n                {['reset-paddings']: resetPaddings, indentTop: top, indentBottom: bottom},\n                className,\n            )}\n            visible={visible}\n            reset={true}\n            qa={qa}\n        >\n            {anchor && <Anchor id={anchor.url} className={b('anchor')} />}\n            {children}\n        </Col>\n    );\n};\n\nexport default BlockBase;\n"]}

package/build/esm/components/BrandFooter/BrandFooter.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Link } from '@gravity-ui/uikit';
-import { useTheme } from "../../context/theme/index.js";
-import { BrandIconDark } from "../../icons/BrandIconDark.js";
-import { BrandIconLight } from "../../icons/BrandIconLight.js";
-import { BrandName } from "../../icons/BrandName.js";
+import { useTheme } from "../../gravity-blocks/context/theme/index.js";
+import { BrandIconDark } from "../../gravity-blocks/icons/BrandIconDark.js";
+import { BrandIconLight } from "../../gravity-blocks/icons/BrandIconLight.js";
+import { BrandName } from "../../gravity-blocks/icons/BrandName.js";
 import { Theme } from "../../models/index.js";
 import { block } from "../../utils/index.js";
 import { i18n } from "./i18n/index.js";

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

@@ -1 +1 @@
-{"version":3,"file":"BrandFooter.js","sourceRoot":"../../../../src","sources":["components/BrandFooter/BrandFooter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAC,QAAQ,EAAC,qCAA4B;AAC7C,OAAO,EAAC,aAAa,EAAC,qCAAkC;AACxD,OAAO,EAAC,cAAc,EAAC,sCAAmC;AAC1D,OAAO,EAAC,SAAS,EAAC,iCAA8B;AAEhD,OAAO,EAAC,KAAK,EAAC,8BAAqB;AACnC,OAAO,EAAC,KAAK,EAAC,6BAAoB;AAElC,OAAO,EAAC,IAAI,EAAC,wBAAe;AAE5B,OAAO,mBAAmB,CAAC;AAE3B,MAAM,CAAC,GAAG,KAAK,CAAC,cAAc,CAAC,CAAC;AAEhC,MAAM,WAAW,GAAG,CAAC,EAAC,SAAS,EAAiB,EAAE,EAAE;IAChD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,OAAO,CACH,KAAC,IAAI,IAAC,SAAS,EAAE,CAAC,CAAC,EAAC,KAAK,EAAC,EAAE,SAAS,CAAC,EAAE,IAAI,EAAC,wBAAwB,YACjE,eAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACxB,yBAAO,IAAI,CAAC,YAAY,CAAC,GAAQ,EACjC,cAAK,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,YAC1B,KAAK,KAAK,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAC,cAAc,KAAG,CAAC,CAAC,CAAC,KAAC,aAAa,KAAG,GAC7D,EACN,cAAK,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,YAC3B,KAAC,SAAS,KAAG,GACX,IACJ,GACH,CACV,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import {Link} from '@gravity-ui/uikit';\n\nimport {useTheme} from '../../context/theme';\nimport {BrandIconDark} from '../../icons/BrandIconDark';\nimport {BrandIconLight} from '../../icons/BrandIconLight';\nimport {BrandName} from '../../icons/BrandName';\nimport type {ClassNameProps} from '../../models';\nimport {Theme} from '../../models';\nimport {block} from '../../utils';\n\nimport {i18n} from './i18n';\n\nimport './BrandFooter.scss';\n\nconst b = block('brand-footer');\n\nconst BrandFooter = ({className}: ClassNameProps) => {\n    const theme = useTheme();\n\n    return (\n        <Link className={b({theme}, className)} href=\"https://gravity-ui.com\">\n            <div className={b('content')}>\n                <span>{i18n('created-on')}</span>\n                <div className={b('brand-icon')}>\n                    {theme === Theme.Light ? <BrandIconLight /> : <BrandIconDark />}\n                </div>\n                <div className={b('brand-name')}>\n                    <BrandName />\n                </div>\n            </div>\n        </Link>\n    );\n};\n\nexport default BrandFooter;\n"]}
+{"version":3,"file":"BrandFooter.js","sourceRoot":"../../../../src","sources":["components/BrandFooter/BrandFooter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAC,QAAQ,EAAC,oDAA2C;AAC5D,OAAO,EAAC,aAAa,EAAC,oDAAiD;AACvE,OAAO,EAAC,cAAc,EAAC,qDAAkD;AACzE,OAAO,EAAC,SAAS,EAAC,gDAA6C;AAE/D,OAAO,EAAC,KAAK,EAAC,8BAAqB;AACnC,OAAO,EAAC,KAAK,EAAC,6BAAoB;AAElC,OAAO,EAAC,IAAI,EAAC,wBAAe;AAE5B,OAAO,mBAAmB,CAAC;AAE3B,MAAM,CAAC,GAAG,KAAK,CAAC,cAAc,CAAC,CAAC;AAEhC,MAAM,WAAW,GAAG,CAAC,EAAC,SAAS,EAAiB,EAAE,EAAE;IAChD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,OAAO,CACH,KAAC,IAAI,IAAC,SAAS,EAAE,CAAC,CAAC,EAAC,KAAK,EAAC,EAAE,SAAS,CAAC,EAAE,IAAI,EAAC,wBAAwB,YACjE,eAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACxB,yBAAO,IAAI,CAAC,YAAY,CAAC,GAAQ,EACjC,cAAK,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,YAC1B,KAAK,KAAK,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAC,cAAc,KAAG,CAAC,CAAC,CAAC,KAAC,aAAa,KAAG,GAC7D,EACN,cAAK,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,YAC3B,KAAC,SAAS,KAAG,GACX,IACJ,GACH,CACV,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import {Link} from '@gravity-ui/uikit';\n\nimport {useTheme} from '../../gravity-blocks/context/theme';\nimport {BrandIconDark} from '../../gravity-blocks/icons/BrandIconDark';\nimport {BrandIconLight} from '../../gravity-blocks/icons/BrandIconLight';\nimport {BrandName} from '../../gravity-blocks/icons/BrandName';\nimport type {ClassNameProps} from '../../models';\nimport {Theme} from '../../models';\nimport {block} from '../../utils';\n\nimport {i18n} from './i18n';\n\nimport './BrandFooter.scss';\n\nconst b = block('brand-footer');\n\nconst BrandFooter = ({className}: ClassNameProps) => {\n    const theme = useTheme();\n\n    return (\n        <Link className={b({theme}, className)} href=\"https://gravity-ui.com\">\n            <div className={b('content')}>\n                <span>{i18n('created-on')}</span>\n                <div className={b('brand-icon')}>\n                    {theme === Theme.Light ? <BrandIconLight /> : <BrandIconDark />}\n                </div>\n                <div className={b('brand-name')}>\n                    <BrandName />\n                </div>\n            </div>\n        </Link>\n    );\n};\n\nexport default BrandFooter;\n"]}

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

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

package/build/esm/components/Button/Button.js

@@ -2,9 +2,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { StoreBadge } from '@gravity-ui/components';
 import { Button as CommonButton, Icon, Platform, } from '@gravity-ui/uikit';
-import { LocaleContext } from "../../context/localeContext/localeContext.js";
-import { useAnalytics } from "../../hooks/index.js";
-import { Github } from "../../icons/index.js";
+import { LocaleContext } from "../../gravity-blocks/context/localeContext/index.js";
+import { useAnalytics } from "../../gravity-blocks/hooks/index.js";
+import { Github } from "../../gravity-blocks/icons/index.js";
 import { DefaultEventNames } from "../../models/index.js";
 import { block, setUrlTld } from "../../utils/index.js";
 import { getGravityIcon } from "../../utils/icons.js";