@gravity-ui/page-constructor 5.33.3 → 5.33.4-beta.0

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

@@ -1,8 +1,9 @@
-import React from 'react';
-import { AuthorType } from '../../models';
-import { block } from '../../utils';
-import { getMediaImage } from '../Media/Image/utils';
-import { Image } from '../index';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { AuthorType } from "../../models/index.js";
+import { block } from "../../utils/index.js";
+import { getMediaImage } from "../Media/Image/utils.js";
+import { Image } from "../index.js";
 import './Author.css';
 const b = block('author');
 const Author = (props) => {
@@ -14,10 +15,7 @@ const Author = (props) => {
     if (!isAvatarJSX && avatar) {
         avatarProps = getMediaImage(avatar);
     }
-    return (React.createElement("div", { className: b({ type, theme }, className), "data-qa": qa },
-        avatar && (React.createElement("div", { className: b('avatar', authorContainerClassName) }, isAvatarJSX ? avatar : React.createElement(Image, Object.assign({}, avatarProps)))),
-        React.createElement("div", { className: b('label') },
-            React.createElement("div", { className: b('name') }, name),
-            description && React.createElement("div", { className: b('description') }, description))));
+    return (_jsxs("div", { className: b({ type, theme }, className), "data-qa": qa, children: [avatar && (_jsx("div", { className: b('avatar', authorContainerClassName), children: isAvatarJSX ? avatar : _jsx(Image, Object.assign({}, avatarProps)) })), _jsxs("div", { className: b('label'), children: [_jsx("div", { className: b('name'), children: name }), description && _jsx("div", { className: b('description'), children: description })] })] }));
 };
 export default Author;
+//# sourceMappingURL=Author.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Author.js","sourceRoot":"../../../../src","sources":["components/Author/Author.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAc,UAAU,EAAa,8BAAqB;AACjE,OAAO,EAAC,KAAK,EAAC,6BAAoB;AAClC,OAAO,EAAC,aAAa,EAAC,gCAA6B;AACnD,OAAO,EAAC,KAAK,EAAC,oBAAiB;AAE/B,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC;AAE1B,MAAM,MAAM,GAAG,CAAC,KAA2C,EAAE,EAAE;IAC3D,MAAM,EACF,MAAM,EACN,SAAS,EACT,wBAAwB,EACxB,IAAI,GAAG,UAAU,CAAC,MAAM,EACxB,EAAE,EACF,KAAK,GACR,GAAG,KAAK,CAAC;IACV,MAAM,EAAC,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,EAAC,GAAG,MAAM,CAAC;IAE5D,MAAM,IAAI,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG,SAAS,IAAI,UAAU,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;IACnE,MAAM,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;IACjD,IAAI,WAAW,GAAG,EAAE,CAAC;IACrB,IAAI,CAAC,WAAW,IAAI,MAAM,EAAE,CAAC;QACzB,WAAW,GAAG,aAAa,CAAC,MAAoB,CAAC,CAAC;IACtD,CAAC;IAED,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAE,KAAK,EAAC,EAAE,SAAS,CAAC,aAAW,EAAE,aACnD,MAAM,IAAI,CACP,cAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,EAAE,wBAAwB,CAAC,YAChD,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAC,KAAK,oBAAK,WAAW,EAAI,GAChD,CACT,EACD,eAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,aACtB,cAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAG,IAAI,GAAO,EACtC,WAAW,IAAI,cAAK,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC,YAAG,WAAW,GAAO,IACnE,IACJ,CACT,CAAC;AACN,CAAC,CAAC;AACF,eAAe,MAAM,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {AuthorProps, AuthorType, ImageProps} from '../../models';\nimport {block} from '../../utils';\nimport {getMediaImage} from '../Media/Image/utils';\nimport {Image} from '../index';\n\nimport './Author.scss';\n\nconst b = block('author');\n\nconst Author = (props: React.PropsWithChildren<AuthorProps>) => {\n    const {\n        author,\n        className,\n        authorContainerClassName,\n        type = AuthorType.Column,\n        qa,\n        theme,\n    } = props;\n    const {firstName, secondName, description, avatar} = author;\n\n    const name = secondName ? `${firstName} ${secondName}` : firstName;\n    const isAvatarJSX = React.isValidElement(avatar);\n    let avatarProps = {};\n    if (!isAvatarJSX && avatar) {\n        avatarProps = getMediaImage(avatar as ImageProps);\n    }\n\n    return (\n        <div className={b({type, theme}, className)} data-qa={qa}>\n            {avatar && (\n                <div className={b('avatar', authorContainerClassName)}>\n                    {isAvatarJSX ? avatar : <Image {...avatarProps} />}\n                </div>\n            )}\n            <div className={b('label')}>\n                <div className={b('name')}>{name}</div>\n                {description && <div className={b('description')}>{description}</div>}\n            </div>\n        </div>\n    );\n};\nexport default Author;\n"]}

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

@@ -1,4 +1,4 @@
-import { BaseProps, authorItem } from '../../schema/validators/common';
+import { BaseProps, authorItem } from "../../schema/validators/common.js";
 export const author = {
     author: {
         additionalProperties: false,
@@ -6,3 +6,4 @@ export const author = {
         properties: Object.assign(Object.assign({}, BaseProps), { asides: {}, author: authorItem }),
     },
 };
+//# sourceMappingURL=schema.js.map

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

@@ -0,0 +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,kCACH,SAAS,KACZ,MAAM,EAAE,EAAE,EACV,MAAM,EAAE,UAAU,GACrB;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"]}

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

@@ -1,15 +1,15 @@
-import { HTMLProps, ReactNode } from 'react';
+import * as React from 'react';
 import { ButtonSize } from '@gravity-ui/uikit';
-import { Tabbable } from '../../models';
+import { Tabbable } from "../../models/index.js";
 export type Theme = 'default' | 'special';
 export interface BackLinkProps<T = HTMLElement> extends Tabbable {
     url: string;
-    title: ReactNode;
+    title: React.ReactNode;
     theme?: Theme;
     size?: ButtonSize;
     className?: string;
     shouldHandleBackAction?: boolean;
     onClick?: () => void;
-    extraProps?: HTMLProps<T>;
+    extraProps?: React.HTMLProps<T>;
 }
-export default function BackLink(props: BackLinkProps): JSX.Element;
+export default function BackLink(props: BackLinkProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,14 +1,15 @@
-import React, { useCallback, useContext } from 'react';
+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';
-import { useAnalytics } from '../../hooks';
-import { DefaultEventNames } from '../../models';
+import { LocationContext } from "../../context/locationContext/index.js";
+import { useAnalytics } from "../../hooks/index.js";
+import { DefaultEventNames } from "../../models/index.js";
 export default function BackLink(props) {
-    const { history } = useContext(LocationContext);
+    const { history } = React.useContext(LocationContext);
     const { url, title, theme = 'default', size = 'l', className, shouldHandleBackAction = false, onClick, tabIndex, extraProps, } = props;
     const handleAnalytics = useAnalytics(DefaultEventNames.ShareButton, url);
-    const backActionHandler = useCallback(async () => {
+    const backActionHandler = React.useCallback(async () => {
         handleAnalytics();
         if (!history) {
             return;
@@ -23,7 +24,7 @@ export default function BackLink(props) {
             history.push({ pathname: url });
         }
     }, [handleAnalytics, history, onClick, url]);
-    return (React.createElement(Button, { className: className, view: theme === 'special' ? 'flat-contrast' : 'flat-secondary', size: size, href: shouldHandleBackAction ? undefined : url, onClick: shouldHandleBackAction ? backActionHandler : undefined, tabIndex: tabIndex, extraProps: extraProps },
-        React.createElement(Icon, { data: ArrowLeft, size: 20 }),
-        React.createElement("span", null, title)));
+    const buttonComponent = url && !shouldHandleBackAction ? 'a' : 'button';
+    return (_jsxs(Button, { className: className, view: theme === 'special' ? 'flat-contrast' : 'flat-secondary', size: size, href: shouldHandleBackAction ? undefined : url, onClick: shouldHandleBackAction ? backActionHandler : undefined, tabIndex: tabIndex, extraProps: extraProps, component: buttonComponent, children: [_jsx(Icon, { data: ArrowLeft, size: 20 }), _jsx("span", { children: title })] }));
 }
+//# sourceMappingURL=BackLink.js.map

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

@@ -0,0 +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,EAAC,MAAM,mBAAmB,CAAC;AAE3D,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,eAAe,GAAG,GAAG,IAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC;IAExE,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,IAAI,EAAE,sBAAsB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,EAC9C,OAAO,EAAE,sBAAsB,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS,EAC/D,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,eAAe,aAE1B,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} 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 buttonComponent = url && !shouldHandleBackAction ? 'a' : 'button';\n\n    return (\n        <Button\n            className={className}\n            view={theme === 'special' ? 'flat-contrast' : 'flat-secondary'}\n            size={size}\n            href={shouldHandleBackAction ? undefined : url}\n            onClick={shouldHandleBackAction ? backActionHandler : undefined}\n            tabIndex={tabIndex}\n            extraProps={extraProps}\n            component={buttonComponent}\n        >\n            <Icon data={ArrowLeft} size={20} />\n            <span>{title}</span>\n        </Button>\n    );\n}\n"]}

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

@@ -1,6 +1,6 @@
-import React from 'react';
-import { BackgroundImageProps } from '../../models';
+import * as React from 'react';
+import { BackgroundImageProps } from "../../models/index.js";
 import './BackgroundImage.css';
 export declare const qaIdByDefault = "background-image";
-declare const BackgroundImage: (props: React.PropsWithChildren<BackgroundImageProps>) => JSX.Element;
+declare const BackgroundImage: (props: React.PropsWithChildren<BackgroundImageProps>) => import("react/jsx-runtime").JSX.Element;
 export default BackgroundImage;

package/build/esm/components/BackgroundImage/BackgroundImage.js

@@ -1,14 +1,13 @@
-import React from 'react';
-import { block, getQaAttrubutes } from '../../utils';
-import Image from '../Image/Image';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { block, getQaAttrubutes } from "../../utils/index.js";
+import Image from "../Image/Image.js";
 import './BackgroundImage.css';
 export const qaIdByDefault = 'background-image';
 const b = block('storage-background-image');
 const BackgroundImage = (props) => {
     const { children, src, desktop, className, imageClassName, style, hide, qa } = props;
     const qaAttributes = getQaAttrubutes(qa || qaIdByDefault);
-    return (React.createElement("div", { className: b(null, className), style: style, "data-qa": qa || qaIdByDefault },
-        (src || desktop) && !hide && (React.createElement(Image, Object.assign({}, props, { className: b('img', imageClassName), qa: qaAttributes.image }))),
-        children && React.createElement("div", { className: b('container') }, children)));
+    return (_jsxs("div", { className: b(null, className), style: style, "data-qa": qa || qaIdByDefault, children: [(src || desktop) && !hide && (_jsx(Image, Object.assign({}, props, { className: b('img', imageClassName), qa: qaAttributes.image }))), children && _jsx("div", { className: b('container'), children: children })] }));
 };
 export default BackgroundImage;
+//# sourceMappingURL=BackgroundImage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BackgroundImage.js","sourceRoot":"../../../../src","sources":["components/BackgroundImage/BackgroundImage.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAC,KAAK,EAAE,eAAe,EAAC,6BAAoB;AACnD,OAAO,KAAK,0BAAuB;AAEnC,OAAO,uBAAuB,CAAC;AAE/B,MAAM,CAAC,MAAM,aAAa,GAAG,kBAAkB,CAAC;AAEhD,MAAM,CAAC,GAAG,KAAK,CAAC,0BAA0B,CAAC,CAAC;AAE5C,MAAM,eAAe,GAAG,CAAC,KAAoD,EAAE,EAAE;IAC7E,MAAM,EAAC,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAC,GAAG,KAAK,CAAC;IACnF,MAAM,YAAY,GAAG,eAAe,CAAC,EAAE,IAAI,aAAa,CAAC,CAAC;IAE1D,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,aAAW,EAAE,IAAI,aAAa,aACzE,CAAC,GAAG,IAAI,OAAO,CAAC,IAAI,CAAC,IAAI,IAAI,CAC1B,KAAC,KAAK,oBAAK,KAAK,IAAE,SAAS,EAAE,CAAC,CAAC,KAAK,EAAE,cAAc,CAAC,EAAE,EAAE,EAAE,YAAY,CAAC,KAAK,IAAI,CACpF,EACA,QAAQ,IAAI,cAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,YAAG,QAAQ,GAAO,IAC3D,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {BackgroundImageProps} from '../../models';\nimport {block, getQaAttrubutes} from '../../utils';\nimport Image from '../Image/Image';\n\nimport './BackgroundImage.scss';\n\nexport const qaIdByDefault = 'background-image';\n\nconst b = block('storage-background-image');\n\nconst BackgroundImage = (props: React.PropsWithChildren<BackgroundImageProps>) => {\n    const {children, src, desktop, className, imageClassName, style, hide, qa} = props;\n    const qaAttributes = getQaAttrubutes(qa || qaIdByDefault);\n\n    return (\n        <div className={b(null, className)} style={style} data-qa={qa || qaIdByDefault}>\n            {(src || desktop) && !hide && (\n                <Image {...props} className={b('img', imageClassName)} qa={qaAttributes.image} />\n            )}\n            {children && <div className={b('container')}>{children}</div>}\n        </div>\n    );\n};\n\nexport default BackgroundImage;\n"]}

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

@@ -1,4 +1,4 @@
-import { BackgroundMediaProps } from '../../models';
+import { BackgroundMediaProps } from "../../models/index.js";
 import './BackgroundMedia.css';
-declare const BackgroundMedia: ({ className, color, animated, parallax, video, mediaClassName, fullWidthMedia, qa, ...props }: BackgroundMediaProps) => JSX.Element;
+declare const BackgroundMedia: ({ className, color, animated, parallax, video, mediaClassName, fullWidthMedia, qa, ...props }: BackgroundMediaProps) => import("react/jsx-runtime").JSX.Element;
 export default BackgroundMedia;

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

@@ -1,17 +1,20 @@
 import { __rest } from "tslib";
-import React, { useContext } from 'react';
-import { MobileContext } from '../../context/mobileContext';
-import { block, getQaAttrubutes } from '../../utils';
-import AnimateBlock from '../AnimateBlock/AnimateBlock';
-import Media from '../Media/Media';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { MobileContext } from "../../context/mobileContext/index.js";
+import { block, getQaAttrubutes } from "../../utils/index.js";
+import AnimateBlock from "../AnimateBlock/AnimateBlock.js";
+import Media from "../Media/Media.js";
 import './BackgroundMedia.css';
 const b = block('BackgroundMedia');
 const BackgroundMedia = (_a) => {
     var { className, color, animated, parallax = true, video, mediaClassName, fullWidthMedia, qa } = _a, props = __rest(_a, ["className", "color", "animated", "parallax", "video", "mediaClassName", "fullWidthMedia", "qa"]);
-    const isMobile = useContext(MobileContext);
+    const isMobile = React.useContext(MobileContext);
     const qaAttributes = getQaAttrubutes(qa, 'media');
-    return (React.createElement(AnimateBlock, { className: b(null, className), style: { backgroundColor: color }, animate: animated, qa: qaAttributes.animate },
-        React.createElement(Media, Object.assign({ className: b('media', { 'full-width-media': fullWidthMedia }, mediaClassName), imageClassName: b('image'), videoClassName: b('video'), isBackground: true, qa: qaAttributes.media }, Object.assign({ height: 720, color,
-            parallax, video: isMobile ? undefined : video }, props)))));
+    return (_jsx(AnimateBlock, { className: b(null, className), style: { backgroundColor: color }, animate: animated, qa: qaAttributes.animate, children: _jsx(Media, Object.assign({ className: b('media', { 'full-width-media': fullWidthMedia }, mediaClassName), imageClassName: b('image'), videoClassName: b('video'), isBackground: true, qa: qaAttributes.media, height: 720,
+            color,
+            parallax,
+            video: isMobile ? undefined : video }, props)) }));
 };
 export default BackgroundMedia;
+//# sourceMappingURL=BackgroundMedia.js.map

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

@@ -0,0 +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,EAUF,EAAE,EAAE;QAVF,EACrB,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,GAAG,IAAI,EACf,KAAK,EACL,cAAc,EACd,cAAc,EACd,EAAE,OAEiB,EADhB,KAAK,cATa,iGAUxB,CADW;IAER,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,kBACF,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,IAChC,KAAK,EAEd,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"]}

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

@@ -1,13 +1,13 @@
-import React, { ReactNode } from 'react';
-import { QAProps } from '../../models';
+import * as React from 'react';
+import { QAProps } from "../../models/index.js";
 import './BalancedMasonry.css';
 export interface BalancedMasonryProps extends QAProps {
     className: string;
     columnClassName: string;
-    children: ReactNode[];
+    children: React.ReactNode[];
     breakpointCols: {
         [key: number]: number;
     };
 }
-declare const BalancedMasonry: (props: React.PropsWithChildren<BalancedMasonryProps>) => JSX.Element;
+declare const BalancedMasonry: (props: React.PropsWithChildren<BalancedMasonryProps>) => import("react/jsx-runtime").JSX.Element;
 export default BalancedMasonry;

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

@@ -1,16 +1,17 @@
-import React, { useCallback, useContext, useEffect, useRef, useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
 import debounce from 'lodash/debounce';
 import first from 'lodash/first';
 import minBy from 'lodash/minBy';
-import { SSRContext } from '../../context/ssrContext';
-import { block, getQaAttrubutes } from '../../utils';
+import { SSRContext } from "../../context/ssrContext/index.js";
+import { block, getQaAttrubutes } from "../../utils/index.js";
 import './BalancedMasonry.css';
 const b = block('BalancedMasonry');
 const BalancedMasonry = (props) => {
     const { className, columnClassName, children = [], breakpointCols, qa } = props;
     const qaAttributes = getQaAttrubutes(qa, 'column');
-    const { isServer } = useContext(SSRContext);
-    const getCurrentColumnsCount = useCallback(() => {
+    const { isServer } = React.useContext(SSRContext);
+    const getCurrentColumnsCount = React.useCallback(() => {
         const breakpoints = Object.entries(breakpointCols).sort(([firstBreakpoint], [secondBreakpoint]) => {
             return Number(secondBreakpoint) - Number(firstBreakpoint);
         });
@@ -27,11 +28,11 @@ const BalancedMasonry = (props) => {
         }
         return result;
     }, [breakpointCols, isServer]);
-    const [columnCount, setColumnCount] = useState(getCurrentColumnsCount());
-    const [columns, setColumns] = useState([]);
-    const containerRef = useRef(null);
+    const [columnCount, setColumnCount] = React.useState(getCurrentColumnsCount());
+    const [columns, setColumns] = React.useState([]);
+    const containerRef = React.useRef(null);
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    const balanceColumns = useCallback(debounce(() => {
+    const balanceColumns = React.useCallback(debounce(() => {
         if (!containerRef.current) {
             return;
         }
@@ -53,15 +54,15 @@ const BalancedMasonry = (props) => {
         }
         setColumns(localColumns);
     }, 300), [children, columnCount]);
-    useEffect(() => {
+    React.useEffect(() => {
         balanceColumns();
     }, [balanceColumns, children, columnCount]);
-    useEffect(() => {
+    React.useEffect(() => {
         const updateColumnCounter = () => setColumnCount(getCurrentColumnsCount());
         window.addEventListener('resize', updateColumnCounter, { passive: true });
         return () => window.removeEventListener('resize', updateColumnCounter);
     }, [setColumnCount, columns, getCurrentColumnsCount]);
-    useEffect(() => {
+    React.useEffect(() => {
         const currentRef = containerRef.current;
         const isResizeEventsSupported = 'ResizeObserver' in window;
         if (!currentRef || !isResizeEventsSupported) {
@@ -77,9 +78,7 @@ const BalancedMasonry = (props) => {
         }
         return () => observer.disconnect();
     }, [balanceColumns, children]);
-    return (React.createElement("div", { className: b(null, className), "data-qa": qa },
-        React.createElement("div", { className: b('hidden-container'), style: { width: `${100 / columnCount}%` } },
-            React.createElement("div", { ref: containerRef, className: b('hidden-list') }, children)),
-        columns.map((columnElements, index) => (React.createElement("div", { key: index, className: columnClassName, style: { width: `${100 / columnCount}%` }, "data-qa": qaAttributes.column }, columnElements)))));
+    return (_jsxs("div", { className: b(null, className), "data-qa": qa, children: [_jsx("div", { className: b('hidden-container'), style: { width: `${100 / columnCount}%` }, children: _jsx("div", { ref: containerRef, className: b('hidden-list'), children: children }) }), columns.map((columnElements, index) => (_jsx("div", { className: columnClassName, style: { width: `${100 / columnCount}%` }, "data-qa": qaAttributes.column, children: columnElements }, index)))] }));
 };
 export default BalancedMasonry;
+//# sourceMappingURL=BalancedMasonry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BalancedMasonry.js","sourceRoot":"../../../../src","sources":["components/BalancedMasonry/BalancedMasonry.tsx"],"names":[],"mappings":"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","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"]}

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

@@ -1,6 +1,6 @@
-import { PropsWithChildren } from 'react';
-import { BlockBaseProps, ClassNameProps, QAProps } from '../../models';
+import * as React from 'react';
+import { BlockBaseProps, ClassNameProps, QAProps } from "../../models/index.js";
 import './BlockBase.css';
-export type BlockBaseFullProps = BlockBaseProps & ClassNameProps & PropsWithChildren & QAProps;
-declare const BlockBase: (props: BlockBaseFullProps) => JSX.Element;
+export type BlockBaseFullProps = BlockBaseProps & ClassNameProps & React.PropsWithChildren & QAProps;
+declare const BlockBase: (props: BlockBaseFullProps) => import("react/jsx-runtime").JSX.Element;
 export default BlockBase;

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

@@ -1,14 +1,13 @@
-import React from 'react';
-import { Col } from '../../grid';
-import { block } from '../../utils';
-import Anchor from '../Anchor/Anchor';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Col } from "../../grid/index.js";
+import { block } from "../../utils/index.js";
+import Anchor from "../Anchor/Anchor.js";
 import './BlockBase.css';
 const b = block('block-base');
 const BlockBase = (props) => {
     const { anchor, indent, visible, children, className, resetPaddings, qa } = props;
     const { top, bottom } = indent || (resetPaddings ? { top: '0', bottom: '0' } : { top: 'l', bottom: 'l' });
-    return (React.createElement(Col, { className: b({ ['reset-paddings']: resetPaddings, indentTop: top, indentBottom: bottom }, className), visible: visible, reset: true, qa: qa },
-        anchor && React.createElement(Anchor, { id: anchor.url, className: b('anchor') }),
-        children));
+    return (_jsxs(Col, { className: b({ ['reset-paddings']: resetPaddings, indentTop: top, indentBottom: bottom }, className), visible: visible, reset: true, qa: qa, children: [anchor && _jsx(Anchor, { id: anchor.url, className: b('anchor') }), children] }));
 };
 export default BlockBase;
+//# sourceMappingURL=BlockBase.js.map

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

@@ -0,0 +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"]}

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

@@ -1,4 +1,4 @@
-import type { ClassNameProps } from '../../models';
+import type { ClassNameProps } from "../../models/index.js";
 import './BrandFooter.css';
-declare const BrandFooter: ({ className }: ClassNameProps) => JSX.Element;
+declare const BrandFooter: ({ className }: ClassNameProps) => import("react/jsx-runtime").JSX.Element;
 export default BrandFooter;

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

@@ -1,21 +1,17 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Link } from '@gravity-ui/uikit';
-import { useTheme } from '../../context/theme';
-import { BrandIconDark } from '../../icons/BrandIconDark';
-import { BrandIconLight } from '../../icons/BrandIconLight';
-import { BrandName } from '../../icons/BrandName';
-import { Theme } from '../../models';
-import { block } from '../../utils';
-import { i18n } from './i18n';
+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 { Theme } from "../../models/index.js";
+import { block } from "../../utils/index.js";
+import { i18n } from "./i18n/index.js";
 import './BrandFooter.css';
 const b = block('brand-footer');
 const BrandFooter = ({ className }) => {
     const theme = useTheme();
-    return (React.createElement(Link, { className: b({ theme }, className), href: "https://gravity-ui.com" },
-        React.createElement("div", { className: b('content') },
-            React.createElement("span", { className: b('text') }, i18n('created-on')),
-            React.createElement("div", { className: b('brand-icon') }, theme === Theme.Light ? React.createElement(BrandIconLight, null) : React.createElement(BrandIconDark, null)),
-            React.createElement("div", { className: b('brand-name') },
-                React.createElement(BrandName, null)))));
+    return (_jsx(Link, { className: b({ theme }, className), href: "https://gravity-ui.com", children: _jsxs("div", { className: b('content'), children: [_jsx("span", { className: b('text'), children: i18n('created-on') }), _jsx("div", { className: b('brand-icon'), children: theme === Theme.Light ? _jsx(BrandIconLight, {}) : _jsx(BrandIconDark, {}) }), _jsx("div", { className: b('brand-name'), children: _jsx(BrandName, {}) })] }) }));
 };
 export default BrandFooter;
+//# sourceMappingURL=BrandFooter.js.map

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

@@ -0,0 +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,eAAM,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAG,IAAI,CAAC,YAAY,CAAC,GAAQ,EACvD,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 className={b('text')}>{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 +1,5 @@
-export declare const i18n: (key: "created-on", params?: import("@gravity-ui/i18n").Params | undefined) => string;
+export declare const i18n: ((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/BrandFooter/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}BrandFooter`);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["components/BrandFooter/i18n/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAC,MAAM,wBAAwB,CAAC;AAE3D,OAAO,EAAC,SAAS,EAAC,6BAA0B;AAE5C,OAAO,EAAE,kBAAkB;AAC3B,OAAO,EAAE,kBAAkB;AAE3B,MAAM,CAAC,MAAM,IAAI,GAAG,mBAAmB,CAAC,EAAC,EAAE,EAAE,EAAE,EAAC,EAAE,GAAG,SAAS,aAAa,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}BrandFooter`);\n"]}

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

@@ -1,10 +1,10 @@
-import React from 'react';
-import { ButtonProps as ButtonParams, QAProps } from '../../models';
+import * as React from 'react';
+import { ButtonProps as ButtonParams, QAProps } from "../../models/index.js";
 import './Button.css';
 export interface ButtonProps extends Omit<ButtonParams, 'url'>, QAProps {
     className?: string;
     url?: string;
     onClick?: React.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>;
 }
-declare const Button: (props: ButtonProps) => JSX.Element;
+declare const Button: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default Button;

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

@@ -1,22 +1,24 @@
 import { __rest } from "tslib";
-import React, { useCallback, useContext } from 'react';
+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';
-import { useAnalytics } from '../../hooks';
-import { Github } from '../../icons';
-import { DefaultEventNames } from '../../models';
-import { block, setUrlTld } from '../../utils';
-import { i18n } from './i18n';
-import { ICON_QA, toCommonSize, toCommonView } from './utils';
+import { LocaleContext } from "../../context/localeContext/localeContext.js";
+import { useAnalytics } from "../../hooks/index.js";
+import { Github } from "../../icons/index.js";
+import { DefaultEventNames } from "../../models/index.js";
+import { block, setUrlTld } from "../../utils/index.js";
+import { i18n } from "./i18n/index.js";
+import { ICON_QA, toCommonSize, toCommonView } from "./utils.js";
 import './Button.css';
 const b = block('button-block');
+// eslint-disable-next-line complexity
 const Button = (props) => {
-    const { tld } = useContext(LocaleContext);
+    const { tld } = React.useContext(LocaleContext);
     const { className, analyticsEvents, size = 'l', theme = 'normal', url, urlTitle, img, onClick: onClickOrigin, text, width } = props, rest = __rest(props, ["className", "analyticsEvents", "size", "theme", "url", "urlTitle", "img", "onClick", "text", "width"]);
     const defaultImgPosition = 'left';
     const handleAnalytics = useAnalytics(DefaultEventNames.Button, url);
-    const onClick = useCallback((e) => {
+    const onClick = React.useCallback((e) => {
         handleAnalytics(analyticsEvents);
         if (onClickOrigin) {
             onClickOrigin(e);
@@ -32,21 +34,17 @@ const Button = (props) => {
     const buttonProps = Object.assign(Object.assign({}, rest), { onClick });
     if (theme === 'app-store' || theme === 'google-play') {
         const platform = theme === 'app-store' ? Platform.IOS : Platform.ANDROID;
-        return React.createElement(StoreBadge, { className: buttonClass, platform: platform, href: url });
+        return _jsx(StoreBadge, { className: buttonClass, platform: platform, href: url });
     }
     let icon;
-    let image = img && (React.createElement("img", { className: b('image'), src: buttonImg.url, alt: buttonImg.alt || i18n('image-alt') }));
+    let image = img && (_jsx("img", { className: b('image'), src: buttonImg.url, alt: buttonImg.alt || i18n('image-alt') }));
     if (theme === 'github') {
-        icon = React.createElement(Icon, { className: b('icon'), data: Github, size: 24, qa: ICON_QA });
+        icon = _jsx(Icon, { className: b('icon'), data: Github, size: 24, qa: ICON_QA });
         image = undefined;
     }
     const buttonTheme = theme === 'scale' ? 'accent' : theme;
-    return (React.createElement(CommonButton, Object.assign({ className: buttonClass, view: toCommonView(buttonTheme), size: toCommonSize(size), href: url ? setUrlTld(url, tld) : undefined, title: urlTitle, width: width }, buttonProps),
-        icon && buttonImg.position === 'left' ? icon : null,
-        React.createElement("span", { className: b('content') },
-            image && buttonImg.position === 'left' ? image : null,
-            React.createElement("span", { className: b('text') }, text),
-            image && buttonImg.position === 'right' ? image : null),
-        icon && buttonImg.position === 'right' ? icon : null));
+    const buttonComponent = url ? 'a' : 'button';
+    return (_jsxs(CommonButton, Object.assign({ className: buttonClass, view: toCommonView(buttonTheme), size: toCommonSize(size), href: url ? setUrlTld(url, tld) : undefined, title: urlTitle, width: width, component: buttonComponent }, buttonProps, { children: [icon && buttonImg.position === 'left' ? icon : null, _jsxs("span", { className: b('content'), children: [image && buttonImg.position === 'left' ? image : null, _jsx("span", { className: b('text'), children: text }), image && buttonImg.position === 'right' ? image : null] }), icon && buttonImg.position === 'right' ? icon : null] })));
 };
 export default Button;
+//# sourceMappingURL=Button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"../../../../src","sources":["components/Button/Button.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {StoreBadge} from '@gravity-ui/components';\nimport {Button as CommonButton, Icon, Platform} from '@gravity-ui/uikit';\n\nimport {LocaleContext} from '../../context/localeContext/localeContext';\nimport {useAnalytics} from '../../hooks';\nimport {Github} from '../../icons';\nimport {ButtonProps as ButtonParams, DefaultEventNames, QAProps} from '../../models';\nimport {block, setUrlTld} from '../../utils';\n\nimport {i18n} from './i18n';\nimport {ICON_QA, OldButtonSize, OldButtonTheme, toCommonSize, toCommonView} from './utils';\n\nimport './Button.scss';\n\nexport interface ButtonProps extends Omit<ButtonParams, 'url'>, QAProps {\n    className?: string;\n    url?: string;\n    onClick?: React.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>;\n}\n\nconst b = block('button-block');\n\n// eslint-disable-next-line complexity\nconst Button = (props: ButtonProps) => {\n    const {tld} = React.useContext(LocaleContext);\n    const {\n        className,\n        analyticsEvents,\n        size = 'l',\n        theme = 'normal',\n        url,\n        urlTitle,\n        img,\n        onClick: onClickOrigin,\n        text,\n        width,\n        ...rest\n    } = props;\n    const defaultImgPosition = 'left';\n    const handleAnalytics = useAnalytics(DefaultEventNames.Button, url);\n    const onClick = React.useCallback(\n        (e: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => {\n            handleAnalytics(analyticsEvents);\n\n            if (onClickOrigin) {\n                onClickOrigin(e);\n            }\n        },\n        [handleAnalytics, analyticsEvents, onClickOrigin],\n    );\n\n    const buttonModifiers = {size, theme, width};\n\n    const buttonImg =\n        img instanceof Object\n            ? {url: img.url, position: img.position || defaultImgPosition, alt: img.alt}\n            : {url: img, position: defaultImgPosition};\n\n    const buttonClass = img\n        ? b({position: buttonImg.position, ...buttonModifiers}, className)\n        : b({...buttonModifiers}, className);\n\n    const buttonProps = {\n        ...rest,\n        onClick,\n    };\n\n    if (theme === 'app-store' || theme === 'google-play') {\n        const platform = theme === 'app-store' ? Platform.IOS : Platform.ANDROID;\n\n        return <StoreBadge className={buttonClass} platform={platform} href={url as string} />;\n    }\n\n    let icon;\n    let image = img && (\n        <img className={b('image')} src={buttonImg.url} alt={buttonImg.alt || i18n('image-alt')} />\n    );\n\n    if (theme === 'github') {\n        icon = <Icon className={b('icon')} data={Github} size={24} qa={ICON_QA} />;\n        image = undefined;\n    }\n\n    const buttonTheme = theme === 'scale' ? 'accent' : theme;\n\n    const buttonComponent = url ? 'a' : 'button';\n\n    return (\n        <CommonButton\n            className={buttonClass}\n            view={toCommonView(buttonTheme as OldButtonTheme)}\n            size={toCommonSize(size as OldButtonSize)}\n            href={url ? setUrlTld(url, tld) : undefined}\n            title={urlTitle}\n            width={width}\n            component={buttonComponent}\n            {...buttonProps}\n        >\n            {icon && buttonImg.position === 'left' ? icon : null}\n            <span className={b('content')}>\n                {image && buttonImg.position === 'left' ? image : null}\n                <span className={b('text')}>{text}</span>\n                {image && buttonImg.position === 'right' ? image : null}\n            </span>\n            {icon && buttonImg.position === 'right' ? icon : null}\n        </CommonButton>\n    );\n};\n\nexport default Button;\n"]}

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

@@ -1 +1,5 @@
-export declare const i18n: (key: "image-alt", params?: import("@gravity-ui/i18n").Params | undefined) => string;
+export declare const i18n: ((key: "image-alt", params?: import("@gravity-ui/i18n").Params) => string) & {
+    keysetData: {
+        "pc-Button": Record<"image-alt", import("@gravity-ui/i18n").KeyData>;
+    };
+};

package/build/esm/components/Button/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}Button`);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["components/Button/i18n/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAC,MAAM,wBAAwB,CAAC;AAE3D,OAAO,EAAC,SAAS,EAAC,6BAA0B;AAE5C,OAAO,EAAE,kBAAkB;AAC3B,OAAO,EAAE,kBAAkB;AAE3B,MAAM,CAAC,MAAM,IAAI,GAAG,mBAAmB,CAAC,EAAC,EAAE,EAAE,EAAE,EAAC,EAAE,GAAG,SAAS,QAAQ,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}Button`);\n"]}

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

@@ -1,6 +1,6 @@
-import { ButtonSize, ButtonView } from '@gravity-ui/uikit';
+import { ButtonSize } from '@gravity-ui/uikit';
 export declare const ICON_QA = "button-icon";
 export type OldButtonTheme = 'normal' | 'action' | 'flat' | 'light' | 'clear' | 'raised' | 'pseudo' | 'link' | 'accent' | 'websearch' | 'flat-special' | 'normal-special' | 'normal-dark' | 'pseudo-special';
 export type OldButtonSize = 'xs' | 'ns' | 's' | 'm' | 'l' | 'n' | 'head' | 'promo';
-export declare const toCommonView: (theme: OldButtonTheme) => ButtonView;
+export declare const toCommonView: (theme: OldButtonTheme) => "normal" | "action" | "outlined" | "outlined-info" | "outlined-success" | "outlined-warning" | "outlined-danger" | "outlined-utility" | "outlined-action" | "raised" | "flat" | "flat-secondary" | "flat-info" | "flat-success" | "flat-warning" | "flat-danger" | "flat-utility" | "flat-action" | "normal-contrast" | "outlined-contrast" | "flat-contrast";
 export declare const toCommonSize: (size: OldButtonSize) => ButtonSize;

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

@@ -27,3 +27,4 @@ const sizeMap = {
 };
 export const toCommonView = (theme) => { var _a; return (_a = themeMap[theme]) !== null && _a !== void 0 ? _a : theme; };
 export const toCommonSize = (size) => { var _a; return (_a = sizeMap[size]) !== null && _a !== void 0 ? _a : size; };
+//# sourceMappingURL=utils.js.map