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

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

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

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

@@ -1,13 +1,14 @@
-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 React from 'react';
+import { block, getQaAttrubutes } from '../../utils';
+import Image from '../Image/Image';
 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 (_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 })] }));
+    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)));
 };
 export default BackgroundImage;
-//# sourceMappingURL=BackgroundImage.js.map

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

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

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

@@ -1,20 +1,17 @@
 import { __rest } from "tslib";
-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 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 './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 = React.useContext(MobileContext);
+    const isMobile = useContext(MobileContext);
     const qaAttributes = getQaAttrubutes(qa, 'media');
-    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)) }));
+    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)))));
 };
 export default BackgroundMedia;
-//# sourceMappingURL=BackgroundMedia.js.map

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

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

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

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

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

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

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

@@ -1,13 +1,14 @@
-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 React from 'react';
+import { Col } from '../../grid';
+import { block } from '../../utils';
+import Anchor from '../Anchor/Anchor';
 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 (_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] }));
+    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));
 };
 export default BlockBase;
-//# sourceMappingURL=BlockBase.js.map

package/build/esm/components/BrandFooter/BrandFooter.css

@@ -12,8 +12,9 @@ unpredictable css rules order in build */
   width: 100%;
   height: 72px;
   margin-top: var(--header-height);
-  color: var(--g-color-text-secondary);
-  border-top: 1px solid var(--g-color-line-generic);
+  box-sizing: content-box;
+  border-top: 1px solid;
+  border-bottom: 1px solid transparent;
   transition: color 0.5s ease-out, border-color 0.5s ease-out;
 }
 .pc-brand-footer::after {
@@ -22,32 +23,38 @@ unpredictable css rules order in build */
   right: 0;
   left: 0;
   height: 1px;
+  background: linear-gradient(270deg, rgb(228, 106, 68) 0%, rgb(242, 159, 85) 46.62%, rgb(255, 212, 102) 100%);
   opacity: 0;
   transition: opacity 0.5s ease-out;
   content: "";
 }
