@diplodoc/components 0.0.0-rc-pdf-icon-custimization-24387828749

package/build/cjs/components/Feedback/controls/DislikeControl.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/Feedback/controls/DislikeControl.tsx"],
+  "sourcesContent": ["import React, {forwardRef, memo, useContext} from 'react';\nimport {ThumbsDown, ThumbsDownFill} from '@gravity-ui/icons';\nimport {Button} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nimport {useTranslation} from '../../../hooks';\nimport {Control} from '../../Control';\nimport {ControlsLayoutContext} from '../../Controls/ControlsLayout';\nimport {FeedbackView} from '../Feedback';\n\ntype DislikeControlProps = {\n    isVerticalView?: boolean | undefined;\n    isDisliked: boolean | undefined;\n    isPopupVisible: boolean;\n    className?: string | undefined;\n    view: FeedbackView | undefined;\n    onClick: () => void;\n};\n\nconst b = block('dc-feedback');\n\nconst DislikeControl = memo(\n    forwardRef<HTMLButtonElement, DislikeControlProps>(({isDisliked, view, onClick}, ref) => {\n        const {t} = useTranslation('feedback');\n        const {isVerticalView, controlClassName} = useContext(ControlsLayoutContext);\n        const tooltipText = isDisliked ? t('cancel-dislike-text') : t('dislike-text');\n\n        const Icon = isDisliked ? ThumbsDownFill : ThumbsDown;\n\n        if (view === FeedbackView.Wide) {\n            return (\n                <Button view=\"normal\" ref={ref} onClick={onClick} className={b('control', {view})}>\n                    <Button.Icon>\n                        <Icon width={20} height={20} />\n                    </Button.Icon>\n                    {t('button-dislike-text')}\n                </Button>\n            );\n        }\n\n        return (\n            <Control\n                onClick={onClick}\n                className={b('control', {view}, controlClassName)}\n                isVerticalView={isVerticalView}\n                tooltipText={tooltipText}\n                ref={ref}\n                icon={Icon}\n            />\n        );\n    }),\n);\n\nDislikeControl.displayName = 'DislikeControl';\n\nexport default DislikeControl;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkD;AAClD,mBAAyC;AACzC,mBAAqB;AACrB,yBAAkB;AAElB,mBAA6B;AAC7B,qBAAsB;AACtB,4BAAoC;AACpC,sBAA2B;AAW3B,IAAM,QAAI,mBAAAA,SAAM,aAAa;AAE7B,IAAM,qBAAiB;AAAA,MACnB,yBAAmD,CAAC,EAAC,YAAY,MAAM,QAAO,GAAG,QAAQ;AACrF,UAAM,EAAC,EAAC,QAAI,6BAAe,UAAU;AACrC,UAAM,EAAC,gBAAgB,iBAAgB,QAAI,yBAAW,2CAAqB;AAC3E,UAAM,cAAc,aAAa,EAAE,qBAAqB,IAAI,EAAE,cAAc;AAE5E,UAAM,OAAO,aAAa,8BAAiB;AAE3C,QAAI,SAAS,6BAAa,MAAM;AAC5B,aACI,6BAAAC,QAAA,cAAC,uBAAO,MAAK,UAAS,KAAU,SAAkB,WAAW,EAAE,WAAW,EAAC,KAAI,CAAC,KAC5E,6BAAAA,QAAA,cAAC,oBAAO,MAAP,MACG,6BAAAA,QAAA,cAAC,QAAK,OAAO,IAAI,QAAQ,IAAI,CACjC,GACC,EAAE,qBAAqB,CAC5B;AAAA,IAER;AAEA,WACI,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACG;AAAA,QACA,WAAW,EAAE,WAAW,EAAC,KAAI,GAAG,gBAAgB;AAAA,QAChD;AAAA,QACA;AAAA,QACA;AAAA,QACA,MAAM;AAAA;AAAA,IACV;AAAA,EAER,CAAC;AACL;AAEA,eAAe,cAAc;AAE7B,IAAO,yBAAQ;",
+  "names": ["block", "React"]
+}

package/build/cjs/components/Feedback/controls/DislikeVariantsPopup.d.ts

@@ -0,0 +1,19 @@
+import type { RefObject } from 'react';
+import React from 'react';
+import { FeedbackView } from '../Feedback';
+export interface FeedbackCheckboxes {
+    [key: string]: boolean;
+}
+export type FormData = {
+    comment: string;
+    answers: string[];
+};
+type DislikeVariantsPopupProps = {
+    view: FeedbackView;
+    visible: boolean;
+    anchor: RefObject<HTMLButtonElement>;
+    onOutsideClick: () => void;
+    onSubmit: (data: FormData) => void;
+};
+declare const DislikeVariantsPopup: React.FC<DislikeVariantsPopupProps>;
+export default DislikeVariantsPopup;

