@gravity-ui/blog-constructor 6.5.1-beta.0 → 6.6.1

package/build/cjs/contexts/theme/ThemeValueContext.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 export type ThemeValueType = 'light' | 'dark';
 export interface ThemeValueContextProps {
     themeValue: ThemeValueType;

package/build/cjs/contexts/theme/ThemeValueContext.js

@@ -2,9 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ThemeValueContext = exports.initialValue = void 0;
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+const react_1 = tslib_1.__importDefault(require("react"));
 exports.initialValue = {
     themeValue: 'light',
 };
-exports.ThemeValueContext = React.createContext(exports.initialValue);
-//# sourceMappingURL=ThemeValueContext.js.map
+exports.ThemeValueContext = react_1.default.createContext(exports.initialValue);

package/build/cjs/contexts/theme/index.d.ts

@@ -1,6 +1,6 @@
-export * from "./ThemeContext.js";
-export * from "./ThemeProvider.js";
-export * from "./useTheme.js";
-export * from "./useThemeValue.js";
-export * from "./withTheme.js";
-export * from "./withThemeValue.js";
+export * from './ThemeContext';
+export * from './ThemeProvider';
+export * from './useTheme';
+export * from './useThemeValue';
+export * from './withTheme';
+export * from './withThemeValue';

package/build/cjs/contexts/theme/index.js

@@ -1,10 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./ThemeContext.js"), exports);
-tslib_1.__exportStar(require("./ThemeProvider.js"), exports);
-tslib_1.__exportStar(require("./useTheme.js"), exports);
-tslib_1.__exportStar(require("./useThemeValue.js"), exports);
-tslib_1.__exportStar(require("./withTheme.js"), exports);
-tslib_1.__exportStar(require("./withThemeValue.js"), exports);
-//# sourceMappingURL=index.js.map
+tslib_1.__exportStar(require("./ThemeContext"), exports);
+tslib_1.__exportStar(require("./ThemeProvider"), exports);
+tslib_1.__exportStar(require("./useTheme"), exports);
+tslib_1.__exportStar(require("./useThemeValue"), exports);
+tslib_1.__exportStar(require("./withTheme"), exports);
+tslib_1.__exportStar(require("./withThemeValue"), exports);

package/build/cjs/contexts/theme/useTheme.d.ts

@@ -1,2 +1,2 @@
-import { ThemeContextProps } from "./ThemeContext.js";
+import { ThemeContextProps } from './ThemeContext';
 export declare function useTheme(): [ThemeContextProps['theme'], ThemeContextProps['setTheme']];

package/build/cjs/contexts/theme/useTheme.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTheme = useTheme;
+exports.useTheme = void 0;
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const ThemeContext_1 = require("./ThemeContext.js");
+const react_1 = tslib_1.__importDefault(require("react"));
+const ThemeContext_1 = require("./ThemeContext");
 function useTheme() {
-    const { theme, setTheme } = React.useContext(ThemeContext_1.ThemeContext);
+    const { theme, setTheme } = react_1.default.useContext(ThemeContext_1.ThemeContext);
     return [theme, setTheme];
 }
-//# sourceMappingURL=useTheme.js.map
+exports.useTheme = useTheme;

package/build/cjs/contexts/theme/useThemeValue.d.ts

@@ -1,2 +1,2 @@
-import { ThemeValueContextProps } from "./ThemeValueContext.js";
+import { ThemeValueContextProps } from './ThemeValueContext';
 export declare function useThemeValue(): ThemeValueContextProps['themeValue'];

package/build/cjs/contexts/theme/useThemeValue.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useThemeValue = useThemeValue;
+exports.useThemeValue = void 0;
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const ThemeValueContext_1 = require("./ThemeValueContext.js");
+const react_1 = tslib_1.__importDefault(require("react"));
+const ThemeValueContext_1 = require("./ThemeValueContext");
 function useThemeValue() {
-    const { themeValue } = React.useContext(ThemeValueContext_1.ThemeValueContext);
+    const { themeValue } = react_1.default.useContext(ThemeValueContext_1.ThemeValueContext);
     return themeValue;
 }
-//# sourceMappingURL=useThemeValue.js.map
+exports.useThemeValue = useThemeValue;

package/build/cjs/contexts/theme/withTheme.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
+import React from 'react';
 import { Subtract } from 'utility-types';
-import { ThemeContextProps } from "./ThemeContext.js";
+import { ThemeContextProps } from './ThemeContext';
 export interface WithThemeProps extends ThemeContextProps {
 }
 export declare function withTheme<T extends WithThemeProps>(WrappedComponent: React.ComponentType<T>): React.ComponentType<Subtract<T, WithThemeProps>>;

package/build/cjs/contexts/theme/withTheme.js

@@ -1,20 +1,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.withTheme = withTheme;
+exports.withTheme = void 0;
 const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const ThemeContext_1 = require("./ThemeContext.js");
+const react_1 = tslib_1.__importDefault(require("react"));
+const ThemeContext_1 = require("./ThemeContext");
 function withTheme(WrappedComponent) {
     var _a;
     const componentName = WrappedComponent.displayName || WrappedComponent.name || 'Component';
-    return _a = class WithThemeComponent extends React.Component {
+    return _a = class WithThemeComponent extends react_1.default.Component {
             render() {
-                return ((0, jsx_runtime_1.jsx)(WrappedComponent, Object.assign({}, this.props, { theme: this.context.theme, setTheme: this.context.setTheme })));
+                return (react_1.default.createElement(WrappedComponent, Object.assign({}, this.props, { theme: this.context.theme, setTheme: this.context.setTheme })));
             }
         },
         _a.displayName = `withTheme(${componentName})`,
         _a.contextType = ThemeContext_1.ThemeContext,
         _a;
 }
-//# sourceMappingURL=withTheme.js.map
+exports.withTheme = withTheme;

package/build/cjs/contexts/theme/withThemeValue.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
+import React from 'react';
 import { Subtract } from 'utility-types';
-import { ThemeValueContextProps } from "./ThemeValueContext.js";
+import { ThemeValueContextProps } from './ThemeValueContext';
 export interface WithThemeValueProps extends ThemeValueContextProps {
 }
 export declare function withThemeValue<T extends WithThemeValueProps>(WrappedComponent: React.ComponentType<T>): React.ComponentType<Subtract<T, WithThemeValueProps>>;

package/build/cjs/contexts/theme/withThemeValue.js

@@ -1,20 +1,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.withThemeValue = withThemeValue;
+exports.withThemeValue = void 0;
 const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const ThemeValueContext_1 = require("./ThemeValueContext.js");
+const react_1 = tslib_1.__importDefault(require("react"));
+const ThemeValueContext_1 = require("./ThemeValueContext");
 function withThemeValue(WrappedComponent) {
     var _a;
     const componentName = WrappedComponent.displayName || WrappedComponent.name || 'Component';
-    return _a = class WithThemeValueComponent extends React.Component {
+    return _a = class WithThemeValueComponent extends react_1.default.Component {
             render() {
-                return (0, jsx_runtime_1.jsx)(WrappedComponent, Object.assign({}, this.props, { themeValue: this.context.themeValue }));
+                return react_1.default.createElement(WrappedComponent, Object.assign({}, this.props, { themeValue: this.context.themeValue }));
             }
         },
         _a.displayName = `withThemeValue(${componentName})`,
         _a.contextType = ThemeValueContext_1.ThemeValueContext,
         _a;
 }
-//# sourceMappingURL=withThemeValue.js.map
+exports.withThemeValue = withThemeValue;

package/build/cjs/counters/metrika.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.initCounters = initCounters;
+exports.initCounters = void 0;
 const Goal = {
     SUPPORT_OPEN_FORM: 'SUPPORTOPENFORM',
     SUPPORT_STEP_1_SUBMIT: 'SUPPORTSTEP1SUBMIT',
@@ -39,6 +39,7 @@ function initCounters(configs) {
         counterIds[config.name] = config.id;
     });
 }
+exports.initCounters = initCounters;
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 function hit(...args) {
     HIT_COUNTERS.forEach((counterName) => {
@@ -170,5 +171,4 @@ exports.default = {
     goalEventVideoAction,
     goalCaseFormSubmit,
     goalSwitchLang,
-};
-//# sourceMappingURL=metrika.js.map
+};

package/build/cjs/counters/utils.js

@@ -6,5 +6,4 @@ var AnalyticsCounter;
     AnalyticsCounter["Main"] = "main";
     AnalyticsCounter["CrossSite"] = "cross-site";
     AnalyticsCounter["Scale"] = "scale";
-})(AnalyticsCounter || (exports.AnalyticsCounter = AnalyticsCounter = {}));
-//# sourceMappingURL=utils.js.map
+})(AnalyticsCounter = exports.AnalyticsCounter || (exports.AnalyticsCounter = {}));

