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

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

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

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

@@ -1,18 +1,23 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
-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 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 b = (0, utils_1.block)('brand-footer');
 const BrandFooter = ({ className }) => {
     const theme = (0, theme_1.useTheme)();
-    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, {}) })] }) }));
+    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", null, (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)))));
 };
 exports.default = BrandFooter;
-//# sourceMappingURL=BrandFooter.js.map

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

@@ -3,8 +3,7 @@ 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.js");
+const cn_1 = require("../../../utils/cn");
 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/Button/Button.d.ts

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

@@ -1,25 +1,23 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
+const react_1 = 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.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 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 b = (0, utils_1.block)('button-block');
-// eslint-disable-next-line complexity
 const Button = (props) => {
-    const { tld } = React.useContext(localeContext_1.LocaleContext);
+    const { tld } = (0, react_1.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 = React.useCallback((e) => {
+    const onClick = (0, react_1.useCallback)((e) => {
         handleAnalytics(analyticsEvents);
         if (onClickOrigin) {
             onClickOrigin(e);
@@ -35,17 +33,21 @@ 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 (0, jsx_runtime_1.jsx)(components_1.StoreBadge, { className: buttonClass, platform: platform, href: url });
+        return react_1.default.createElement(components_1.StoreBadge, { className: buttonClass, platform: platform, href: url });
     }
     let icon;
-    let image = img && ((0, jsx_runtime_1.jsx)("img", { className: b('image'), src: buttonImg.url, alt: buttonImg.alt || (0, i18n_1.i18n)('image-alt') }));
+    let image = img && (react_1.default.createElement("img", { className: b('image'), src: buttonImg.url, alt: buttonImg.alt || (0, i18n_1.i18n)('image-alt') }));
     if (theme === 'github') {
-        icon = (0, jsx_runtime_1.jsx)(uikit_1.Icon, { className: b('icon'), data: icons_1.Github, size: 24, qa: utils_2.ICON_QA });
+        icon = react_1.default.createElement(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;
-    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] })));
+    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));
 };
 exports.default = Button;
-//# sourceMappingURL=Button.js.map

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

@@ -3,8 +3,7 @@ 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.js");
+const cn_1 = require("../../../utils/cn");
 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/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/cjs/components/Button/utils.js

@@ -32,4 +32,3 @@ 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/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';
 export interface ButtonTabsItemProps extends Omit<ButtonProps, 'url' | 'primary' | 'target' | 'text'> {
     id: string | null;
     title: string;

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

@@ -1,30 +1,28 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-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 react_1 = tslib_1.__importStar(require("react"));
+const utils_1 = require("../../utils");
+const index_1 = require("../index");
 const b = (0, utils_1.block)('button-tabs');
 const ButtonTabs = ({ className, items, activeTab, onSelectTab, tabSize = 'l', qa, }) => {
-    const activeTabId = React.useMemo(() => {
+    const activeTabId = (0, react_1.useMemo)(() => {
         if (activeTab) {
             return activeTab;
         }
         return items[0].id;
     }, [activeTab, items]);
-    const handleClick = React.useCallback((tabId) => (e) => {
+    const handleClick = (0, react_1.useCallback)((tabId) => (e) => {
         if (onSelectTab) {
             onSelectTab(tabId, e);
         }
     }, [onSelectTab]);
-    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));
-        }) }));
+    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,
+            } }));
+    })));
 };
 exports.default = ButtonTabs;
-//# sourceMappingURL=ButtonTabs.js.map