package/build/cjs/components/Feedback/controls/DislikeVariantsPopup.js

@@ -0,0 +1,170 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b2) => {
+  for (var prop in b2 || (b2 = {}))
+    if (__hasOwnProp.call(b2, prop))
+      __defNormalProp(a, prop, b2[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b2)) {
+      if (__propIsEnum.call(b2, prop))
+        __defNormalProp(a, prop, b2[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b2) => __defProps(a, __getOwnPropDescs(b2));
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Feedback/controls/DislikeVariantsPopup.tsx
+var DislikeVariantsPopup_exports = {};
+__export(DislikeVariantsPopup_exports, {
+  default: () => DislikeVariantsPopup_default
+});
+module.exports = __toCommonJS(DislikeVariantsPopup_exports);
+var import_react = __toESM(require("react"));
+var import_uikit = require("@gravity-ui/uikit");
+var import_bem_cn_lite = __toESM(require("bem-cn-lite"));
+var import_hooks = require("../../../hooks");
+var import_utils = require("../../../utils");
+var import_ControlsLayout = require("../../Controls/ControlsLayout");
+var import_Feedback = require("../Feedback");
+var b = (0, import_bem_cn_lite.default)("dc-feedback");
+var DislikeVariantsList = (0, import_react.memo)(
+  (0, import_react.forwardRef)((_props, ref) => {
+    const { t, i18n } = (0, import_hooks.useTranslation)("feedback-variants");
+    const variants = i18n.getResourceBundle(i18n.language, "feedback-variants");
+    const [checked, setChecked] = (0, import_react.useState)({});
+    (0, import_react.useImperativeHandle)(ref, () => {
+      return {
+        data() {
+          return Object.keys(checked).filter((key) => Boolean(checked[key])).map((key) => variants[key]);
+        },
+        clean() {
+          setChecked({});
+        }
+      };
+    });
+    if (!Object.keys(variants).length) {
+      return null;
+    }
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: b("variants") }, Object.keys(variants).map((variant) => /* @__PURE__ */ import_react.default.createElement(
+      import_uikit.Checkbox,
+      {
+        key: variant,
+        className: b("variant"),
+        checked: checked[variant],
+        onUpdate: (state) => {
+          setChecked(__spreadProps(__spreadValues({}, checked), {
+            [variant]: state
+          }));
+        },
+        content: t(variant)
+      }
+    )));
+  })
+);
+DislikeVariantsList.displayName = "DislikeVariantsList";
+var DislikeVariantsInput = (0, import_react.memo)(
+  (0, import_react.forwardRef)((_props, ref) => {
+    const { t } = (0, import_hooks.useTranslation)("feedback");
+    const [feedbackComment, setFeedbackComment] = (0, import_react.useState)("");
+    const onChange = (0, import_react.useCallback)((event) => {
+      setFeedbackComment(event.target.value);
+    }, []);
+    (0, import_react.useImperativeHandle)(ref, () => {
+      return {
+        data() {
+          return feedbackComment;
+        },
+        clean() {
+          setFeedbackComment("");
+        }
+      };
+    });
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: b("textarea") }, /* @__PURE__ */ import_react.default.createElement(
+      import_uikit.TextArea,
+      {
+        size: "m",
+        rows: 6,
+        placeholder: t("comment-placeholder"),
+        hasClear: true,
+        value: feedbackComment,
+        onChange
+      }
+    ));
+  })
+);
+DislikeVariantsInput.displayName = "DislikeVariantsInput";
+var DislikeVariantsPopup = (0, import_react.memo)(
+  ({ anchor, visible, view, onOutsideClick, onSubmit }) => {
+    const { t } = (0, import_hooks.useTranslation)("feedback");
+    const { isVerticalView } = (0, import_react.useContext)(import_ControlsLayout.ControlsLayoutContext);
+    const direction = (0, import_uikit.useDirection)();
+    const position = (0, import_react.useMemo)(() => {
+      if (!view || view === import_Feedback.FeedbackView.Regular) {
+        return (0, import_utils.getPopupPosition)(isVerticalView, direction);
+      }
+      return import_hooks.PopperPosition.RIGHT;
+    }, [isVerticalView, view, direction]);
+    const feedbackComment = (0, import_react.useRef)(null);
+    const feedbackCheckboxes = (0, import_react.useRef)(null);
+    const onFormSubmit = (0, import_react.useCallback)(
+      (event) => {
+        var _a, _b, _c, _d;
+        event.preventDefault();
+        onSubmit({
+          comment: ((_a = feedbackComment.current) == null ? void 0 : _a.data()) || "",
+          answers: ((_b = feedbackCheckboxes.current) == null ? void 0 : _b.data()) || []
+        });
+        (_c = feedbackComment.current) == null ? void 0 : _c.clean();
+        (_d = feedbackCheckboxes.current) == null ? void 0 : _d.clean();
+      },
+      [onSubmit]
+    );
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_uikit.Popup,
+      {
+        anchorElement: anchor.current,
+        open: visible,
+        onOutsideClick,
+        className: b("variants-popup", { view }),
+        placement: position,
+        offset: { mainAxis: 1, crossAxis: 0 }
+      },
+      /* @__PURE__ */ import_react.default.createElement("h3", { className: b("popup-title") }, t("dislike-variants-title")),
+      /* @__PURE__ */ import_react.default.createElement("form", { onSubmit: onFormSubmit }, /* @__PURE__ */ import_react.default.createElement(DislikeVariantsList, { ref: feedbackCheckboxes }), /* @__PURE__ */ import_react.default.createElement(DislikeVariantsInput, { ref: feedbackComment }), /* @__PURE__ */ import_react.default.createElement("div", { className: b("variants-actions") }, /* @__PURE__ */ import_react.default.createElement(import_uikit.Button, { view: "action", className: b("variants-action"), type: "submit" }, t("send-action-text"))))
+    );
+  }
+);
+DislikeVariantsPopup.displayName = "FeedbackDislikeVariantsPopup";
+var DislikeVariantsPopup_default = DislikeVariantsPopup;
+//# sourceMappingURL=DislikeVariantsPopup.js.map