-.pc-brand-footer:hover {
+.pc-brand-footer_theme_light {
+  color: var(--g-color-text-secondary);
+  border-top-color: var(--g-color-private-black-200);
+}
+.pc-brand-footer_theme_light:hover {
   color: var(--g-color-text-primary);
-  border-color: transparent;
+  border-top-color: transparent;
 }
-.pc-brand-footer:hover::after {
+.pc-brand-footer_theme_light:hover::after {
   opacity: 1;
 }
-.pc-brand-footer_theme_light::after {
-  background: linear-gradient(270deg, rgb(228, 106, 68) 0%, rgb(242, 159, 85) 46.62%, rgb(255, 212, 102) 100%);
+.pc-brand-footer_theme_dark {
+  color: var(--g-color-private-white-700);
+  border-top-color: var(--g-color-private-white-100);
+}
+.pc-brand-footer_theme_dark:hover {
+  color: var(--g-color-private-white-1000-solid);
+  border-top-color: transparent;
 }
-.pc-brand-footer_theme_dark::after {
-  background: linear-gradient(270deg, rgba(228, 106, 68, 0.6) 0%, rgba(242, 159, 85, 0.6) 46.62%, rgba(255, 212, 102, 0.6) 100%);
+.pc-brand-footer_theme_dark:hover::after {
+  opacity: 0.6;
 }
 .pc-brand-footer__content {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 8px;
-  padding-top: 1px;
-}
-.pc-brand-footer__text {
-  align-self: flex-end;
 }
 .pc-brand-footer__brand-icon {
   display: flex;
@@ -78,9 +85,7 @@ unpredictable css rules order in build */
     font-size: var(--g-text-body-1-font-size);
     line-height: var(--g-text-body-1-line-height);
     height: 52px;
-  }
-  .pc-brand-footer__content {
-    padding: 0;
+    border-bottom-width: 0;
   }
   .pc-brand-footer__brand-icon {
     width: 20px;
@@ -89,6 +94,5 @@ unpredictable css rules order in build */
   .pc-brand-footer__brand-name {
     width: 72px;
     height: 16px;
-    margin-top: 0;
   }
 }

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

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

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

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

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

@@ -1,5 +1 @@
-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>;
-    };
-};
+export declare const i18n: (key: "created-on", params?: import("@gravity-ui/i18n").Params | undefined) => string;

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

@@ -1,6 +1,5 @@
 import { addComponentKeysets } from '@gravity-ui/uikit/i18n';
-import { NAMESPACE } from "../../../utils/cn.js";
-import en from "./en.json";
-import ru from "./ru.json";
+import { NAMESPACE } from '../../../utils/cn';
+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/Button/Button.d.ts

@@ -1,10 +1,10 @@
-import * as React from 'react';
-import { ButtonProps as ButtonParams, QAProps } from "../../models/index.js";
+import React from 'react';
+import { ButtonProps as ButtonParams, QAProps } from '../../models';
 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) => import("react/jsx-runtime").JSX.Element;
+declare const Button: (props: ButtonProps) => JSX.Element;
 export default Button;

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

@@ -1,24 +1,22 @@
 import { __rest } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
+import React, { useCallback, useContext } from 'react';
 import { StoreBadge } from '@gravity-ui/components';
 import { Button as CommonButton, Icon, Platform } from '@gravity-ui/uikit';
-import { LocaleContext } from "../../context/localeContext/localeContext.js";
-import { useAnalytics } from "../../hooks/index.js";
-import { Github } from "../../icons/index.js";
-import { 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 { 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 './Button.css';
 const b = block('button-block');
-// eslint-disable-next-line complexity
 const Button = (props) => {
-    const { tld } = React.useContext(LocaleContext);
+    const { tld } = 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 = React.useCallback((e) => {
+    const onClick = useCallback((e) => {
         handleAnalytics(analyticsEvents);
         if (onClickOrigin) {
             onClickOrigin(e);
@@ -34,17 +32,21 @@ 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 _jsx(StoreBadge, { className: buttonClass, platform: platform, href: url });
+        return React.createElement(StoreBadge, { className: buttonClass, platform: platform, href: url });
     }
     let icon;
-    let image = img && (_jsx("img", { className: b('image'), src: buttonImg.url, alt: buttonImg.alt || i18n('image-alt') }));
+    let image = img && (React.createElement("img", { className: b('image'), src: buttonImg.url, alt: buttonImg.alt || i18n('image-alt') }));
     if (theme === 'github') {
-        icon = _jsx(Icon, { className: b('icon'), data: Github, size: 24, qa: ICON_QA });
+        icon = React.createElement(Icon, { className: b('icon'), data: Github, size: 24, qa: ICON_QA });
         image = undefined;
     }
     const buttonTheme = theme === 'scale' ? 'accent' : theme;
-    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] })));
+    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));
 };
 export default Button;
-//# sourceMappingURL=Button.js.map

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

@@ -1,5 +1 @@
-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>;
-    };
-};
+export declare const i18n: (key: "image-alt", params?: import("@gravity-ui/i18n").Params | undefined) => string;

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

@@ -1,6 +1,5 @@
 import { addComponentKeysets } from '@gravity-ui/uikit/i18n';
-import { NAMESPACE } from "../../../utils/cn.js";
-import en from "./en.json";
-import ru from "./ru.json";
+import { NAMESPACE } from '../../../utils/cn';
+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/utils.d.ts

@@ -1,6 +1,6 @@
-import { ButtonSize } from '@gravity-ui/uikit';
+import { ButtonSize, ButtonView } 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) => "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 toCommonView: (theme: OldButtonTheme) => ButtonView;
 export declare const toCommonSize: (size: OldButtonSize) => ButtonSize;

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

@@ -27,4 +27,3 @@ 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

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

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

package/build/esm/components/ButtonTabs/ButtonTabs.js