package/build/cjs/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';
 type ButtonsProps = {
     className?: string;
     buttons?: ButtonProps[];

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

@@ -1,10 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-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 react_1 = tslib_1.__importDefault(require("react"));
+const utils_1 = require("../../utils");
+const Button_1 = tslib_1.__importDefault(require("../Button/Button"));
 const b = (0, utils_1.block)('buttons');
 function getButtonSize(size) {
     switch (size) {
@@ -15,6 +14,5 @@ function getButtonSize(size) {
             return 'xl';
     }
 }
-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;
+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;
 exports.default = Buttons;
-//# sourceMappingURL=Buttons.js.map

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

@@ -1,16 +1,16 @@
-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';
 interface CardBaseProps extends AnalyticsEventsBase, CardBaseParams {
     className?: string;
     bodyClassName?: string;
     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;
@@ -19,10 +19,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>>;
 };

package/build/cjs/components/CardBase/CardBase.js

@@ -2,14 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Layout = void 0;
 const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
+const react_1 = tslib_1.__importStar(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
-const hooks_1 = require("../../hooks/index.js");
-const models_1 = require("../../models/index.js");
-const utils_1 = require("../../utils/index.js");
-const BackgroundImage_1 = tslib_1.__importDefault(require("../BackgroundImage/BackgroundImage.js"));
-const RouterLink_1 = tslib_1.__importDefault(require("../RouterLink/RouterLink.js"));
+const hooks_1 = require("../../hooks");
+const models_1 = require("../../models");
+const utils_1 = require("../../utils");
+const BackgroundImage_1 = tslib_1.__importDefault(require("../BackgroundImage/BackgroundImage"));
+const RouterLink_1 = tslib_1.__importDefault(require("../RouterLink/RouterLink"));
 const b = (0, utils_1.block)('card-base-block');
 const Header = () => null;
 const Content = () => null;
@@ -35,21 +34,26 @@ const Layout = (props) => {
                 break;
         }
     }
-    React.Children.toArray(children).forEach((child) => {
-        if (React.isValidElement(child)) {
+    react_1.Children.toArray(children).forEach((child) => {
+        if ((0, react_1.isValidElement)(child)) {
             handleChild(child);
         }
     });
-    const cardContent = ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [(header || image) && ((0, jsx_runtime_1.jsx)(BackgroundImage_1.default, Object.assign({ className: b('header', headerClass) }, (typeof image === 'string' ? { src: image } : image), { qa: qaAttributes.header, children: (0, jsx_runtime_1.jsx)("div", { className: b('header-content'), children: header }) }))), (0, jsx_runtime_1.jsxs)("div", { className: b('body', bodyClassName), "data-qa": qaAttributes.body, children: [(0, jsx_runtime_1.jsx)("div", { className: b('content', contentClassName), "data-qa": qaAttributes.content, children: content }), footer && ((0, jsx_runtime_1.jsx)("div", { className: b('footer', footerClass), "data-qa": qaAttributes.footer, children: footer }))] })] }));
+    const cardContent = (react_1.default.createElement(react_1.Fragment, null,
+        (header || image) && (react_1.default.createElement(BackgroundImage_1.default, Object.assign({ className: b('header', headerClass) }, (typeof image === 'string' ? { src: image } : image), { qa: qaAttributes.header }),
+            react_1.default.createElement("div", { className: b('header-content') }, header))),
+        react_1.default.createElement("div", { className: b('body', bodyClassName), "data-qa": qaAttributes.body },
+            react_1.default.createElement("div", { className: b('content', contentClassName), "data-qa": qaAttributes.content }, content),
+            footer && (react_1.default.createElement("div", { className: b('footer', footerClass), "data-qa": qaAttributes.footer }, footer)))));
     const fullClassName = b({ border }, className);
     const onClick = () => {
         handleAnalytics(analyticsEvents);
     };
-    return url ? ((0, jsx_runtime_1.jsx)(RouterLink_1.default, { href: url, children: (0, jsx_runtime_1.jsx)(uikit_1.Link, { href: url, target: target, rel: target === '_blank' ? 'noopener noreferrer' : undefined, className: fullClassName, onClick: onClick, title: urlTitle, extraProps: Object.assign({ draggable: false, onDragStart: (e) => e.preventDefault() }, extraProps), qa: qa, children: cardContent }) })) : ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: fullClassName, "data-qa": qa }, extraProps, { children: cardContent })));
+    return url ? (react_1.default.createElement(RouterLink_1.default, { href: url },
+        react_1.default.createElement(uikit_1.Link, { href: url, target: target, rel: target === '_blank' ? 'noopener noreferrer' : undefined, className: fullClassName, onClick: onClick, title: urlTitle, extraProps: Object.assign({ draggable: false, onDragStart: (e) => e.preventDefault() }, extraProps), qa: qa }, cardContent))) : (react_1.default.createElement("div", Object.assign({ className: fullClassName, "data-qa": qa }, extraProps), cardContent));
 };
 exports.Layout = Layout;
 exports.Layout.Header = Header;
 exports.Layout.Content = Content;
 exports.Layout.Footer = Footer;
 exports.default = exports.Layout;
-//# sourceMappingURL=CardBase.js.map

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