package/build/cjs/hooks/useAriaAttributes.js

@@ -1,8 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useAriaAttributes = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+const react_1 = require("react");
 /**
  * Returns aria-attributes
  * @param labelIds - labels ids. Falsy values will be ignored
@@ -10,12 +9,11 @@ const React = tslib_1.__importStar(require("react"));
  * @returns aria attributes for the element to be labelled
  */
 const useAriaAttributes = ({ labelIds = [], descriptionIds = [] }) => {
-    const labelledBy = React.useMemo(() => labelIds.filter(Boolean).join(' '), [labelIds]);
-    const describedBy = React.useMemo(() => descriptionIds.filter(Boolean).join(' '), [descriptionIds]);
+    const labelledBy = (0, react_1.useMemo)(() => labelIds.filter(Boolean).join(' '), [labelIds]);
+    const describedBy = (0, react_1.useMemo)(() => descriptionIds.filter(Boolean).join(' '), [descriptionIds]);
     return {
         'aria-labelledby': labelledBy,
         'aria-describedby': describedBy,
     };
 };
-exports.useAriaAttributes = useAriaAttributes;
-//# sourceMappingURL=useAriaAttributes.js.map
+exports.useAriaAttributes = useAriaAttributes;

package/build/cjs/hooks/useExtendedComponentMap.d.ts