package/build/cjs/components/Feedback/controls/DislikeVariantsPopup.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/Feedback/controls/DislikeVariantsPopup.tsx"],
+  "sourcesContent": ["import type {RefObject, SyntheticEvent} from 'react';\n\nimport React, {\n    forwardRef,\n    memo,\n    useCallback,\n    useContext,\n    useImperativeHandle,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport {Button, Checkbox, Popup, TextArea, useDirection} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nimport {PopperPosition, useTranslation} from '../../../hooks';\nimport {getPopupPosition} from '../../../utils';\nimport {ControlsLayoutContext} from '../../Controls/ControlsLayout';\nimport {FeedbackView} from '../Feedback';\n\nexport interface FeedbackCheckboxes {\n    [key: string]: boolean;\n}\n\nconst b = block('dc-feedback');\n\nconst DislikeVariantsList = memo(\n    forwardRef<FormPart<string[]>>((_props, ref) => {\n        const {t, i18n} = useTranslation('feedback-variants');\n        const variants = i18n.getResourceBundle(i18n.language, 'feedback-variants');\n        const [checked, setChecked] = useState({} as FeedbackCheckboxes);\n\n        useImperativeHandle(ref, () => {\n            return {\n                data() {\n                    return Object.keys(checked)\n                        .filter((key) => Boolean(checked[key]))\n                        .map((key) => variants[key]);\n                },\n\n                clean() {\n                    setChecked({});\n                },\n            };\n        });\n\n        if (!Object.keys(variants).length) {\n            return null;\n        }\n\n        return (\n            <div className={b('variants')}>\n                {Object.keys(variants).map((variant) => (\n                    <Checkbox\n                        key={variant}\n                        className={b('variant')}\n                        checked={checked[variant]}\n                        // TODO: fix uikit API - onUpdate(value, key)\n                        onUpdate={(state) => {\n                            setChecked({\n                                ...checked,\n                                [variant]: state,\n                            });\n                        }}\n                        content={t(variant)}\n                    />\n                ))}\n            </div>\n        );\n    }),\n);\n\nDislikeVariantsList.displayName = 'DislikeVariantsList';\n\nconst DislikeVariantsInput = memo(\n    forwardRef<FormPart<string>>((_props, ref) => {\n        const {t} = useTranslation('feedback');\n        const [feedbackComment, setFeedbackComment] = useState('');\n        const onChange = useCallback((event: SyntheticEvent) => {\n            setFeedbackComment((event.target as HTMLTextAreaElement).value);\n        }, []);\n\n        useImperativeHandle(ref, () => {\n            return {\n                data() {\n                    return feedbackComment;\n                },\n\n                clean() {\n                    setFeedbackComment('');\n                },\n            };\n        });\n\n        return (\n            <div className={b('textarea')}>\n                <TextArea\n                    size=\"m\"\n                    rows={6}\n                    placeholder={t('comment-placeholder')}\n                    hasClear\n                    value={feedbackComment}\n                    onChange={onChange}\n                />\n            </div>\n        );\n    }),\n);\n\nDislikeVariantsInput.displayName = 'DislikeVariantsInput';\n\ntype FormPart<T> = {\n    data(): T;\n    clean(): void;\n};\n\nexport type FormData = {\n    comment: string;\n    answers: string[];\n};\n\ntype DislikeVariantsPopupProps = {\n    view: FeedbackView;\n    visible: boolean;\n    anchor: RefObject<HTMLButtonElement>;\n    onOutsideClick: () => void;\n    onSubmit: (data: FormData) => void;\n};\n\nconst DislikeVariantsPopup: React.FC<DislikeVariantsPopupProps> = memo(\n    ({anchor, visible, view, onOutsideClick, onSubmit}) => {\n        const {t} = useTranslation('feedback');\n        const {isVerticalView} = useContext(ControlsLayoutContext);\n        const direction = useDirection();\n\n        const position = useMemo(() => {\n            if (!view || view === FeedbackView.Regular) {\n                return getPopupPosition(isVerticalView, direction);\n            }\n\n            return PopperPosition.RIGHT;\n        }, [isVerticalView, view, direction]);\n\n        const feedbackComment = useRef<FormPart<string> | null>(null);\n        const feedbackCheckboxes = useRef<FormPart<string[]> | null>(null);\n\n        const onFormSubmit = useCallback(\n            (event: SyntheticEvent) => {\n                event.preventDefault();\n\n                onSubmit({\n                    comment: feedbackComment.current?.data() || '',\n                    answers: feedbackCheckboxes.current?.data() || [],\n                });\n\n                feedbackComment.current?.clean();\n                feedbackCheckboxes.current?.clean();\n            },\n            [onSubmit],\n        );\n\n        return (\n            <Popup\n                anchorElement={anchor.current}\n                open={visible}\n                onOutsideClick={onOutsideClick}\n                className={b('variants-popup', {view})}\n                placement={position}\n                offset={{mainAxis: 1, crossAxis: 0}}\n            >\n                <h3 className={b('popup-title')}>{t('dislike-variants-title')}</h3>\n                <form onSubmit={onFormSubmit}>\n                    <DislikeVariantsList ref={feedbackCheckboxes} />\n                    <DislikeVariantsInput ref={feedbackComment} />\n                    <div className={b('variants-actions')}>\n                        <Button view=\"action\" className={b('variants-action')} type={'submit'}>\n                            {t('send-action-text')}\n                        </Button>\n                    </div>\n                </form>\n            </Popup>\n        );\n    },\n);\n\nDislikeVariantsPopup.displayName = 'FeedbackDislikeVariantsPopup';\n\nexport default DislikeVariantsPopup;\n"],
+  "mappings": "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",
+  "names": ["block", "React"]
+}