@@ -1,4 +1,4 @@
-import { ContentListProps } from "../../models/index.js";
-import { QAProps } from "../../models/common.js";
-declare const ContentList: ({ list, size, qa, theme }: ContentListProps & QAProps) => import("react/jsx-runtime").JSX.Element;
+import { ContentListProps } from '../../models';
+import { QAProps } from '../../models/common';
+declare const ContentList: ({ list, size, qa, theme }: ContentListProps & QAProps) => JSX.Element;
 export default ContentList;

package/build/cjs/components/ContentList/ContentList.js

@@ -1,13 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
+const react_1 = tslib_1.__importDefault(require("react"));
 const uuid_1 = require("uuid");
-const utils_1 = require("../../utils/index.js");
-const blocks_1 = require("../../utils/blocks.js");
-const YFMWrapper_1 = tslib_1.__importDefault(require("../YFMWrapper/YFMWrapper.js"));
-const ContentListItemIcon_1 = tslib_1.__importDefault(require("./ContentListItemIcon.js"));
+const utils_1 = require("../../utils");
+const blocks_1 = require("../../utils/blocks");
+const YFMWrapper_1 = tslib_1.__importDefault(require("../YFMWrapper/YFMWrapper"));
+const ContentListItemIcon_1 = tslib_1.__importDefault(require("./ContentListItemIcon"));
 const b = (0, utils_1.block)('content-list');
 function getHeadingLevel(size) {
     switch (size) {
@@ -20,11 +19,14 @@ function getHeadingLevel(size) {
 }
 const ContentList = ({ list, size = 'l', qa, theme }) => {
     const qaAttributes = (0, blocks_1.getQaAttrubutes)(qa, ['image', 'title', 'text']);
-    return ((0, jsx_runtime_1.jsx)("div", { className: b({ size, theme }), "data-qa": qa, children: list === null || list === void 0 ? void 0 : list.map((item) => {
-            const { icon, title, text } = item;
-            return ((0, jsx_runtime_1.jsxs)("div", { className: b('item', { 'without-title': !title }), children: [(0, jsx_runtime_1.jsx)(ContentListItemIcon_1.default, { icon: icon, className: b('icon'), qa: qaAttributes.image }), (0, jsx_runtime_1.jsxs)("div", { children: [title &&
-                                React.createElement(getHeadingLevel(size), { className: b('title'), 'data-qa': qaAttributes.title }, (0, jsx_runtime_1.jsx)(YFMWrapper_1.default, { content: title, modifiers: { constructor: true } })), text && ((0, jsx_runtime_1.jsx)(YFMWrapper_1.default, { className: b('text'), content: text, modifiers: { constructor: true }, qa: qaAttributes.text }))] })] }, (0, uuid_1.v4)()));
-        }) }));
+    return (react_1.default.createElement("div", { className: b({ size, theme }), "data-qa": qa }, list === null || list === void 0 ? void 0 : list.map((item) => {
+        const { icon, title, text } = item;
+        return (react_1.default.createElement("div", { className: b('item', { 'without-title': !title }), key: (0, uuid_1.v4)() },
+            react_1.default.createElement(ContentListItemIcon_1.default, { icon: icon, className: b('icon'), qa: qaAttributes.image }),
+            react_1.default.createElement("div", null,
+                title &&
+                    react_1.default.createElement(getHeadingLevel(size), { className: b('title'), 'data-qa': qaAttributes.title }, react_1.default.createElement(YFMWrapper_1.default, { content: title, modifiers: { constructor: true } })),
+                text && (react_1.default.createElement(YFMWrapper_1.default, { className: b('text'), content: text, modifiers: { constructor: true }, qa: qaAttributes.text })))));
+    })));
 };
 exports.default = ContentList;
-//# sourceMappingURL=ContentList.js.map

package/build/cjs/components/ContentList/ContentListItemIcon.d.ts

@@ -1,7 +1,7 @@
-import { ClassNameProps, ImageProps, QAProps, SVGIcon } from "../../models/index.js";
-import { ThemeSupporting } from "../../utils/index.js";
+import { ClassNameProps, ImageProps, QAProps, SVGIcon } from '../../models';
+import { ThemeSupporting } from '../../utils';
 interface ListItemProps extends QAProps, ClassNameProps {
     icon: ThemeSupporting<ImageProps | SVGIcon>;
 }
-declare const ContentListItemIcon: ({ icon, className, qa }: ListItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const ContentListItemIcon: ({ icon, className, qa }: ListItemProps) => JSX.Element;
 export default ContentListItemIcon;

package/build/cjs/components/ContentList/ContentListItemIcon.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const theme_1 = require("../../context/theme/index.js");
-const utils_1 = require("../../utils/index.js");
-const Image_1 = tslib_1.__importDefault(require("../Image/Image.js"));
-const utils_2 = require("../Media/Image/utils.js");
+const react_1 = tslib_1.__importDefault(require("react"));
+const theme_1 = require("../../context/theme");
+const utils_1 = require("../../utils");
+const Image_1 = tslib_1.__importDefault(require("../Image/Image"));
+const utils_2 = require("../Media/Image/utils");
 function isIconSvg(icon) {
     return typeof icon === 'function';
 }
@@ -14,10 +14,10 @@ const ContentListItemIcon = ({ icon, className, qa }) => {
     const iconThemed = (0, utils_1.getThemedValue)(icon, theme);
     if (isIconSvg(iconThemed)) {
         const Icon = iconThemed;
-        return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Icon, { className: className }) }));
+        return (react_1.default.createElement("div", null,
+            react_1.default.createElement(Icon, { className: className })));
     }
     const iconData = (0, utils_2.getMediaImage)(iconThemed);