@@ -1,26 +1,25 @@
-import * as React from 'react';
 import { CustomConfig } from '@gravity-ui/page-constructor';
 export declare const useExtendedComponentMap: (custom: CustomConfig | undefined) => {
     blocks: {
-        "blog-yfm-block": (props: import("../models/blocks.js").YFMProps) => import("react/jsx-runtime").JSX.Element;
-        "blog-layout-block": ({ fullWidth, mobileOrder, children, paddingTop, paddingBottom, }: React.PropsWithChildren<import("../models/blocks.js").LayoutProps>) => import("react/jsx-runtime").JSX.Element;
-        "blog-media-block": ({ text, paddingTop, paddingBottom, ...mediaProps }: import("../models/blocks.js").MediaProps) => import("react/jsx-runtime").JSX.Element;
-        "blog-banner-block": ({ color, imageSize, image, paddingTop, paddingBottom, qa, ...content }: import("../models/blocks.js").BannerProps) => import("react/jsx-runtime").JSX.Element;
-        "blog-cta-block": ({ items, paddingTop, paddingBottom, qa }: import("../models/blocks.js").CTAProps) => import("react/jsx-runtime").JSX.Element;
-        "blog-colored-text-block": ({ background, paddingTop, paddingBottom, qa, ...content }: import("../models/blocks.js").ColoredTextProps) => import("react/jsx-runtime").JSX.Element;
-        "blog-author-block": (props: import("../models/blocks.js").AuthorProps) => import("react/jsx-runtime").JSX.Element | null;
-        "blog-suggest-block": ({ paddingTop, paddingBottom }: import("../models/blocks.js").SuggestProps) => import("react/jsx-runtime").JSX.Element | null;
-        "blog-meta-block": (props: import("../models/blocks.js").MetaProps) => import("react/jsx-runtime").JSX.Element;
-        "blog-feed-block": ({ image }: import("../models/blocks.js").FeedProps) => import("react/jsx-runtime").JSX.Element;
-        "blog-form-block": ({ paddingTop, paddingBottom, ...props }: import("../models/blocks.js").FormProps) => import("react/jsx-runtime").JSX.Element | null;
+        "blog-yfm-block": (props: import("../models/blocks").YFMProps) => import("react").JSX.Element;
+        "blog-layout-block": ({ fullWidth, mobileOrder, children, paddingTop, paddingBottom, }: import("react").PropsWithChildren<import("../models/blocks").LayoutProps>) => import("react").JSX.Element;
+        "blog-media-block": ({ text, paddingTop, paddingBottom, ...mediaProps }: import("../models/blocks").MediaProps) => import("react").JSX.Element;
+        "blog-banner-block": ({ color, imageSize, image, paddingTop, paddingBottom, qa, ...content }: import("../models/blocks").BannerProps) => import("react").JSX.Element;
+        "blog-cta-block": ({ items, paddingTop, paddingBottom, qa }: import("../models/blocks").CTAProps) => import("react").JSX.Element;
+        "blog-colored-text-block": ({ background, paddingTop, paddingBottom, qa, ...content }: import("../models/blocks").ColoredTextProps) => import("react").JSX.Element;
+        "blog-author-block": (props: import("../models/blocks").AuthorProps) => import("react").JSX.Element | null;
+        "blog-suggest-block": ({ paddingTop, paddingBottom }: import("../models/blocks").SuggestProps) => import("react").JSX.Element | null;
+        "blog-meta-block": (props: import("../models/blocks").MetaProps) => import("react").JSX.Element;
+        "blog-feed-block": ({ image }: import("../models/blocks").FeedProps) => import("react").JSX.Element;
+        "blog-form-block": ({ paddingTop, paddingBottom, ...props }: import("../models/blocks").FormProps) => import("react").JSX.Element | null;
     };
     headers: {
-        "blog-header-block": (props: import("../models/blocks.js").HeaderProps) => import("react/jsx-runtime").JSX.Element;
+        "blog-header-block": (props: import("../models/blocks").HeaderProps) => import("react").JSX.Element;
     };
-    subBlocks?: import("@gravity-ui/page-constructor").CustomItems;
-    navigation?: import("@gravity-ui/page-constructor").CustomItems;
-    loadable?: import("@gravity-ui/page-constructor").LoadableConfig;
+    subBlocks?: import("@gravity-ui/page-constructor").CustomItems | undefined;
+    navigation?: import("@gravity-ui/page-constructor").CustomItems | undefined;
+    loadable?: import("@gravity-ui/page-constructor").LoadableConfig | undefined;
     decorators?: {
-        block?: ((props: import("@gravity-ui/page-constructor").BlockDecorationProps) => React.ReactElement)[];
-    };
+        block?: ((props: import("@gravity-ui/page-constructor").BlockDecorationProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>)[] | undefined;
+    } | undefined;
 };