package/build/cjs/components/Feedback/controls/LikeControl.d.ts

@@ -0,0 +1,14 @@
+import type { PopperPosition } from '../../../hooks';
+import React from 'react';
+import { FeedbackView } from '../Feedback';
+type LikeControlProps = {
+    isVerticalView?: boolean | undefined;
+    isLiked: boolean | undefined;
+    isPopupVisible: boolean;
+    className?: string | undefined;
+    view: FeedbackView | undefined;
+    onClick: () => void;
+    popupPosition?: PopperPosition | undefined;
+};
+declare const LikeControl: React.MemoExoticComponent<React.ForwardRefExoticComponent<LikeControlProps & React.RefAttributes<HTMLButtonElement>>>;
+export default LikeControl;

package/build/cjs/components/Feedback/controls/LikeControl.js

@@ -0,0 +1,70 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Feedback/controls/LikeControl.tsx
+var LikeControl_exports = {};
+__export(LikeControl_exports, {
+  default: () => LikeControl_default
+});
+module.exports = __toCommonJS(LikeControl_exports);
+var import_react = __toESM(require("react"));
+var import_icons = require("@gravity-ui/icons");
+var import_uikit = require("@gravity-ui/uikit");
+var import_bem_cn_lite = __toESM(require("bem-cn-lite"));
+var import_hooks = require("../../../hooks");
+var import_Control = require("../../Control");
+var import_ControlsLayout = require("../../Controls/ControlsLayout");
+var import_Feedback = require("../Feedback");
+var b = (0, import_bem_cn_lite.default)("dc-feedback");
+var LikeControl = (0, import_react.memo)(
+  (0, import_react.forwardRef)(({ isLiked, view, onClick }, ref) => {
+    const { t } = (0, import_hooks.useTranslation)("feedback");
+    const { isVerticalView, popupPosition, controlClassName } = (0, import_react.useContext)(import_ControlsLayout.ControlsLayoutContext);
+    const tooltipText = isLiked ? t("cancel-like-text") : t("like-text");
+    const Icon = isLiked ? import_icons.ThumbsUpFill : import_icons.ThumbsUp;
+    if (view === import_Feedback.FeedbackView.Wide) {
+      return /* @__PURE__ */ import_react.default.createElement(import_uikit.Button, { view: "normal", ref, onClick, className: b("control", { view }) }, /* @__PURE__ */ import_react.default.createElement(import_uikit.Button.Icon, null, /* @__PURE__ */ import_react.default.createElement(Icon, { width: 20, height: 20 })), t("button-like-text"));
+    }
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_Control.Control,
+      {
+        onClick,
+        className: b("control", { view }, controlClassName),
+        isVerticalView,
+        tooltipText,
+        ref,
+        icon: Icon,
+        popupPosition
+      }
+    );
+  })
+);
+LikeControl.displayName = "LikeControl";
+var LikeControl_default = LikeControl;
+//# sourceMappingURL=LikeControl.js.map