@@ -1,28 +1,26 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import { block } from "../../utils/index.js";
-import { Button } from "../index.js";
+import React, { useCallback, useMemo } from 'react';
+import { block } from '../../utils';
+import { Button } from '../index';
 import './ButtonTabs.css';
 const b = block('button-tabs');
 const ButtonTabs = ({ className, items, activeTab, onSelectTab, tabSize = 'l', qa, }) => {
-    const activeTabId = React.useMemo(() => {
+    const activeTabId = useMemo(() => {
         if (activeTab) {
             return activeTab;
         }
         return items[0].id;
     }, [activeTab, items]);
-    const handleClick = React.useCallback((tabId) => (e) => {
+    const handleClick = useCallback((tabId) => (e) => {
         if (onSelectTab) {
             onSelectTab(tabId, e);
         }
     }, [onSelectTab]);
-    return (_jsx("div", { className: b(null, className), role: "tablist", "data-qa": qa, children: items.map(({ id, title }) => {
-            const isActive = id === activeTabId;
-            return (_jsx(Button, { text: title, className: b('item', { active: isActive }), size: tabSize, onClick: handleClick(id), extraProps: {
-                    role: 'tab',
-                    'aria-selected': isActive,
-                } }, title));
-        }) }));
+    return (React.createElement("div", { className: b(null, className), role: "tablist", "data-qa": qa }, items.map(({ id, title }) => {
+        const isActive = id === activeTabId;
+        return (React.createElement(Button, { text: title, className: b('item', { active: isActive }), key: title, size: tabSize, onClick: handleClick(id), extraProps: {
+                role: 'tab',
+                'aria-selected': isActive,
+            } }));
+    })));
 };
 export default ButtonTabs;
-//# sourceMappingURL=ButtonTabs.js.map

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

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

package/build/esm/components/Buttons/Buttons.js

@@ -1,7 +1,6 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createElement as _createElement } from "react";
-import { block } from "../../utils/index.js";
-import Button from "../Button/Button.js";
+import React from 'react';
+import { block } from '../../utils';
+import Button from '../Button/Button';
 import './Buttons.css';
 const b = block('buttons');
 function getButtonSize(size) {
@@ -13,6 +12,5 @@ function getButtonSize(size) {
             return 'xl';
     }
 }
-const Buttons = ({ className, titleId, buttons, size = 's', qa, buttonQa, }) => buttons ? (_jsx("div", { className: b({ size }, className), "data-qa": qa, children: buttons.map((item) => (_createElement(Button, 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 ? (React.createElement("div", { className: b({ size }, className), "data-qa": qa }, buttons.map((item) => (React.createElement(Button, 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;
 export default Buttons;
-//# sourceMappingURL=Buttons.js.map

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { AnalyticsEventsBase, CardBaseProps as CardBaseParams, ImageProps } from "../../models/index.js";
+import React, { HTMLAttributeAnchorTarget, PropsWithChildren } from 'react';
+import { AnalyticsEventsBase, CardBaseProps as CardBaseParams, ImageProps } from '../../models';
 import './CardBase.css';
 interface CardBaseProps extends AnalyticsEventsBase, CardBaseParams {
     className?: string;
@@ -7,11 +7,11 @@ interface CardBaseProps extends AnalyticsEventsBase, CardBaseParams {
     contentClassName?: string;
     url?: string;
     urlTitle?: string;
-    target?: React.HTMLAttributeAnchorTarget;
+    target?: HTMLAttributeAnchorTarget;
     qa?: string;
     extraProps?: React.HTMLAttributes<HTMLElement>;
 }
-export type CardBasePropsType = React.PropsWithChildren<CardBaseProps>;
+export type CardBasePropsType = PropsWithChildren<CardBaseProps>;
 export interface CardHeaderBaseProps {
     className?: string;
     image?: ImageProps | null;
@@ -20,10 +20,10 @@ export interface CardFooterBaseProps {
     className?: string;
 }
 export declare const Layout: {
-    (props: CardBasePropsType): import("react/jsx-runtime").JSX.Element;
+    (props: CardBasePropsType): JSX.Element;
     Header: React.FC<React.PropsWithChildren<CardHeaderBaseProps>>;
     Content: React.FC<{
-        children?: React.ReactNode | undefined;
+        children?: React.ReactNode;
     }>;
     Footer: React.FC<React.PropsWithChildren<CardFooterBaseProps>>;
 };