package/build/cjs/hooks/useExtendedComponentMap.js

@@ -2,9 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useExtendedComponentMap = void 0;
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+const react_1 = require("react");
 const page_constructor_1 = require("@gravity-ui/page-constructor");
-const blocksMap_1 = tslib_1.__importDefault(require("../constructor/blocksMap.js"));
-const useExtendedComponentMap = (custom) => React.useMemo(() => (Object.assign(Object.assign({}, custom), { blocks: Object.assign(Object.assign({}, blocksMap_1.default.blocks), (0, page_constructor_1.getCustomItems)(['blocks'], custom)), headers: Object.assign(Object.assign({}, blocksMap_1.default.headers), (0, page_constructor_1.getCustomItems)(['headers'], custom)) })), [custom]);
-exports.useExtendedComponentMap = useExtendedComponentMap;
-//# sourceMappingURL=useExtendedComponentMap.js.map
+const blocksMap_1 = tslib_1.__importDefault(require("../constructor/blocksMap"));
+const useExtendedComponentMap = (custom) => (0, react_1.useMemo)(() => (Object.assign(Object.assign({}, custom), { blocks: Object.assign(Object.assign({}, blocksMap_1.default.blocks), (0, page_constructor_1.getCustomItems)(['blocks'], custom)), headers: Object.assign(Object.assign({}, blocksMap_1.default.headers), (0, page_constructor_1.getCustomItems)(['headers'], custom)) })), [custom]);
+exports.useExtendedComponentMap = useExtendedComponentMap;