package/build/cjs/components/Feedback/controls/LikeControl.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/Feedback/controls/LikeControl.tsx"],
+  "sourcesContent": ["import type {PopperPosition} from '../../../hooks';\n\nimport React, {forwardRef, memo, useContext} from 'react';\nimport {ThumbsUp, ThumbsUpFill} from '@gravity-ui/icons';\nimport {Button} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nimport {useTranslation} from '../../../hooks';\nimport {Control} from '../../Control';\nimport {ControlsLayoutContext} from '../../Controls/ControlsLayout';\nimport {FeedbackView} from '../Feedback';\n\ntype LikeControlProps = {\n    isVerticalView?: boolean | undefined;\n    isLiked: boolean | undefined;\n    isPopupVisible: boolean;\n    className?: string | undefined;\n    view: FeedbackView | undefined;\n    onClick: () => void;\n    popupPosition?: PopperPosition | undefined;\n};\n\nconst b = block('dc-feedback');\n\nconst LikeControl = memo(\n    forwardRef<HTMLButtonElement, LikeControlProps>(({isLiked, view, onClick}, ref) => {\n        const {t} = useTranslation('feedback');\n        const {isVerticalView, popupPosition, controlClassName} = useContext(ControlsLayoutContext);\n        const tooltipText = isLiked ? t('cancel-like-text') : t('like-text');\n\n        const Icon = isLiked ? ThumbsUpFill : ThumbsUp;\n\n        if (view === FeedbackView.Wide) {\n            return (\n                <Button view=\"normal\" ref={ref} onClick={onClick} className={b('control', {view})}>\n                    <Button.Icon>\n                        <Icon width={20} height={20} />\n                    </Button.Icon>\n                    {t('button-like-text')}\n                </Button>\n            );\n        }\n\n        return (\n            <Control\n                onClick={onClick}\n                className={b('control', {view}, controlClassName)}\n                isVerticalView={isVerticalView}\n                tooltipText={tooltipText}\n                ref={ref}\n                icon={Icon}\n                popupPosition={popupPosition}\n            />\n        );\n    }),\n);\n\nLikeControl.displayName = 'LikeControl';\n\nexport default LikeControl;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAkD;AAClD,mBAAqC;AACrC,mBAAqB;AACrB,yBAAkB;AAElB,mBAA6B;AAC7B,qBAAsB;AACtB,4BAAoC;AACpC,sBAA2B;AAY3B,IAAM,QAAI,mBAAAA,SAAM,aAAa;AAE7B,IAAM,kBAAc;AAAA,MAChB,yBAAgD,CAAC,EAAC,SAAS,MAAM,QAAO,GAAG,QAAQ;AAC/E,UAAM,EAAC,EAAC,QAAI,6BAAe,UAAU;AACrC,UAAM,EAAC,gBAAgB,eAAe,iBAAgB,QAAI,yBAAW,2CAAqB;AAC1F,UAAM,cAAc,UAAU,EAAE,kBAAkB,IAAI,EAAE,WAAW;AAEnE,UAAM,OAAO,UAAU,4BAAe;AAEtC,QAAI,SAAS,6BAAa,MAAM;AAC5B,aACI,6BAAAC,QAAA,cAAC,uBAAO,MAAK,UAAS,KAAU,SAAkB,WAAW,EAAE,WAAW,EAAC,KAAI,CAAC,KAC5E,6BAAAA,QAAA,cAAC,oBAAO,MAAP,MACG,6BAAAA,QAAA,cAAC,QAAK,OAAO,IAAI,QAAQ,IAAI,CACjC,GACC,EAAE,kBAAkB,CACzB;AAAA,IAER;AAEA,WACI,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACG;AAAA,QACA,WAAW,EAAE,WAAW,EAAC,KAAI,GAAG,gBAAgB;AAAA,QAChD;AAAA,QACA;AAAA,QACA;AAAA,QACA,MAAM;AAAA,QACN;AAAA;AAAA,IACJ;AAAA,EAER,CAAC;AACL;AAEA,YAAY,cAAc;AAE1B,IAAO,sBAAQ;",
+  "names": ["block", "React"]
+}

