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

package/build/cjs/components/BackgroundImage/BackgroundImage.js

@@ -2,16 +2,15 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.qaIdByDefault = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const utils_1 = require("../../utils");
-const Image_1 = tslib_1.__importDefault(require("../Image/Image"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const utils_1 = require("../../utils/index.js");
+const Image_1 = tslib_1.__importDefault(require("../Image/Image.js"));
 exports.qaIdByDefault = 'background-image';
 const b = (0, utils_1.block)('storage-background-image');
 const BackgroundImage = (props) => {
     const { children, src, desktop, className, imageClassName, style, hide, qa } = props;
     const qaAttributes = (0, utils_1.getQaAttrubutes)(qa || exports.qaIdByDefault);
-    return (react_1.default.createElement("div", { className: b(null, className), style: style, "data-qa": qa || exports.qaIdByDefault },
-        (src || desktop) && !hide && (react_1.default.createElement(Image_1.default, Object.assign({}, props, { className: b('img', imageClassName), qa: qaAttributes.image }))),
-        children && react_1.default.createElement("div", { className: b('container') }, children)));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: b(null, className), style: style, "data-qa": qa || exports.qaIdByDefault, children: [(src || desktop) && !hide && ((0, jsx_runtime_1.jsx)(Image_1.default, Object.assign({}, props, { className: b('img', imageClassName), qa: qaAttributes.image }))), children && (0, jsx_runtime_1.jsx)("div", { className: b('container'), children: children })] }));
 };
 exports.default = BackgroundImage;
+//# sourceMappingURL=BackgroundImage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BackgroundImage.js","sourceRoot":"../../../../src","sources":["components/BackgroundImage/BackgroundImage.tsx"],"names":[],"mappings":";;;;;AAGA,gDAAmD;AACnD,sEAAmC;AAItB,QAAA,aAAa,GAAG,kBAAkB,CAAC;AAEhD,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,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,IAAA,uBAAe,EAAC,EAAE,IAAI,qBAAa,CAAC,CAAC;IAE1D,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,aAAW,EAAE,IAAI,qBAAa,aACzE,CAAC,GAAG,IAAI,OAAO,CAAC,IAAI,CAAC,IAAI,IAAI,CAC1B,uBAAC,eAAK,oBAAK,KAAK,IAAE,SAAS,EAAE,CAAC,CAAC,KAAK,EAAE,cAAc,CAAC,EAAE,EAAE,EAAE,YAAY,CAAC,KAAK,IAAI,CACpF,EACA,QAAQ,IAAI,gCAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,YAAG,QAAQ,GAAO,IAC3D,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,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/cjs/components/BackgroundMedia/BackgroundMedia.d.ts

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

package/build/cjs/components/BackgroundMedia/BackgroundMedia.js