package/build/cjs/hooks/useHover.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 export declare function useHover<T extends HTMLElement = HTMLElement>(): [
     ref: React.RefObject<T>,
     hovering: boolean

package/build/cjs/hooks/useHover.js

@@ -1,16 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useHover = useHover;
+exports.useHover = void 0;
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+const react_1 = tslib_1.__importDefault(require("react"));
 /*
  * Source code copied from https://github.com/uidotdev/usehooks | MIT License
  * @see https://usehooks.com/usehover
  */
 function useHover() {
-    const [hovering, setHovering] = React.useState(false);
-    const ref = React.useRef(null);
-    React.useEffect(() => {
+    const [hovering, setHovering] = react_1.default.useState(false);
+    const ref = react_1.default.useRef(null);
+    react_1.default.useEffect(() => {
         const node = ref.current;
         if (!node)
             return;
@@ -30,4 +30,4 @@ function useHover() {
     }, []);
     return [ref, hovering];
 }
-//# sourceMappingURL=useHover.js.map
+exports.useHover = useHover;

package/build/cjs/hooks/useIsIPhone.js

@@ -1,12 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useIsIPhone = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const DeviceContext_1 = require("../contexts/DeviceContext.js");
+const react_1 = require("react");
+const DeviceContext_1 = require("../contexts/DeviceContext");
 const useIsIPhone = () => {
-    const { device } = React.useContext(DeviceContext_1.DeviceContext);
+    const { device } = (0, react_1.useContext)(DeviceContext_1.DeviceContext);
     return (device === null || device === void 0 ? void 0 : device.model) === 'iPhone';
 };
-exports.useIsIPhone = useIsIPhone;
-//# sourceMappingURL=useIsIPhone.js.map
+exports.useIsIPhone = useIsIPhone;

package/build/cjs/hooks/useLikes.d.ts

@@ -1,4 +1,4 @@
-import { ToggleLikeCallbackType } from "../models/common.js";
+import { ToggleLikeCallbackType } from '../models/common';
 type UseLikesProps = {
     hasLike?: boolean;
     count?: number;

package/build/cjs/hooks/useLikes.js

@@ -1,12 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLikes = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+const react_1 = require("react");
 const useLikes = ({ hasLike, count, toggleLikeCallback, postId }) => {
-    const [hasUserLike, setHasUserLike] = React.useState(hasLike !== null && hasLike !== void 0 ? hasLike : false);
-    const [likesCount, setLikesCount] = React.useState(count !== null && count !== void 0 ? count : 0);
-    const handleLike = React.useCallback(() => {
+    const [hasUserLike, setHasUserLike] = (0, react_1.useState)(hasLike !== null && hasLike !== void 0 ? hasLike : false);
+    const [likesCount, setLikesCount] = (0, react_1.useState)(count !== null && count !== void 0 ? count : 0);
+    const handleLike = (0, react_1.useCallback)(() => {
         let newLikesCount = likesCount;
         if (hasUserLike && likesCount > 0) {
             newLikesCount--;
@@ -23,7 +22,7 @@ const useLikes = ({ hasLike, count, toggleLikeCallback, postId }) => {
             });
         }
     }, [hasUserLike, likesCount, postId, toggleLikeCallback]);
-    React.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         setHasUserLike(hasLike !== null && hasLike !== void 0 ? hasLike : false);
         setLikesCount(count !== null && count !== void 0 ? count : 0);
     }, [hasLike, count]);
@@ -33,5 +32,4 @@ const useLikes = ({ hasLike, count, toggleLikeCallback, postId }) => {
         handleLike,
     };
 };
-exports.useLikes = useLikes;
-//# sourceMappingURL=useLikes.js.map
+exports.useLikes = useLikes;

package/build/cjs/hooks/useOpenCloseTimer.js

@@ -1,8 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useOpenCloseTimer = useOpenCloseTimer;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+exports.useOpenCloseTimer = void 0;
+const react_1 = require("react");
 /**
  * Timer to automatically update `open` state after a given duration
  * @param {number} openTimestamp - UNIX timestamp in milliseconds
@@ -11,8 +10,8 @@ const React = tslib_1.__importStar(require("react"));
  */
 function useOpenCloseTimer(openTimestamp = Date.now(), openDuration = 4000) {
     const open = Date.now() - openTimestamp < openDuration;
-    const [, reset] = React.useState(0); // time to reset `open` state
-    React.useEffect(() => {
+    const [, reset] = (0, react_1.useState)(0); // time to reset `open` state
+    (0, react_1.useEffect)(() => {
         const closeTime = openTimestamp + openDuration;
         const delay = closeTime - Date.now();
         if (delay <= 0) {
@@ -28,4 +27,4 @@ function useOpenCloseTimer(openTimestamp = Date.now(), openDuration = 4000) {
     }, [openTimestamp, openDuration]);
     return { open };
 }
-//# sourceMappingURL=useOpenCloseTimer.js.map
+exports.useOpenCloseTimer = useOpenCloseTimer;

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

@@ -21,8 +21,4 @@ export declare enum Keyset {
     Save = "save",
     ClearAction = "clear_action"
 }
-export declare const i18n: ((key: Keyset, params?: import("@gravity-ui/i18n").Params) => string) & {
-    keysetData: {
-        blog: Record<Keyset, import("@gravity-ui/i18n").KeyData>;
-    };
-};
+export declare const i18n: (key: Keyset, params?: import("@gravity-ui/i18n").Params | undefined) => string;

package/build/cjs/i18n/index.js

@@ -26,7 +26,7 @@ var Keyset;
     Keyset["SignIn"] = "Sign In";
     Keyset["Save"] = "save";
     Keyset["ClearAction"] = "clear_action";
-})(Keyset || (exports.Keyset = Keyset = {}));
+})(Keyset = exports.Keyset || (exports.Keyset = {}));
 const en = {
     [Keyset.Title]: 'Blog',
     [Keyset.TitleBreadcrumbs]: 'Blog',
@@ -81,5 +81,4 @@ const ru = {
     [Keyset.Save]: 'Сохранить',
     [Keyset.ClearAction]: 'Очистить',
 };
-exports.i18n = (0, i18n_1.addComponentKeysets)({ en, ru }, NAMESPACE);
-//# sourceMappingURL=index.js.map
+exports.i18n = (0, i18n_1.addComponentKeysets)({ en, ru }, NAMESPACE);

package/build/cjs/icons/Close.d.ts

@@ -1,2 +1,2 @@
-import * as React from 'react';
-export declare const Close: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+import React from 'react';
+export declare const Close: (props: React.SVGProps<SVGSVGElement>) => React.JSX.Element;

package/build/cjs/icons/Close.js

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Close = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const svg_1 = require("../utils/svg.js");
-const Close = (props) => ((0, jsx_runtime_1.jsx)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "currentColor" }, svg_1.a11yHiddenSvgProps, props, { children: (0, jsx_runtime_1.jsx)("path", { d: "M10 0.7L9.3 0L5 4.3L0.7 0L0 0.7L4.3 5L0 9.3L0.7 10L5 5.7L9.3 10L10 9.3L5.7 5L10 0.7Z", fill: "currentColor" }) })));
-exports.Close = Close;
-//# sourceMappingURL=Close.js.map
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const svg_1 = require("../utils/svg");
+const Close = (props) => (react_1.default.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "currentColor" }, svg_1.a11yHiddenSvgProps, props),
+    react_1.default.createElement("path", { d: "M10 0.7L9.3 0L5 4.3L0.7 0L0 0.7L4.3 5L0 9.3L0.7 10L5 5.7L9.3 10L10 9.3L5.7 5L10 0.7Z", fill: "currentColor" })));
+exports.Close = Close;