package/build/cjs/components/Feedback/controls/SuccessPopup.d.ts

@@ -0,0 +1,11 @@
+import type { RefObject } from 'react';
+import React from 'react';
+import { FeedbackView } from '../Feedback';
+type SuccessPopupProps = {
+    view: FeedbackView;
+    visible: boolean;
+    anchor: RefObject<HTMLButtonElement>;
+    onOutsideClick: () => void;
+};
+declare const SuccessPopup: React.NamedExoticComponent<SuccessPopupProps>;
+export default SuccessPopup;

package/build/cjs/components/Feedback/controls/SuccessPopup.js

@@ -0,0 +1,70 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Feedback/controls/SuccessPopup.tsx
+var SuccessPopup_exports = {};
+__export(SuccessPopup_exports, {
+  default: () => SuccessPopup_default
+});
+module.exports = __toCommonJS(SuccessPopup_exports);
+var import_react = __toESM(require("react"));
+var import_uikit = require("@gravity-ui/uikit");
+var import_bem_cn_lite = __toESM(require("bem-cn-lite"));
+var import_hooks = require("../../../hooks");
+var import_utils = require("../../../utils");
+var import_ControlsLayout = require("../../Controls/ControlsLayout");
+var import_Feedback = require("../Feedback");
+var b = (0, import_bem_cn_lite.default)("dc-feedback");
+var SuccessPopup = (0, import_react.memo)(({ visible, anchor, onOutsideClick, view }) => {
+  const { t } = (0, import_hooks.useTranslation)("feedback");
+  const { isVerticalView } = (0, import_react.useContext)(import_ControlsLayout.ControlsLayoutContext);
+  const direction = (0, import_uikit.useDirection)();
+  const position = (0, import_react.useMemo)(() => {
+    if (!view || view === import_Feedback.FeedbackView.Regular) {
+      return (0, import_utils.getPopupPosition)(isVerticalView, direction);
+    }
+    return import_hooks.PopperPosition.RIGHT;
+  }, [isVerticalView, view, direction]);
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_uikit.Popup,
+    {
+      anchorRef: anchor,
+      open: visible,
+      onOutsideClick,
+      className: b("success-popup", { view }),
+      placement: position,
+      offset: { mainAxis: 1, crossAxis: 0 }
+    },
+    /* @__PURE__ */ import_react.default.createElement("h3", { className: b("popup-title") }, t("success-title")),
+    /* @__PURE__ */ import_react.default.createElement("p", { className: b("popup-text") }, t("success-text"))
+  );
+});
+SuccessPopup.displayName = "FeedbackSuccessPopup";
+var SuccessPopup_default = SuccessPopup;
+//# sourceMappingURL=SuccessPopup.js.map