@@ -1,18 +1,21 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
-const mobileContext_1 = require("../../context/mobileContext");
-const utils_1 = require("../../utils");
-const AnimateBlock_1 = tslib_1.__importDefault(require("../AnimateBlock/AnimateBlock"));
-const Media_1 = tslib_1.__importDefault(require("../Media/Media"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
+const mobileContext_1 = require("../../context/mobileContext/index.js");
+const utils_1 = require("../../utils/index.js");
+const AnimateBlock_1 = tslib_1.__importDefault(require("../AnimateBlock/AnimateBlock.js"));
+const Media_1 = tslib_1.__importDefault(require("../Media/Media.js"));
 const b = (0, utils_1.block)('BackgroundMedia');
 const BackgroundMedia = (_a) => {
     var { className, color, animated, parallax = true, video, mediaClassName, fullWidthMedia, qa } = _a, props = tslib_1.__rest(_a, ["className", "color", "animated", "parallax", "video", "mediaClassName", "fullWidthMedia", "qa"]);
-    const isMobile = (0, react_1.useContext)(mobileContext_1.MobileContext);
+    const isMobile = React.useContext(mobileContext_1.MobileContext);
     const qaAttributes = (0, utils_1.getQaAttrubutes)(qa, 'media');
-    return (react_1.default.createElement(AnimateBlock_1.default, { className: b(null, className), style: { backgroundColor: color }, animate: animated, qa: qaAttributes.animate },
-        react_1.default.createElement(Media_1.default, 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 ((0, jsx_runtime_1.jsx)(AnimateBlock_1.default, { className: b(null, className), style: { backgroundColor: color }, animate: animated, qa: qaAttributes.animate, children: (0, jsx_runtime_1.jsx)(Media_1.default, 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)) }));
 };
 exports.default = BackgroundMedia;
+//# sourceMappingURL=BackgroundMedia.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BackgroundMedia.js","sourceRoot":"../../../../src","sources":["components/BackgroundMedia/BackgroundMedia.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,wEAA0D;AAE1D,gDAAmD;AACnD,2FAAwD;AACxD,sEAAmC;AAInC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,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,sBATa,iGAUxB,CADW;IAER,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,6BAAa,CAAC,CAAC;IACjD,MAAM,YAAY,GAAG,IAAA,uBAAe,EAAC,EAAE,EAAE,OAAO,CAAC,CAAC;IAElD,OAAO,CACH,uBAAC,sBAAY,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,uBAAC,eAAK,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,kBAAe,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/cjs/components/BalancedMasonry/BalancedMasonry.d.ts

@@ -1,12 +1,12 @@
-import React, { ReactNode } from 'react';
-import { QAProps } from '../../models';
+import * as React from 'react';
+import { QAProps } from "../../models/index.js";
 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/cjs/components/BalancedMasonry/BalancedMasonry.js

@@ -1,18 +1,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
 const debounce_1 = tslib_1.__importDefault(require("lodash/debounce"));
 const first_1 = tslib_1.__importDefault(require("lodash/first"));
 const minBy_1 = tslib_1.__importDefault(require("lodash/minBy"));
-const ssrContext_1 = require("../../context/ssrContext");
-const utils_1 = require("../../utils");
+const ssrContext_1 = require("../../context/ssrContext/index.js");
+const utils_1 = require("../../utils/index.js");
 const b = (0, utils_1.block)('BalancedMasonry');
 const BalancedMasonry = (props) => {
     const { className, columnClassName, children = [], breakpointCols, qa } = props;
     const qaAttributes = (0, utils_1.getQaAttrubutes)(qa, 'column');
-    const { isServer } = (0, react_1.useContext)(ssrContext_1.SSRContext);
-    const getCurrentColumnsCount = (0, react_1.useCallback)(() => {
+    const { isServer } = React.useContext(ssrContext_1.SSRContext);
+    const getCurrentColumnsCount = React.useCallback(() => {
         const breakpoints = Object.entries(breakpointCols).sort(([firstBreakpoint], [secondBreakpoint]) => {
             return Number(secondBreakpoint) - Number(firstBreakpoint);
         });
@@ -29,11 +30,11 @@ const BalancedMasonry = (props) => {
         }
         return result;
     }, [breakpointCols, isServer]);
-    const [columnCount, setColumnCount] = (0, react_1.useState)(getCurrentColumnsCount());
-    const [columns, setColumns] = (0, react_1.useState)([]);
-    const containerRef = (0, react_1.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 = (0, react_1.useCallback)((0, debounce_1.default)(() => {
+    const balanceColumns = React.useCallback((0, debounce_1.default)(() => {
         if (!containerRef.current) {
             return;
         }
@@ -55,15 +56,15 @@ const BalancedMasonry = (props) => {
         }
         setColumns(localColumns);
     }, 300), [children, columnCount]);
-    (0, react_1.useEffect)(() => {
+    React.useEffect(() => {
         balanceColumns();
     }, [balanceColumns, children, columnCount]);
-    (0, react_1.useEffect)(() => {
+    React.useEffect(() => {
         const updateColumnCounter = () => setColumnCount(getCurrentColumnsCount());
         window.addEventListener('resize', updateColumnCounter, { passive: true });
         return () => window.removeEventListener('resize', updateColumnCounter);
     }, [setColumnCount, columns, getCurrentColumnsCount]);
-    (0, react_1.useEffect)(() => {
+    React.useEffect(() => {
         const currentRef = containerRef.current;
         const isResizeEventsSupported = 'ResizeObserver' in window;
         if (!currentRef || !isResizeEventsSupported) {
@@ -79,9 +80,7 @@ const BalancedMasonry = (props) => {
         }
         return () => observer.disconnect();
     }, [balanceColumns, children]);
-    return (react_1.default.createElement("div", { className: b(null, className), "data-qa": qa },
-        react_1.default.createElement("div", { className: b('hidden-container'), style: { width: `${100 / columnCount}%` } },
-            react_1.default.createElement("div", { ref: containerRef, className: b('hidden-list') }, children)),
-        columns.map((columnElements, index) => (react_1.default.createElement("div", { key: index, className: columnClassName, style: { width: `${100 / columnCount}%` }, "data-qa": qaAttributes.column }, columnElements)))));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: b(null, className), "data-qa": qa, children: [(0, jsx_runtime_1.jsx)("div", { className: b('hidden-container'), style: { width: `${100 / columnCount}%` }, children: (0, jsx_runtime_1.jsx)("div", { ref: containerRef, className: b('hidden-list'), children: children }) }), columns.map((columnElements, index) => ((0, jsx_runtime_1.jsx)("div", { className: columnClassName, style: { width: `${100 / columnCount}%` }, "data-qa": qaAttributes.column, children: columnElements }, index)))] }));
 };
 exports.default = BalancedMasonry;
+//# sourceMappingURL=BalancedMasonry.js.map

package/build/cjs/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/cjs/components/BlockBase/BlockBase.d.ts

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

package/build/cjs/components/BlockBase/BlockBase.js

@@ -1,16 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const grid_1 = require("../../grid");
-const utils_1 = require("../../utils");
-const Anchor_1 = tslib_1.__importDefault(require("../Anchor/Anchor"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const grid_1 = require("../../grid/index.js");
+const utils_1 = require("../../utils/index.js");
+const Anchor_1 = tslib_1.__importDefault(require("../Anchor/Anchor.js"));
 const b = (0, utils_1.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_1.default.createElement(grid_1.Col, { className: b({ ['reset-paddings']: resetPaddings, indentTop: top, indentBottom: bottom }, className), visible: visible, reset: true, qa: qa },
-        anchor && react_1.default.createElement(Anchor_1.default, { id: anchor.url, className: b('anchor') }),
-        children));
+    return ((0, jsx_runtime_1.jsxs)(grid_1.Col, { className: b({ ['reset-paddings']: resetPaddings, indentTop: top, indentBottom: bottom }, className), visible: visible, reset: true, qa: qa, children: [anchor && (0, jsx_runtime_1.jsx)(Anchor_1.default, { id: anchor.url, className: b('anchor') }), children] }));
 };
 exports.default = BlockBase;
+//# sourceMappingURL=BlockBase.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BlockBase.js","sourceRoot":"../../../../src","sources":["components/BlockBase/BlockBase.tsx"],"names":[],"mappings":";;;;AAEA,8CAA+B;AAE/B,gDAAkC;AAClC,yEAAsC;AAItC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,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,wBAAC,UAAG,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,uBAAC,gBAAM,IAAC,EAAE,EAAE,MAAM,CAAC,GAAG,EAAE,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,GAAI,EAC5D,QAAQ,IACP,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,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/cjs/components/BrandFooter/BrandFooter.d.ts

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

package/build/cjs/components/BrandFooter/BrandFooter.js

@@ -1,23 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const uikit_1 = require("@gravity-ui/uikit");
-const theme_1 = require("../../context/theme");
-const BrandIconDark_1 = require("../../icons/BrandIconDark");
-const BrandIconLight_1 = require("../../icons/BrandIconLight");
-const BrandName_1 = require("../../icons/BrandName");
-const models_1 = require("../../models");
-const utils_1 = require("../../utils");
-const i18n_1 = require("./i18n");
+const theme_1 = require("../../context/theme/index.js");
+const BrandIconDark_1 = require("../../icons/BrandIconDark.js");
+const BrandIconLight_1 = require("../../icons/BrandIconLight.js");
+const BrandName_1 = require("../../icons/BrandName.js");
+const models_1 = require("../../models/index.js");
+const utils_1 = require("../../utils/index.js");
+const i18n_1 = require("./i18n/index.js");
 const b = (0, utils_1.block)('brand-footer');
 const BrandFooter = ({ className }) => {
     const theme = (0, theme_1.useTheme)();
-    return (react_1.default.createElement(uikit_1.Link, { className: b({ theme }, className), href: "https://gravity-ui.com" },
-        react_1.default.createElement("div", { className: b('content') },
-            react_1.default.createElement("span", { className: b('text') }, (0, i18n_1.i18n)('created-on')),
-            react_1.default.createElement("div", { className: b('brand-icon') }, theme === models_1.Theme.Light ? react_1.default.createElement(BrandIconLight_1.BrandIconLight, null) : react_1.default.createElement(BrandIconDark_1.BrandIconDark, null)),
-            react_1.default.createElement("div", { className: b('brand-name') },
-                react_1.default.createElement(BrandName_1.BrandName, null)))));
+    return ((0, jsx_runtime_1.jsx)(uikit_1.Link, { className: b({ theme }, className), href: "https://gravity-ui.com", children: (0, jsx_runtime_1.jsxs)("div", { className: b('content'), children: [(0, jsx_runtime_1.jsx)("span", { className: b('text'), children: (0, i18n_1.i18n)('created-on') }), (0, jsx_runtime_1.jsx)("div", { className: b('brand-icon'), children: theme === models_1.Theme.Light ? (0, jsx_runtime_1.jsx)(BrandIconLight_1.BrandIconLight, {}) : (0, jsx_runtime_1.jsx)(BrandIconDark_1.BrandIconDark, {}) }), (0, jsx_runtime_1.jsx)("div", { className: b('brand-name'), children: (0, jsx_runtime_1.jsx)(BrandName_1.BrandName, {}) })] }) }));
 };
 exports.default = BrandFooter;
+//# sourceMappingURL=BrandFooter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BrandFooter.js","sourceRoot":"../../../../src","sources":["components/BrandFooter/BrandFooter.tsx"],"names":[],"mappings":";;;AAAA,6CAAuC;AAEvC,wDAA6C;AAC7C,gEAAwD;AACxD,kEAA0D;AAC1D,wDAAgD;AAEhD,kDAAmC;AACnC,gDAAkC;AAElC,0CAA4B;AAI5B,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,cAAc,CAAC,CAAC;AAEhC,MAAM,WAAW,GAAG,CAAC,EAAC,SAAS,EAAiB,EAAE,EAAE;IAChD,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAEzB,OAAO,CACH,uBAAC,YAAI,IAAC,SAAS,EAAE,CAAC,CAAC,EAAC,KAAK,EAAC,EAAE,SAAS,CAAC,EAAE,IAAI,EAAC,wBAAwB,YACjE,iCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACxB,iCAAM,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAG,IAAA,WAAI,EAAC,YAAY,CAAC,GAAQ,EACvD,gCAAK,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,YAC1B,KAAK,KAAK,cAAK,CAAC,KAAK,CAAC,CAAC,CAAC,uBAAC,+BAAc,KAAG,CAAC,CAAC,CAAC,uBAAC,6BAAa,KAAG,GAC7D,EACN,gCAAK,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,YAC3B,uBAAC,qBAAS,KAAG,GACX,IACJ,GACH,CACV,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,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/cjs/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/cjs/components/BrandFooter/i18n/index.js

@@ -3,7 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.i18n = void 0;
 const tslib_1 = require("tslib");
 const i18n_1 = require("@gravity-ui/uikit/i18n");
-const cn_1 = require("../../../utils/cn");
+const cn_1 = require("../../../utils/cn.js");
 const en_json_1 = tslib_1.__importDefault(require("./en.json"));
 const ru_json_1 = tslib_1.__importDefault(require("./ru.json"));
 exports.i18n = (0, i18n_1.addComponentKeysets)({ en: en_json_1.default, ru: ru_json_1.default }, `${cn_1.NAMESPACE}BrandFooter`);
+//# sourceMappingURL=index.js.map

package/build/cjs/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,iDAA2D;AAE3D,6CAA4C;AAE5C,gEAA2B;AAC3B,gEAA2B;AAEd,QAAA,IAAI,GAAG,IAAA,0BAAmB,EAAC,EAAC,EAAE,EAAF,iBAAE,EAAE,EAAE,EAAF,iBAAE,EAAC,EAAE,GAAG,cAAS,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/cjs/components/Button/Button.d.ts

@@ -1,9 +1,9 @@
-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";
 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/cjs/components/Button/Button.js

@@ -1,23 +1,25 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
 const components_1 = require("@gravity-ui/components");
 const uikit_1 = require("@gravity-ui/uikit");
-const localeContext_1 = require("../../context/localeContext/localeContext");
-const hooks_1 = require("../../hooks");
-const icons_1 = require("../../icons");
-const models_1 = require("../../models");
-const utils_1 = require("../../utils");
-const i18n_1 = require("./i18n");
-const utils_2 = require("./utils");
+const localeContext_1 = require("../../context/localeContext/localeContext.js");
+const hooks_1 = require("../../hooks/index.js");
+const icons_1 = require("../../icons/index.js");
+const models_1 = require("../../models/index.js");
+const utils_1 = require("../../utils/index.js");
+const i18n_1 = require("./i18n/index.js");
+const utils_2 = require("./utils.js");
 const b = (0, utils_1.block)('button-block');
+// eslint-disable-next-line complexity
 const Button = (props) => {
-    const { tld } = (0, react_1.useContext)(localeContext_1.LocaleContext);
+    const { tld } = React.useContext(localeContext_1.LocaleContext);
     const { className, analyticsEvents, size = 'l', theme = 'normal', url, urlTitle, img, onClick: onClickOrigin, text, width } = props, rest = tslib_1.__rest(props, ["className", "analyticsEvents", "size", "theme", "url", "urlTitle", "img", "onClick", "text", "width"]);
     const defaultImgPosition = 'left';
     const handleAnalytics = (0, hooks_1.useAnalytics)(models_1.DefaultEventNames.Button, url);
-    const onClick = (0, react_1.useCallback)((e) => {
+    const onClick = React.useCallback((e) => {
         handleAnalytics(analyticsEvents);
         if (onClickOrigin) {
             onClickOrigin(e);
@@ -33,21 +35,17 @@ const Button = (props) => {
     const buttonProps = Object.assign(Object.assign({}, rest), { onClick });
     if (theme === 'app-store' || theme === 'google-play') {
         const platform = theme === 'app-store' ? uikit_1.Platform.IOS : uikit_1.Platform.ANDROID;
-        return react_1.default.createElement(components_1.StoreBadge, { className: buttonClass, platform: platform, href: url });
+        return (0, jsx_runtime_1.jsx)(components_1.StoreBadge, { className: buttonClass, platform: platform, href: url });
     }
     let icon;
-    let image = img && (react_1.default.createElement("img", { className: b('image'), src: buttonImg.url, alt: buttonImg.alt || (0, i18n_1.i18n)('image-alt') }));
+    let image = img && ((0, jsx_runtime_1.jsx)("img", { className: b('image'), src: buttonImg.url, alt: buttonImg.alt || (0, i18n_1.i18n)('image-alt') }));
     if (theme === 'github') {
-        icon = react_1.default.createElement(uikit_1.Icon, { className: b('icon'), data: icons_1.Github, size: 24, qa: utils_2.ICON_QA });
+        icon = (0, jsx_runtime_1.jsx)(uikit_1.Icon, { className: b('icon'), data: icons_1.Github, size: 24, qa: utils_2.ICON_QA });
         image = undefined;
     }
     const buttonTheme = theme === 'scale' ? 'accent' : theme;
-    return (react_1.default.createElement(uikit_1.Button, Object.assign({ className: buttonClass, view: (0, utils_2.toCommonView)(buttonTheme), size: (0, utils_2.toCommonSize)(size), href: url ? (0, utils_1.setUrlTld)(url, tld) : undefined, title: urlTitle, width: width }, buttonProps),
-        icon && buttonImg.position === 'left' ? icon : null,
-        react_1.default.createElement("span", { className: b('content') },
-            image && buttonImg.position === 'left' ? image : null,
-            react_1.default.createElement("span", { className: b('text') }, text),
-            image && buttonImg.position === 'right' ? image : null),
-        icon && buttonImg.position === 'right' ? icon : null));
+    const buttonComponent = url ? 'a' : 'button';
+    return ((0, jsx_runtime_1.jsxs)(uikit_1.Button, Object.assign({ className: buttonClass, view: (0, utils_2.toCommonView)(buttonTheme), size: (0, utils_2.toCommonSize)(size), href: url ? (0, utils_1.setUrlTld)(url, tld) : undefined, title: urlTitle, width: width, component: buttonComponent }, buttonProps, { children: [icon && buttonImg.position === 'left' ? icon : null, (0, jsx_runtime_1.jsxs)("span", { className: b('content'), children: [image && buttonImg.position === 'left' ? image : null, (0, jsx_runtime_1.jsx)("span", { className: b('text'), children: text }), image && buttonImg.position === 'right' ? image : null] }), icon && buttonImg.position === 'right' ? icon : null] })));
 };
 exports.default = Button;
+//# sourceMappingURL=Button.js.map

package/build/cjs/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/cjs/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/cjs/components/Button/i18n/index.js

@@ -3,7 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.i18n = void 0;
 const tslib_1 = require("tslib");
 const i18n_1 = require("@gravity-ui/uikit/i18n");
-const cn_1 = require("../../../utils/cn");
+const cn_1 = require("../../../utils/cn.js");
 const en_json_1 = tslib_1.__importDefault(require("./en.json"));
 const ru_json_1 = tslib_1.__importDefault(require("./ru.json"));
 exports.i18n = (0, i18n_1.addComponentKeysets)({ en: en_json_1.default, ru: ru_json_1.default }, `${cn_1.NAMESPACE}Button`);
+//# sourceMappingURL=index.js.map

package/build/cjs/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,iDAA2D;AAE3D,6CAA4C;AAE5C,gEAA2B;AAC3B,gEAA2B;AAEd,QAAA,IAAI,GAAG,IAAA,0BAAmB,EAAC,EAAC,EAAE,EAAF,iBAAE,EAAE,EAAE,EAAF,iBAAE,EAAC,EAAE,GAAG,cAAS,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/cjs/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/cjs/components/Button/utils.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"../../../../src","sources":["components/Button/utils.ts"],"names":[],"mappings":";;;AAEa,QAAA,OAAO,GAAG,aAAa,CAAC;AAkBrC,MAAM,QAAQ,GAAuC;IACjD,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,gBAAgB;IACvB,KAAK,EAAE,gBAAgB;IACvB,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,UAAU;IAClB,IAAI,EAAE,eAAe;IACrB,MAAM,EAAE,QAAQ;IAChB,SAAS,EAAE,QAAQ;IACnB,cAAc,EAAE,eAAe;IAC/B,gBAAgB,EAAE,iBAAiB;IACnC,aAAa,EAAE,mBAAmB;IAClC,gBAAgB,EAAE,mBAAmB;CACxC,CAAC;AAIF,MAAM,OAAO,GAAsC;IAC/C,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,IAAI,EAAE,GAAG;IACT,KAAK,EAAE,IAAI;CACd,CAAC;AAEK,MAAM,YAAY,GAAG,CAAC,KAAqB,EAAE,EAAE,WAAC,OAAA,MAAA,QAAQ,CAAC,KAAK,CAAC,mCAAI,KAAK,CAAA,EAAA,CAAC;AAAnE,QAAA,YAAY,gBAAuD;AACzE,MAAM,YAAY,GAAG,CAAC,IAAmB,EAAE,EAAE,WAAC,OAAA,MAAA,OAAO,CAAC,IAAI,CAAC,mCAAI,IAAI,CAAA,EAAA,CAAC;AAA9D,QAAA,YAAY,gBAAkD","sourcesContent":["import {ButtonSize, ButtonView} from '@gravity-ui/uikit';\n\nexport const ICON_QA = 'button-icon';\n\nexport type OldButtonTheme =\n    | 'normal'\n    | 'action'\n    | 'flat'\n    | 'light'\n    | 'clear'\n    | 'raised'\n    | 'pseudo'\n    | 'link'\n    | 'accent'\n    | 'websearch'\n    | 'flat-special'\n    | 'normal-special'\n    | 'normal-dark'\n    | 'pseudo-special';\n\nconst themeMap: Record<OldButtonTheme, ButtonView> = {\n    normal: 'normal',\n    action: 'action',\n    flat: 'flat',\n    light: 'flat-secondary',\n    clear: 'flat-secondary',\n    raised: 'raised',\n    pseudo: 'outlined',\n    link: 'outlined-info',\n    accent: 'action',\n    websearch: 'action',\n    'flat-special': 'flat-contrast',\n    'normal-special': 'normal-contrast',\n    'normal-dark': 'outlined-contrast',\n    'pseudo-special': 'outlined-contrast',\n};\n\nexport type OldButtonSize = 'xs' | 'ns' | 's' | 'm' | 'l' | 'n' | 'head' | 'promo';\n\nconst sizeMap: Record<OldButtonSize, ButtonSize> = {\n    xs: 's',\n    ns: 's',\n    s: 'm',\n    m: 'l',\n    l: 'l',\n    n: 'l',\n    head: 'l',\n    promo: 'xl',\n};\n\nexport const toCommonView = (theme: OldButtonTheme) => themeMap[theme] ?? theme;\nexport const toCommonSize = (size: OldButtonSize) => sizeMap[size] ?? size;\n"]}

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

@@ -1,6 +1,6 @@
-import React from 'react';
+import * as React from 'react';
 import { ButtonSize } from '@gravity-ui/uikit';
-import { ButtonProps, QAProps } from '../../models';
+import { ButtonProps, QAProps } from "../../models/index.js";
 export interface ButtonTabsItemProps extends Omit<ButtonProps, 'url' | 'primary' | 'target' | 'text'> {
     id: string | null;
     title: string;

package/build/cjs/components/ButtonTabs/ButtonTabs.js

@@ -1,28 +1,30 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
-const utils_1 = require("../../utils");
-const index_1 = require("../index");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
+const utils_1 = require("../../utils/index.js");
+const index_1 = require("../index.js");
 const b = (0, utils_1.block)('button-tabs');
 const ButtonTabs = ({ className, items, activeTab, onSelectTab, tabSize = 'l', qa, }) => {
-    const activeTabId = (0, react_1.useMemo)(() => {
+    const activeTabId = React.useMemo(() => {
         if (activeTab) {
             return activeTab;
         }
         return items[0].id;
     }, [activeTab, items]);
-    const handleClick = (0, react_1.useCallback)((tabId) => (e) => {
+    const handleClick = React.useCallback((tabId) => (e) => {
         if (onSelectTab) {
             onSelectTab(tabId, e);
         }
     }, [onSelectTab]);
-    return (react_1.default.createElement("div", { className: b(null, className), role: "tablist", "data-qa": qa }, items.map(({ id, title }) => {
-        const isActive = id === activeTabId;
-        return (react_1.default.createElement(index_1.Button, { text: title, className: b('item', { active: isActive }), key: title, size: tabSize, onClick: handleClick(id), extraProps: {
-                role: 'tab',
-                'aria-selected': isActive,
-            } }));
-    })));
+    return ((0, jsx_runtime_1.jsx)("div", { className: b(null, className), role: "tablist", "data-qa": qa, children: items.map(({ id, title }) => {
+            const isActive = id === activeTabId;
+            return ((0, jsx_runtime_1.jsx)(index_1.Button, { text: title, className: b('item', { active: isActive }), size: tabSize, onClick: handleClick(id), extraProps: {
+                    role: 'tab',
+                    'aria-selected': isActive,
+                } }, title));
+        }) }));
 };
 exports.default = ButtonTabs;
+//# sourceMappingURL=ButtonTabs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonTabs.js","sourceRoot":"../../../../src","sources":["components/ButtonTabs/ButtonTabs.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAK/B,gDAAkC;AAClC,uCAAgC;AAIhC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,aAAa,CAAC,CAAC;AAmB/B,MAAM,UAAU,GAA8B,CAAC,EAC3C,SAAS,EACT,KAAK,EACL,SAAS,EACT,WAAW,EACX,OAAO,GAAG,GAAG,EACb,EAAE,GACL,EAAE,EAAE;IACD,MAAM,WAAW,GAAkB,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAClD,IAAI,SAAS,EAAE,CAAC;YACZ,OAAO,SAAS,CAAC;QACrB,CAAC;QAED,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACvB,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC;IAEvB,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CACjC,CAAC,KAAoB,EAAE,EAAE,CAAC,CAAC,CAA0D,EAAE,EAAE;QACrF,IAAI,WAAW,EAAE,CAAC;YACd,WAAW,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;QAC1B,CAAC;IACL,CAAC,EACD,CAAC,WAAW,CAAC,CAChB,CAAC;IAEF,OAAO,CACH,gCAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,IAAI,EAAC,SAAS,aAAU,EAAE,YACzD,KAAK,CAAC,GAAG,CAAC,CAAC,EAAC,EAAE,EAAE,KAAK,EAAC,EAAE,EAAE;YACvB,MAAM,QAAQ,GAAG,EAAE,KAAK,WAAW,CAAC;YAEpC,OAAO,CACH,uBAAC,cAAM,IACH,IAAI,EAAE,KAAK,EACX,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,MAAM,EAAE,QAAQ,EAAC,CAAC,EAExC,IAAI,EAAE,OAAO,EACb,OAAO,EAAE,WAAW,CAAC,EAAE,CAAC,EACxB,UAAU,EAAE;oBACR,IAAI,EAAE,KAAK;oBACX,eAAe,EAAE,QAAQ;iBAC5B,IANI,KAAK,CAOZ,CACL,CAAC;QACN,CAAC,CAAC,GACA,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {ButtonSize} from '@gravity-ui/uikit';\n\nimport {ButtonProps, QAProps} from '../../models';\nimport {block} from '../../utils';\nimport {Button} from '../index';\n\nimport './ButtonTabs.scss';\n\nconst b = block('button-tabs');\n\nexport interface ButtonTabsItemProps\n    extends Omit<ButtonProps, 'url' | 'primary' | 'target' | 'text'> {\n    id: string | null;\n    title: string;\n}\n\nexport interface ButtonTabsProps extends QAProps {\n    className?: string;\n    items: ButtonTabsItemProps[];\n    activeTab?: string | null;\n    onSelectTab?: (\n        tabId: string | null,\n        e: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>,\n    ) => void;\n    tabSize?: ButtonSize;\n}\n\nconst ButtonTabs: React.FC<ButtonTabsProps> = ({\n    className,\n    items,\n    activeTab,\n    onSelectTab,\n    tabSize = 'l',\n    qa,\n}) => {\n    const activeTabId: string | null = React.useMemo(() => {\n        if (activeTab) {\n            return activeTab;\n        }\n\n        return items[0].id;\n    }, [activeTab, items]);\n\n    const handleClick = React.useCallback(\n        (tabId: string | null) => (e: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => {\n            if (onSelectTab) {\n                onSelectTab(tabId, e);\n            }\n        },\n        [onSelectTab],\n    );\n\n    return (\n        <div className={b(null, className)} role=\"tablist\" data-qa={qa}>\n            {items.map(({id, title}) => {\n                const isActive = id === activeTabId;\n\n                return (\n                    <Button\n                        text={title}\n                        className={b('item', {active: isActive})}\n                        key={title}\n                        size={tabSize}\n                        onClick={handleClick(id)}\n                        extraProps={{\n                            role: 'tab',\n                            'aria-selected': isActive,\n                        }}\n                    />\n                );\n            })}\n        </div>\n    );\n};\n\nexport default ButtonTabs;\n"]}

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

@@ -1,5 +1,5 @@
-import React from 'react';
-import { ButtonProps, ContentSize } from '../../models';
+import * as React from 'react';
+import { ButtonProps, ContentSize } from "../../models/index.js";
 type ButtonsProps = {
     className?: string;
     buttons?: ButtonProps[];

package/build/cjs/components/Buttons/Buttons.js

@@ -1,9 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const utils_1 = require("../../utils");
-const Button_1 = tslib_1.__importDefault(require("../Button/Button"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const utils_1 = require("../../utils/index.js");
+const Button_1 = tslib_1.__importDefault(require("../Button/Button.js"));
 const b = (0, utils_1.block)('buttons');
 function getButtonSize(size) {
     switch (size) {
@@ -14,5 +15,6 @@ function getButtonSize(size) {
             return 'xl';
     }
 }
-const Buttons = ({ className, titleId, buttons, size = 's', qa, buttonQa }) => buttons ? (react_1.default.createElement("div", { className: b({ size }, className), "data-qa": qa }, buttons.map((item) => (react_1.default.createElement(Button_1.default, Object.assign({ className: b('button') }, item, { key: item.url, size: getButtonSize(size), qa: buttonQa, extraProps: Object.assign({ 'aria-describedby': item.urlTitle ? undefined : titleId }, item.extraProps) })))))) : null;
+const Buttons = ({ className, titleId, buttons, size = 's', qa, buttonQa, }) => buttons ? ((0, jsx_runtime_1.jsx)("div", { className: b({ size }, className), "data-qa": qa, children: buttons.map((item) => ((0, react_1.createElement)(Button_1.default, Object.assign({ className: b('button') }, item, { key: item.url, size: getButtonSize(size), qa: buttonQa, extraProps: Object.assign({ 'aria-describedby': item.urlTitle ? undefined : titleId }, item.extraProps) })))) })) : null;
 exports.default = Buttons;
+//# sourceMappingURL=Buttons.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Buttons.js","sourceRoot":"../../../../src","sources":["components/Buttons/Buttons.tsx"],"names":[],"mappings":";;;;;AAGA,gDAAkC;AAClC,yEAAsC;AAItC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,SAAS,CAAC,CAAC;AAW3B,SAAS,aAAa,CAAC,IAAiB;IACpC,QAAQ,IAAI,EAAE,CAAC;QACX,KAAK,GAAG;YACJ,OAAO,GAAG,CAAC;QACf,KAAK,GAAG,CAAC;QACT;YACI,OAAO,IAAI,CAAC;IACpB,CAAC;AACL,CAAC;AAED,MAAM,OAAO,GAA2B,CAAC,EACrC,SAAS,EACT,OAAO,EACP,OAAO,EACP,IAAI,GAAG,GAAG,EACV,EAAE,EACF,QAAQ,GACX,EAAE,EAAE,CACD,OAAO,CAAC,CAAC,CAAC,CACN,gCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAC,EAAE,SAAS,CAAC,aAAW,EAAE,YAC5C,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,2BAAC,gBAAM,kBACH,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,IAClB,IAAI,IACR,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,IAAI,EAAE,aAAa,CAAC,IAAI,CAAC,EACzB,EAAE,EAAE,QAAQ,EACZ,UAAU,kBACN,kBAAkB,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,IACpD,IAAI,CAAC,UAAU,KAExB,CACL,CAAC,GACA,CACT,CAAC,CAAC,CAAC,IAAI,CAAC;AAEb,kBAAe,OAAO,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {ButtonProps, ContentSize} from '../../models';\nimport {block} from '../../utils';\nimport Button from '../Button/Button';\n\nimport './Buttons.scss';\n\nconst b = block('buttons');\n\ntype ButtonsProps = {\n    className?: string;\n    buttons?: ButtonProps[];\n    size?: ContentSize;\n    titleId?: string;\n    qa?: string;\n    buttonQa?: string;\n};\n\nfunction getButtonSize(size: ContentSize) {\n    switch (size) {\n        case 's':\n            return 'm';\n        case 'l':\n        default:\n            return 'xl';\n    }\n}\n\nconst Buttons: React.FC<ButtonsProps> = ({\n    className,\n    titleId,\n    buttons,\n    size = 's',\n    qa,\n    buttonQa,\n}) =>\n    buttons ? (\n        <div className={b({size}, className)} data-qa={qa}>\n            {buttons.map((item) => (\n                <Button\n                    className={b('button')}\n                    {...item}\n                    key={item.url}\n                    size={getButtonSize(size)}\n                    qa={buttonQa}\n                    extraProps={{\n                        'aria-describedby': item.urlTitle ? undefined : titleId,\n                        ...item.extraProps,\n                    }}\n                />\n            ))}\n        </div>\n    ) : null;\n\nexport default Buttons;\n"]}