package/build/cjs/icons/DropdownArrow.d.ts

@@ -1,2 +1,2 @@
-import * as React from 'react';
-export declare const DropdownArrow: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+import React from 'react';
+export declare const DropdownArrow: (props: React.SVGProps<SVGSVGElement>) => React.JSX.Element;

package/build/cjs/icons/DropdownArrow.js

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DropdownArrow = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const svg_1 = require("../utils/svg.js");
-const DropdownArrow = (props) => ((0, jsx_runtime_1.jsx)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", width: "16", height: "16", fill: "currentColor" }, svg_1.a11yHiddenSvgProps, props, { children: (0, jsx_runtime_1.jsx)("path", { d: "M3.50172 5.44253C3.19384 5.16544 2.71962 5.19039 2.44253 5.49828C2.16544 5.80616 2.19039 6.28038 2.49828 6.55747L3.50172 5.44253ZM8 10.5L7.49828 11.0575C7.7835 11.3142 8.2165 11.3142 8.50172 11.0575L8 10.5ZM13.5017 6.55747C13.8096 6.28038 13.8346 5.80616 13.5575 5.49828C13.2804 5.19039 12.8062 5.16544 12.4983 5.44253L13.5017 6.55747ZM2.49828 6.55747L7.49828 11.0575L8.50172 9.94253L3.50172 5.44253L2.49828 6.55747ZM8.50172 11.0575L13.5017 6.55747L12.4983 5.44253L7.49828 9.94253L8.50172 11.0575Z" }) })));
-exports.DropdownArrow = DropdownArrow;
-//# sourceMappingURL=DropdownArrow.js.map
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const svg_1 = require("../utils/svg");
+const DropdownArrow = (props) => (react_1.default.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", width: "16", height: "16", fill: "currentColor" }, svg_1.a11yHiddenSvgProps, props),
+    react_1.default.createElement("path", { d: "M3.50172 5.44253C3.19384 5.16544 2.71962 5.19039 2.44253 5.49828C2.16544 5.80616 2.19039 6.28038 2.49828 6.55747L3.50172 5.44253ZM8 10.5L7.49828 11.0575C7.7835 11.3142 8.2165 11.3142 8.50172 11.0575L8 10.5ZM13.5017 6.55747C13.8096 6.28038 13.8346 5.80616 13.5575 5.49828C13.2804 5.19039 12.8062 5.16544 12.4983 5.44253L13.5017 6.55747ZM2.49828 6.55747L7.49828 11.0575L8.50172 9.94253L3.50172 5.44253L2.49828 6.55747ZM8.50172 11.0575L13.5017 6.55747L12.4983 5.44253L7.49828 9.94253L8.50172 11.0575Z" })));
+exports.DropdownArrow = DropdownArrow;