package/build/cjs/components/Feedback/controls/SuccessPopup.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/Feedback/controls/SuccessPopup.tsx"],
+  "sourcesContent": ["import type {RefObject} from 'react';\n\nimport React, {memo, useContext, useMemo} from 'react';\nimport {Popup, useDirection} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nimport {PopperPosition, useTranslation} from '../../../hooks';\nimport {getPopupPosition} from '../../../utils';\nimport {ControlsLayoutContext} from '../../Controls/ControlsLayout';\nimport {FeedbackView} from '../Feedback';\n\ntype SuccessPopupProps = {\n    view: FeedbackView;\n    visible: boolean;\n    anchor: RefObject<HTMLButtonElement>;\n    onOutsideClick: () => void;\n};\n\nconst b = block('dc-feedback');\n\nconst SuccessPopup = memo<SuccessPopupProps>(({visible, anchor, onOutsideClick, view}) => {\n    const {t} = useTranslation('feedback');\n    const {isVerticalView} = useContext(ControlsLayoutContext);\n    const direction = useDirection();\n\n    const position = useMemo(() => {\n        if (!view || view === FeedbackView.Regular) {\n            return getPopupPosition(isVerticalView, direction);\n        }\n\n        return PopperPosition.RIGHT;\n    }, [isVerticalView, view, direction]);\n\n    return (\n        <Popup\n            anchorRef={anchor}\n            open={visible}\n            onOutsideClick={onOutsideClick}\n            className={b('success-popup', {view})}\n            placement={position}\n            offset={{mainAxis: 1, crossAxis: 0}}\n        >\n            <h3 className={b('popup-title')}>{t('success-title')}</h3>\n            <p className={b('popup-text')}>{t('success-text')}</p>\n        </Popup>\n    );\n});\n\nSuccessPopup.displayName = 'FeedbackSuccessPopup';\n\nexport default SuccessPopup;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAA+C;AAC/C,mBAAkC;AAClC,yBAAkB;AAElB,mBAA6C;AAC7C,mBAA+B;AAC/B,4BAAoC;AACpC,sBAA2B;AAS3B,IAAM,QAAI,mBAAAA,SAAM,aAAa;AAE7B,IAAM,mBAAe,mBAAwB,CAAC,EAAC,SAAS,QAAQ,gBAAgB,KAAI,MAAM;AACtF,QAAM,EAAC,EAAC,QAAI,6BAAe,UAAU;AACrC,QAAM,EAAC,eAAc,QAAI,yBAAW,2CAAqB;AACzD,QAAM,gBAAY,2BAAa;AAE/B,QAAM,eAAW,sBAAQ,MAAM;AAC3B,QAAI,CAAC,QAAQ,SAAS,6BAAa,SAAS;AACxC,iBAAO,+BAAiB,gBAAgB,SAAS;AAAA,IACrD;AAEA,WAAO,4BAAe;AAAA,EAC1B,GAAG,CAAC,gBAAgB,MAAM,SAAS,CAAC;AAEpC,SACI,6BAAAC,QAAA;AAAA,IAAC;AAAA;AAAA,MACG,WAAW;AAAA,MACX,MAAM;AAAA,MACN;AAAA,MACA,WAAW,EAAE,iBAAiB,EAAC,KAAI,CAAC;AAAA,MACpC,WAAW;AAAA,MACX,QAAQ,EAAC,UAAU,GAAG,WAAW,EAAC;AAAA;AAAA,IAElC,6BAAAA,QAAA,cAAC,QAAG,WAAW,EAAE,aAAa,KAAI,EAAE,eAAe,CAAE;AAAA,IACrD,6BAAAA,QAAA,cAAC,OAAE,WAAW,EAAE,YAAY,KAAI,EAAE,cAAc,CAAE;AAAA,EACtD;AAER,CAAC;AAED,aAAa,cAAc;AAE3B,IAAO,uBAAQ;",
+  "names": ["block", "React"]
+}

package/build/cjs/components/Feedback/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Feedback';
+export { default as Feedback } from './Feedback';

package/build/cjs/components/Feedback/index.js

@@ -0,0 +1,39 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Feedback/index.ts
+var Feedback_exports = {};
+__export(Feedback_exports, {
+  Feedback: () => import_Feedback.default
+});
+module.exports = __toCommonJS(Feedback_exports);
+__reExport(Feedback_exports, require("./Feedback"), module.exports);
+var import_Feedback = __toESM(require("./Feedback"));
+//# sourceMappingURL=index.js.map

package/build/cjs/components/Feedback/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/Feedback/index.ts"],
+  "sourcesContent": ["export * from './Feedback';\nexport {default as Feedback} from './Feedback';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6BAAc,uBAAd;AACA,sBAAkC;",
+  "names": []
+}

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

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface HTMLProps {
+    children?: string;
+    block?: boolean;
+    className?: string;
+    id?: string;
+}
+export declare const HTML: React.FC<HTMLProps>;

package/build/cjs/components/HTML/HTML.js

@@ -0,0 +1,47 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/HTML/HTML.tsx
+var HTML_exports = {};
+__export(HTML_exports, {
+  HTML: () => HTML
+});
+module.exports = __toCommonJS(HTML_exports);
+var import_react = __toESM(require("react"));
+var HTML = ({ children, block = false, className, id }) => {
+  if (!children) {
+    return null;
+  }
+  return import_react.default.createElement(block ? "div" : "span", {
+    dangerouslySetInnerHTML: { __html: children },
+    className,
+    id
+  });
+};
+//# sourceMappingURL=HTML.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/HTML/HTML.tsx"],
+  "sourcesContent": ["import React from 'react';\n\nexport interface HTMLProps {\n    children?: string;\n    block?: boolean;\n    className?: string;\n    id?: string;\n}\n\nexport const HTML: React.FC<HTMLProps> = ({children, block = false, className, id}) => {\n    if (!children) {\n        return null;\n    }\n\n    return React.createElement(block ? 'div' : 'span', {\n        dangerouslySetInnerHTML: {__html: children},\n        className,\n        id,\n    });\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AASX,IAAM,OAA4B,CAAC,EAAC,UAAU,QAAQ,OAAO,WAAW,GAAE,MAAM;AACnF,MAAI,CAAC,UAAU;AACX,WAAO;AAAA,EACX;AAEA,SAAO,aAAAA,QAAM,cAAc,QAAQ,QAAQ,QAAQ;AAAA,IAC/C,yBAAyB,EAAC,QAAQ,SAAQ;AAAA,IAC1C;AAAA,IACA;AAAA,EACJ,CAAC;AACL;",
+  "names": ["React"]
+}