-    return (0, jsx_runtime_1.jsx)(Image_1.default, Object.assign({}, iconData, { className: className, qa: qa }));
+    return react_1.default.createElement(Image_1.default, Object.assign({}, iconData, { className: className, qa: qa }));
 };
 exports.default = ContentListItemIcon;
-//# sourceMappingURL=ContentListItemIcon.js.map

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

@@ -1,7 +1,8 @@
-import { IconData } from '@gravity-ui/uikit';
+import React from 'react';
+import { SVGIconData } from '@gravity-ui/uikit/build/esm/components/Icon/types';
 export declare const defaultIconId = "icon-test-id";
 export interface ControlProps {
-    icon: IconData;
+    icon: SVGIconData;
     theme?: 'primary' | 'secondary' | 'link' | 'accent';
     size?: 'xs' | 's' | 'm' | 'l';
     iconSize?: number;
@@ -10,5 +11,5 @@ export interface ControlProps {
     onClick?: (event: React.MouseEvent) => void;
     qa?: string;
 }
-declare const Control: (props: ControlProps) => import("react/jsx-runtime").JSX.Element;
+declare const Control: (props: ControlProps) => JSX.Element;
 export default Control;

package/build/cjs/components/Control/Control.js

@@ -1,15 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.defaultIconId = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
-const utils_1 = require("../../utils/index.js");
-const i18n_1 = require("./i18n/index.js");
+const utils_1 = require("../../utils");
+const i18n_1 = require("./i18n");
 const b = (0, utils_1.block)('control');
 exports.defaultIconId = 'icon-test-id';
 const Control = (props) => {
     const { icon, theme = 'primary', size = 's', iconSize = 16, disabled = false, onClick, className, qa, } = props;
-    return ((0, jsx_runtime_1.jsx)("button", { type: "button", "aria-label": (0, i18n_1.i18n)('aria-label'), className: b({ size, theme, disabled }, className), onClick: disabled ? undefined : onClick, disabled: disabled, "data-qa": qa, children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icon, size: iconSize, qa: exports.defaultIconId }) }));
+    return (react_1.default.createElement("button", { type: "button", "aria-label": (0, i18n_1.i18n)('aria-label'), className: b({ size, theme, disabled }, className), onClick: disabled ? undefined : onClick, disabled: disabled, "data-qa": qa },
+        react_1.default.createElement(uikit_1.Icon, { data: icon, size: iconSize, qa: exports.defaultIconId })));
 };
 exports.default = Control;
-//# sourceMappingURL=Control.js.map

package/build/cjs/components/Control/i18n/index.d.ts

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

package/build/cjs/components/Control/i18n/index.js

@@ -3,8 +3,7 @@ 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.js");
+const cn_1 = require("../../../utils/cn");
 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}Control`);
-//# sourceMappingURL=index.js.map

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { MediaVideoProps } from "../../models/index.js";
+import React from 'react';
+import { MediaVideoProps } from '../../models';
 type DefaultVideoRefType = HTMLVideoElement | undefined;
 interface DefaultVideoProps {
     video: MediaVideoProps;