package/build/cjs/icons/Save.d.ts

@@ -1,2 +1,2 @@
-import * as React from 'react';
-export declare const Save: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+import React from 'react';
+export declare const Save: (props: React.SVGProps<SVGSVGElement>) => React.JSX.Element;

package/build/cjs/icons/Save.js

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Save = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const svg_1 = require("../utils/svg.js");
-const Save = (props) => ((0, jsx_runtime_1.jsx)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor" }, svg_1.a11yHiddenSvgProps, props, { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13 3H3v9.6l3.445-2.94.028-.022a2.624 2.624 0 0 1 3.054 0l.028.021L13 12.6V3Zm1.357-1.614A1.593 1.593 0 0 1 15 2.655v10.547c0 .678-.416 1.218-.841 1.499-.417.275-1.24.517-1.898-.103L8.32 11.234a.64.64 0 0 0-.64 0l-3.942 3.364c-.58.546-1.348.461-1.838.18a1.808 1.808 0 0 1-.9-1.576V2.786C1 2.055 1.515 1 2.667 1H13.2c.405 0 .822.13 1.157.386Z" }) })));
-exports.Save = Save;
-//# sourceMappingURL=Save.js.map
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const svg_1 = require("../utils/svg");
+const Save = (props) => (react_1.default.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor" }, svg_1.a11yHiddenSvgProps, props),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13 3H3v9.6l3.445-2.94.028-.022a2.624 2.624 0 0 1 3.054 0l.028.021L13 12.6V3Zm1.357-1.614A1.593 1.593 0 0 1 15 2.655v10.547c0 .678-.416 1.218-.841 1.499-.417.275-1.24.517-1.898-.103L8.32 11.234a.64.64 0 0 0-.64 0l-3.942 3.364c-.58.546-1.348.461-1.838.18a1.808 1.808 0 0 1-.9-1.576V2.786C1 2.055 1.515 1 2.667 1H13.2c.405 0 .822.13 1.157.386Z" })));
+exports.Save = Save;

package/build/cjs/icons/SaveFilled.d.ts

@@ -1,2 +1,2 @@
-import * as React from 'react';
-export declare const SaveFilled: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+import React from 'react';
+export declare const SaveFilled: (props: React.SVGProps<SVGSVGElement>) => React.JSX.Element;