package/build/cjs/components/HTML/index.d.ts

@@ -0,0 +1 @@
+export * from './HTML';

package/build/cjs/components/HTML/index.js

@@ -0,0 +1,21 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/HTML/index.ts
+var HTML_exports = {};
+module.exports = __toCommonJS(HTML_exports);
+__reExport(HTML_exports, require("./HTML"), module.exports);
+//# sourceMappingURL=index.js.map

package/build/cjs/components/HTML/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/HTML/index.ts"],
+  "sourcesContent": ["export * from './HTML';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,yBAAc,mBAAd;",
+  "names": []
+}

package/build/cjs/components/Mark/Mark.css

@@ -0,0 +1,21 @@
+/* src/components/Mark/Mark.scss */
+.dc-mark {
+  display: inline-block;
+  font-weight: bold;
+  line-height: 1;
+}
+.dc-mark_color_blue {
+  color: #67b0f8;
+}
+.dc-mark_color_green {
+  color: #56bd67;
+}
+.dc-mark_size_s {
+  font-size: 10px;
+  letter-spacing: 0.25px;
+}
+.dc-mark_size_m {
+  font-size: 12px;
+  letter-spacing: 0.3px;
+}
+/*# sourceMappingURL=Mark.css.map */

package/build/cjs/components/Mark/Mark.css.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/Mark/Mark.scss", "../../../../src/components/Mark/%3Cinput css hs7BdS%3E"],
+  "sourcesContent": [".dc-mark {\n    display: inline-block;\n    font-weight: bold;\n    line-height: 1;\n\n    &_color {\n        &_blue {\n            color: #67b0f8;\n        }\n\n        &_green {\n            color: #56bd67;\n        }\n    }\n\n    &_size {\n        &_s {\n            font-size: 10px;\n            letter-spacing: 0.25px;\n        }\n\n        &_m {\n            font-size: 12px;\n            letter-spacing: 0.3px;\n        }\n    }\n}\n", ".dc-mark {\n  display: inline-block;\n  font-weight: bold;\n  line-height: 1;\n}\n.dc-mark_color_blue {\n  color: #67b0f8;\n}\n.dc-mark_color_green {\n  color: #56bd67;\n}\n.dc-mark_size_s {\n  font-size: 10px;\n  letter-spacing: 0.25px;\n}\n.dc-mark_size_m {\n  font-size: 12px;\n  letter-spacing: 0.3px;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL01hcmsiLCJzb3VyY2VzIjpbIk1hcmsuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNJO0VBQ0E7RUFDQTs7QUFHSTtFQUNJOztBQUdKO0VBQ0k7O0FBS0o7RUFDSTtFQUNBOztBQUdKO0VBQ0k7RUFDQSIsInNvdXJjZXNDb250ZW50IjpbIi5kYy1tYXJrIHtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gICAgbGluZS1oZWlnaHQ6IDE7XG5cbiAgICAmX2NvbG9yIHtcbiAgICAgICAgJl9ibHVlIHtcbiAgICAgICAgICAgIGNvbG9yOiAjNjdiMGY4O1xuICAgICAgICB9XG5cbiAgICAgICAgJl9ncmVlbiB7XG4gICAgICAgICAgICBjb2xvcjogIzU2YmQ2NztcbiAgICAgICAgfVxuICAgIH1cblxuICAgICZfc2l6ZSB7XG4gICAgICAgICZfcyB7XG4gICAgICAgICAgICBmb250LXNpemU6IDEwcHg7XG4gICAgICAgICAgICBsZXR0ZXItc3BhY2luZzogMC4yNXB4O1xuICAgICAgICB9XG5cbiAgICAgICAgJl9tIHtcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICAgICAgICAgIGxldHRlci1zcGFjaW5nOiAwLjNweDtcbiAgICAgICAgfVxuICAgIH1cbn1cbiJdfQ== */"],
+  "mappings": ";AAAA,CAAA;AACI,WAAA;AACA,eAAA;AACA,eAAA;ACCJ;ADEQ,CAAA;AACI,SAAA;ACAZ;ADGQ,CAAA;AACI,SAAA;ACDZ;ADMQ,CAAA;AACI,aAAA;AACA,kBAAA;ACJZ;ADOQ,CAAA;AACI,aAAA;AACA,kBAAA;ACLZ;",
+  "names": []
+}

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import './Mark.scss';
+export type MarkColor = 'blue' | 'green';
+export interface MarkProps {
+    text: string;
+    color?: MarkColor;
+    size?: 's' | 'm';
+    className?: string;
+}
+export declare const Mark: React.FC<MarkProps>;