package/build/cjs/icons/SaveFilled.js

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SaveFilled = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const svg_1 = require("../utils/svg.js");
-const SaveFilled = (props) => ((0, jsx_runtime_1.jsx)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor" }, svg_1.a11yHiddenSvgProps, props, { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.357 1.386A1.593 1.593 0 0 1 15 2.655v10.547c0 .678-.416 1.218-.841 1.499-.417.275-1.24.517-1.898-.103L8.32 11.234a.64.64 0 0 0-.64 0l-3.942 3.364c-.58.546-1.348.461-1.838.18a1.808 1.808 0 0 1-.9-1.576V2.786C1 2.055 1.515 1 2.667 1H13.2c.405 0 .822.13 1.157.386Z" }) })));
-exports.SaveFilled = SaveFilled;
-//# sourceMappingURL=SaveFilled.js.map
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const svg_1 = require("../utils/svg");
+const SaveFilled = (props) => (react_1.default.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor" }, svg_1.a11yHiddenSvgProps, props),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.357 1.386A1.593 1.593 0 0 1 15 2.655v10.547c0 .678-.416 1.218-.841 1.499-.417.275-1.24.517-1.898-.103L8.32 11.234a.64.64 0 0 0-.64 0l-3.942 3.364c-.58.546-1.348.461-1.838.18a1.808 1.808 0 0 1-.9-1.576V2.786C1 2.055 1.515 1 2.667 1H13.2c.405 0 .822.13 1.157.386Z" })));
+exports.SaveFilled = SaveFilled;

package/build/cjs/icons/SearchIcon.d.ts

@@ -1,2 +1,2 @@
-import * as React from 'react';
-export declare const SearchIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+import React from 'react';
+export declare const SearchIcon: (props: React.SVGProps<SVGSVGElement>) => React.JSX.Element;

package/build/cjs/icons/SearchIcon.js

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SearchIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const svg_1 = require("../utils/svg.js");
-const SearchIcon = (props) => ((0, jsx_runtime_1.jsx)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, svg_1.a11yHiddenSvgProps, props, { children: (0, jsx_runtime_1.jsx)("path", { d: "M9.532 9.539A5 5 0 1 0 2.468 2.46a5 5 0 0 0 7.064 7.08zm0 0L15 15", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", vectorEffect: "non-scaling-stroke" }) })));
-exports.SearchIcon = SearchIcon;
-//# sourceMappingURL=SearchIcon.js.map
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const svg_1 = require("../utils/svg");
+const SearchIcon = (props) => (react_1.default.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, svg_1.a11yHiddenSvgProps, props),
+    react_1.default.createElement("path", { d: "M9.532 9.539A5 5 0 1 0 2.468 2.46a5 5 0 0 0 7.064 7.08zm0 0L15 15", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", vectorEffect: "non-scaling-stroke" })));
+exports.SearchIcon = SearchIcon;

package/build/cjs/icons/ShareArrowUp.d.ts

@@ -1,2 +1,2 @@
-import * as React from 'react';
-export declare const ShareArrowUp: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+import React from 'react';
+export declare const ShareArrowUp: (props: React.SVGProps<SVGSVGElement>) => React.JSX.Element;

package/build/cjs/icons/ShareArrowUp.js

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ShareArrowUp = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const svg_1 = require("../utils/svg.js");
-const ShareArrowUp = (props) => ((0, jsx_runtime_1.jsx)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor" }, svg_1.a11yHiddenSvgProps, props, { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.798 3.16a.5.5 0 0 0 .363.842H7V9a1 1 0 0 0 2 0V4.002h1.839a.5.5 0 0 0 .363-.844L8.363.156a.5.5 0 0 0-.726 0l-2.84 3.002.001.001ZM13 7a1 1 0 0 1 2 0v6.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 13.5V7a1 1 0 0 1 2 0v6h10V7Z" }) })));
-exports.ShareArrowUp = ShareArrowUp;
-//# sourceMappingURL=ShareArrowUp.js.map
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const svg_1 = require("../utils/svg");
+const ShareArrowUp = (props) => (react_1.default.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor" }, svg_1.a11yHiddenSvgProps, props),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.798 3.16a.5.5 0 0 0 .363.842H7V9a1 1 0 0 0 2 0V4.002h1.839a.5.5 0 0 0 .363-.844L8.363.156a.5.5 0 0 0-.726 0l-2.84 3.002.001.001ZM13 7a1 1 0 0 1 2 0v6.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 13.5V7a1 1 0 0 1 2 0v6h10V7Z" })));
+exports.ShareArrowUp = ShareArrowUp;

package/build/cjs/icons/Time.d.ts

@@ -1,2 +1,2 @@
-import * as React from 'react';
-export declare const Time: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+import React from 'react';
+export declare const Time: (props: React.SVGProps<SVGSVGElement>) => React.JSX.Element;