@diplodoc/components 5.16.2 → 5.17.2

package/build/esm/components/Feedback/controls/FeedbackControl.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
 import { FeedbackView } from '../Feedback';
 type FeedbackControlProps = {
     view: FeedbackView | undefined;
     onClick: () => void;
 };
-declare const FeedbackControl: React.MemoExoticComponent<React.ForwardRefExoticComponent<FeedbackControlProps & React.RefAttributes<HTMLButtonElement>>>;
+declare const FeedbackControl: import("react").NamedExoticComponent<FeedbackControlProps & import("react").RefAttributes<HTMLButtonElement>>;
 export default FeedbackControl;

package/build/esm/components/Feedback/controls/FeedbackControl.js

@@ -1,5 +1,5 @@
 // src/components/Feedback/controls/FeedbackControl.tsx
-import React, { forwardRef, memo, useContext } from "react";
+import { forwardRef, memo, useContext } from "react";
 import { Comment } from "@gravity-ui/icons";
 import { Button } from "@gravity-ui/uikit";
 import block from "bem-cn-lite";
@@ -7,25 +7,28 @@ import { useTranslation } from "../../../hooks";
 import { Control } from "../../Control";
 import { ControlsLayoutContext } from "../../Controls/ControlsLayout";
 import { FeedbackView } from "../Feedback";
+import { jsx, jsxs } from "react/jsx-runtime";
 var b = block("dc-feedback");
 var FeedbackControl = memo(
   forwardRef(({ view, onClick }, ref) => {
     const { t } = useTranslation("feedback");
     const { isVerticalView, popupPosition, controlClassName } = useContext(ControlsLayoutContext);
     if (view === FeedbackView.Wide) {
-      return /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ jsxs(
         Button,
         {
           view: "flat",
           ref,
           onClick,
-          className: b("comment-action", { view })
-        },
-        /* @__PURE__ */ React.createElement(Button.Icon, null, /* @__PURE__ */ React.createElement(Comment, { width: 20, height: 20 })),
-        t("comment-text")
+          className: b("comment-action", { view }),
+          children: [
+            /* @__PURE__ */ jsx(Button.Icon, { children: /* @__PURE__ */ jsx(Comment, { width: 20, height: 20 }) }),
+            t("comment-text")
+          ]
+        }
       );
     }
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       Control,
       {
         onClick,

package/build/esm/components/Feedback/controls/FeedbackControl.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/Feedback/controls/FeedbackControl.tsx"],
-  "sourcesContent": ["import React, {forwardRef, memo, useContext} from 'react';\nimport {Comment} 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 FeedbackControlProps = {\n    view: FeedbackView | undefined;\n    onClick: () => void;\n};\n\nconst b = block('dc-feedback');\n\nconst FeedbackControl = memo(\n    forwardRef<HTMLButtonElement, FeedbackControlProps>(({view, onClick}, ref) => {\n        const {t} = useTranslation('feedback');\n        const {isVerticalView, popupPosition, controlClassName} = useContext(ControlsLayoutContext);\n\n        if (view === FeedbackView.Wide) {\n            return (\n                <Button\n                    view=\"flat\"\n                    ref={ref}\n                    onClick={onClick}\n                    className={b('comment-action', {view})}\n                >\n                    <Button.Icon>\n                        <Comment width={20} height={20} />\n                    </Button.Icon>\n                    {t('comment-text')}\n                </Button>\n            );\n        }\n\n        return (\n            <Control\n                onClick={onClick}\n                className={b('control', {view}, controlClassName)}\n                isVerticalView={isVerticalView}\n                tooltipText={t('comment-text')}\n                ref={ref}\n                icon={Comment}\n                popupPosition={popupPosition}\n            />\n        );\n    }),\n);\n\nFeedbackControl.displayName = 'FeedbackControl';\n\nexport default FeedbackControl;\n"],
-  "mappings": ";AAAA,OAAO,SAAQ,YAAY,MAAM,kBAAiB;AAClD,SAAQ,eAAc;AACtB,SAAQ,cAAa;AACrB,OAAO,WAAW;AAElB,SAAQ,sBAAqB;AAC7B,SAAQ,eAAc;AACtB,SAAQ,6BAA4B;AACpC,SAAQ,oBAAmB;AAO3B,IAAM,IAAI,MAAM,aAAa;AAE7B,IAAM,kBAAkB;AAAA,EACpB,WAAoD,CAAC,EAAC,MAAM,QAAO,GAAG,QAAQ;AAC1E,UAAM,EAAC,EAAC,IAAI,eAAe,UAAU;AACrC,UAAM,EAAC,gBAAgB,eAAe,iBAAgB,IAAI,WAAW,qBAAqB;AAE1F,QAAI,SAAS,aAAa,MAAM;AAC5B,aACI;AAAA,QAAC;AAAA;AAAA,UACG,MAAK;AAAA,UACL;AAAA,UACA;AAAA,UACA,WAAW,EAAE,kBAAkB,EAAC,KAAI,CAAC;AAAA;AAAA,QAErC,oCAAC,OAAO,MAAP,MACG,oCAAC,WAAQ,OAAO,IAAI,QAAQ,IAAI,CACpC;AAAA,QACC,EAAE,cAAc;AAAA,MACrB;AAAA,IAER;AAEA,WACI;AAAA,MAAC;AAAA;AAAA,QACG;AAAA,QACA,WAAW,EAAE,WAAW,EAAC,KAAI,GAAG,gBAAgB;AAAA,QAChD;AAAA,QACA,aAAa,EAAE,cAAc;AAAA,QAC7B;AAAA,QACA,MAAM;AAAA,QACN;AAAA;AAAA,IACJ;AAAA,EAER,CAAC;AACL;AAEA,gBAAgB,cAAc;AAE9B,IAAO,0BAAQ;",
+  "sourcesContent": ["import {forwardRef, memo, useContext} from 'react';\nimport {Comment} 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 FeedbackControlProps = {\n    view: FeedbackView | undefined;\n    onClick: () => void;\n};\n\nconst b = block('dc-feedback');\n\nconst FeedbackControl = memo(\n    forwardRef<HTMLButtonElement, FeedbackControlProps>(({view, onClick}, ref) => {\n        const {t} = useTranslation('feedback');\n        const {isVerticalView, popupPosition, controlClassName} = useContext(ControlsLayoutContext);\n\n        if (view === FeedbackView.Wide) {\n            return (\n                <Button\n                    view=\"flat\"\n                    ref={ref}\n                    onClick={onClick}\n                    className={b('comment-action', {view})}\n                >\n                    <Button.Icon>\n                        <Comment width={20} height={20} />\n                    </Button.Icon>\n                    {t('comment-text')}\n                </Button>\n            );\n        }\n\n        return (\n            <Control\n                onClick={onClick}\n                className={b('control', {view}, controlClassName)}\n                isVerticalView={isVerticalView}\n                tooltipText={t('comment-text')}\n                ref={ref}\n                icon={Comment}\n                popupPosition={popupPosition}\n            />\n        );\n    }),\n);\n\nFeedbackControl.displayName = 'FeedbackControl';\n\nexport default FeedbackControl;\n"],
+  "mappings": ";AAAA,SAAQ,YAAY,MAAM,kBAAiB;AAC3C,SAAQ,eAAc;AACtB,SAAQ,cAAa;AACrB,OAAO,WAAW;AAElB,SAAQ,sBAAqB;AAC7B,SAAQ,eAAc;AACtB,SAAQ,6BAA4B;AACpC,SAAQ,oBAAmB;AAgBX,SAOQ,KAPR;AAThB,IAAM,IAAI,MAAM,aAAa;AAE7B,IAAM,kBAAkB;AAAA,EACpB,WAAoD,CAAC,EAAC,MAAM,QAAO,GAAG,QAAQ;AAC1E,UAAM,EAAC,EAAC,IAAI,eAAe,UAAU;AACrC,UAAM,EAAC,gBAAgB,eAAe,iBAAgB,IAAI,WAAW,qBAAqB;AAE1F,QAAI,SAAS,aAAa,MAAM;AAC5B,aACI;AAAA,QAAC;AAAA;AAAA,UACG,MAAK;AAAA,UACL;AAAA,UACA;AAAA,UACA,WAAW,EAAE,kBAAkB,EAAC,KAAI,CAAC;AAAA,UAErC;AAAA,gCAAC,OAAO,MAAP,EACG,8BAAC,WAAQ,OAAO,IAAI,QAAQ,IAAI,GACpC;AAAA,YACC,EAAE,cAAc;AAAA;AAAA;AAAA,MACrB;AAAA,IAER;AAEA,WACI;AAAA,MAAC;AAAA;AAAA,QACG;AAAA,QACA,WAAW,EAAE,WAAW,EAAC,KAAI,GAAG,gBAAgB;AAAA,QAChD;AAAA,QACA,aAAa,EAAE,cAAc;AAAA,QAC7B;AAAA,QACA,MAAM;AAAA,QACN;AAAA;AAAA,IACJ;AAAA,EAER,CAAC;AACL;AAEA,gBAAgB,cAAc;AAE9B,IAAO,0BAAQ;",
   "names": []
 }

package/build/esm/components/Feedback/controls/FeedbackFormPopup.d.ts

@@ -11,7 +11,7 @@ export type FormData = {
 type FeedbackFormPopupProps = {
     view: FeedbackView;
     visible: boolean;
-    anchor: RefObject<HTMLButtonElement>;
+    anchor: RefObject<HTMLButtonElement | null>;
     titleKey: string;
     placeholderKey?: string;
     showVariants?: boolean;

package/build/esm/components/Feedback/controls/FeedbackFormPopup.js

@@ -19,7 +19,7 @@ var __spreadValues = (a, b2) => {
 var __spreadProps = (a, b2) => __defProps(a, __getOwnPropDescs(b2));
 
 // src/components/Feedback/controls/FeedbackFormPopup.tsx
-import React, {
+import {
   forwardRef,
   memo,
   useCallback,
@@ -31,10 +31,12 @@ import React, {
 } from "react";
 import { Button, Checkbox, Popup, TextArea, useDirection } from "@gravity-ui/uikit";
 import block from "bem-cn-lite";
-import { PopperPosition, useTranslation } from "../../../hooks";
+import { PopperPosition } from "../../../constants";
+import { useTranslation } from "../../../hooks";
 import { getPopupPosition } from "../../../utils";
 import { ControlsLayoutContext } from "../../Controls/ControlsLayout";
 import { FeedbackView } from "../Feedback";
+import { jsx, jsxs } from "react/jsx-runtime";
 var b = block("dc-feedback");
 var FeedbackVariantsList = memo(
   forwardRef((_props, ref) => {
@@ -54,10 +56,9 @@ var FeedbackVariantsList = memo(
     if (!Object.keys(variants).length) {
       return null;
     }
-    return /* @__PURE__ */ React.createElement("div", { className: b("variants") }, Object.keys(variants).map((variant) => /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx("div", { className: b("variants"), children: Object.keys(variants).map((variant) => /* @__PURE__ */ jsx(
       Checkbox,
       {
-        key: variant,
         className: b("variant"),
         checked: checked[variant],
         onUpdate: (state) => {
@@ -66,8 +67,9 @@ var FeedbackVariantsList = memo(
           }));
         },
         content: t(variant)
-      }
-    )));
+      },
+      variant
+    )) });
   })
 );
 FeedbackVariantsList.displayName = "FeedbackVariantsList";
@@ -88,7 +90,7 @@ var FeedbackCommentInput = memo(
         }
       };
     });
-    return /* @__PURE__ */ React.createElement("div", { className: b("textarea") }, /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx("div", { className: b("textarea"), children: /* @__PURE__ */ jsx(
       TextArea,
       {
         size: "m",
@@ -98,7 +100,7 @@ var FeedbackCommentInput = memo(
         value: feedbackComment,
         onChange
       }
-    ));
+    ) });
   })
 );
 FeedbackCommentInput.displayName = "FeedbackCommentInput";
@@ -137,7 +139,7 @@ var FeedbackFormPopup = memo(
       },
       [onSubmit]
     );
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsxs(
       Popup,
       {
         anchorElement: anchor.current,
@@ -145,10 +147,16 @@ var FeedbackFormPopup = memo(
         onOutsideClick,
         className: b("variants-popup", { view }),
         placement: position,
-        offset: { mainAxis: 1, crossAxis: 0 }
-      },
-      /* @__PURE__ */ React.createElement("h3", { className: b("popup-title") }, t(titleKey)),
-      /* @__PURE__ */ React.createElement("form", { onSubmit: onFormSubmit }, showVariants && /* @__PURE__ */ React.createElement(FeedbackVariantsList, { ref: feedbackCheckboxes }), /* @__PURE__ */ React.createElement(FeedbackCommentInput, { ref: feedbackComment, placeholderKey }), /* @__PURE__ */ React.createElement("div", { className: b("variants-actions") }, /* @__PURE__ */ React.createElement(Button, { view: "action", className: b("variants-action"), type: "submit" }, t("send-action-text"))))
+        offset: { mainAxis: 1, crossAxis: 0 },
+        children: [
+          /* @__PURE__ */ jsx("h3", { className: b("popup-title"), children: t(titleKey) }),
+          /* @__PURE__ */ jsxs("form", { onSubmit: onFormSubmit, children: [
+            showVariants && /* @__PURE__ */ jsx(FeedbackVariantsList, { ref: feedbackCheckboxes }),
+            /* @__PURE__ */ jsx(FeedbackCommentInput, { ref: feedbackComment, placeholderKey }),
+            /* @__PURE__ */ jsx("div", { className: b("variants-actions"), children: /* @__PURE__ */ jsx(Button, { view: "action", className: b("variants-action"), type: "submit", children: t("send-action-text") }) })
+          ] })
+        ]
+      }
     );
   }
 );

package/build/esm/components/Feedback/controls/FeedbackFormPopup.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/Feedback/controls/FeedbackFormPopup.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 FeedbackVariantsList = 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                        // uikit Checkbox onUpdate reports only the value, not the variant 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\nFeedbackVariantsList.displayName = 'FeedbackVariantsList';\n\nconst FeedbackCommentInput = memo(\n    forwardRef<FormPart<string>, {placeholderKey: string}>(({placeholderKey}, 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(placeholderKey)}\n                    hasClear\n                    value={feedbackComment}\n                    onChange={onChange}\n                />\n            </div>\n        );\n    }),\n);\n\nFeedbackCommentInput.displayName = 'FeedbackCommentInput';\n\ntype FormPart<T> = {\n    data(): T;\n    clean(): void;\n};\n\nexport type FormData = {\n    comment: string;\n    answers: string[];\n};\n\ntype FeedbackFormPopupProps = {\n    view: FeedbackView;\n    visible: boolean;\n    anchor: RefObject<HTMLButtonElement>;\n    titleKey: string;\n    placeholderKey?: string;\n    showVariants?: boolean;\n    onOutsideClick: () => void;\n    onSubmit: (data: FormData) => void;\n};\n\nconst FeedbackFormPopup: React.FC<FeedbackFormPopupProps> = memo(\n    ({\n        anchor,\n        visible,\n        view,\n        titleKey,\n        placeholderKey = 'comment-placeholder',\n        showVariants = false,\n        onOutsideClick,\n        onSubmit,\n    }) => {\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(titleKey)}</h3>\n                <form onSubmit={onFormSubmit}>\n                    {showVariants && <FeedbackVariantsList ref={feedbackCheckboxes} />}\n                    <FeedbackCommentInput ref={feedbackComment} placeholderKey={placeholderKey} />\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\nFeedbackFormPopup.displayName = 'FeedbackFormPopup';\n\nexport default FeedbackFormPopup;\n"],
-  "mappings": "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",
+  "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} from '../../../constants';\nimport {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 FeedbackVariantsList = 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                        // uikit Checkbox onUpdate reports only the value, not the variant 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\nFeedbackVariantsList.displayName = 'FeedbackVariantsList';\n\nconst FeedbackCommentInput = memo(\n    forwardRef<FormPart<string>, {placeholderKey: string}>(({placeholderKey}, 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(placeholderKey)}\n                    hasClear\n                    value={feedbackComment}\n                    onChange={onChange}\n                />\n            </div>\n        );\n    }),\n);\n\nFeedbackCommentInput.displayName = 'FeedbackCommentInput';\n\ntype FormPart<T> = {\n    data(): T;\n    clean(): void;\n};\n\nexport type FormData = {\n    comment: string;\n    answers: string[];\n};\n\ntype FeedbackFormPopupProps = {\n    view: FeedbackView;\n    visible: boolean;\n    anchor: RefObject<HTMLButtonElement | null>;\n    titleKey: string;\n    placeholderKey?: string;\n    showVariants?: boolean;\n    onOutsideClick: () => void;\n    onSubmit: (data: FormData) => void;\n};\n\nconst FeedbackFormPopup: React.FC<FeedbackFormPopupProps> = memo(\n    ({\n        anchor,\n        visible,\n        view,\n        titleKey,\n        placeholderKey = 'comment-placeholder',\n        showVariants = false,\n        onOutsideClick,\n        onSubmit,\n    }) => {\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(titleKey)}</h3>\n                <form onSubmit={onFormSubmit}>\n                    {showVariants && <FeedbackVariantsList ref={feedbackCheckboxes} />}\n                    <FeedbackCommentInput ref={feedbackComment} placeholderKey={placeholderKey} />\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\nFeedbackFormPopup.displayName = 'FeedbackFormPopup';\n\nexport default FeedbackFormPopup;\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -1,5 +1,4 @@
-import type { PopperPosition } from '../../../hooks';
-import React from 'react';
+import type { PopperPosition } from '../../../constants';
 import { FeedbackView } from '../Feedback';
 type LikeControlProps = {
     isVerticalView?: boolean | undefined;
@@ -10,5 +9,5 @@ type LikeControlProps = {
     onClick: () => void;
     popupPosition?: PopperPosition | undefined;
 };
-declare const LikeControl: React.MemoExoticComponent<React.ForwardRefExoticComponent<LikeControlProps & React.RefAttributes<HTMLButtonElement>>>;
+declare const LikeControl: import("react").NamedExoticComponent<LikeControlProps & import("react").RefAttributes<HTMLButtonElement>>;
 export default LikeControl;

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

@@ -1,5 +1,5 @@
 // src/components/Feedback/controls/LikeControl.tsx
-import React, { forwardRef, memo, useContext } from "react";
+import { forwardRef, memo, useContext } from "react";
 import { ThumbsUp, ThumbsUpFill } from "@gravity-ui/icons";
 import { Button } from "@gravity-ui/uikit";
 import block from "bem-cn-lite";
@@ -7,6 +7,7 @@ import { useTranslation } from "../../../hooks";
 import { Control } from "../../Control";
 import { ControlsLayoutContext } from "../../Controls/ControlsLayout";
 import { FeedbackView } from "../Feedback";
+import { jsx, jsxs } from "react/jsx-runtime";
 var b = block("dc-feedback");
 var LikeControl = memo(
   forwardRef(({ isLiked, view, onClick }, ref) => {
@@ -15,9 +16,12 @@ var LikeControl = memo(
     const tooltipText = isLiked ? t("cancel-like-text") : t("like-text");
     const Icon = isLiked ? ThumbsUpFill : ThumbsUp;
     if (view === FeedbackView.Wide) {
-      return /* @__PURE__ */ React.createElement(Button, { view: "normal", ref, onClick, className: b("control", { view }) }, /* @__PURE__ */ React.createElement(Button.Icon, null, /* @__PURE__ */ React.createElement(Icon, { width: 20, height: 20 })), t("button-like-text"));
+      return /* @__PURE__ */ jsxs(Button, { view: "normal", ref, onClick, className: b("control", { view }), children: [
+        /* @__PURE__ */ jsx(Button.Icon, { children: /* @__PURE__ */ jsx(Icon, { width: 20, height: 20 }) }),
+        t("button-like-text")
+      ] });
     }
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       Control,
       {
         onClick,

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

@@ -1,7 +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": ";AAEA,OAAO,SAAQ,YAAY,MAAM,kBAAiB;AAClD,SAAQ,UAAU,oBAAmB;AACrC,SAAQ,cAAa;AACrB,OAAO,WAAW;AAElB,SAAQ,sBAAqB;AAC7B,SAAQ,eAAc;AACtB,SAAQ,6BAA4B;AACpC,SAAQ,oBAAmB;AAY3B,IAAM,IAAI,MAAM,aAAa;AAE7B,IAAM,cAAc;AAAA,EAChB,WAAgD,CAAC,EAAC,SAAS,MAAM,QAAO,GAAG,QAAQ;AAC/E,UAAM,EAAC,EAAC,IAAI,eAAe,UAAU;AACrC,UAAM,EAAC,gBAAgB,eAAe,iBAAgB,IAAI,WAAW,qBAAqB;AAC1F,UAAM,cAAc,UAAU,EAAE,kBAAkB,IAAI,EAAE,WAAW;AAEnE,UAAM,OAAO,UAAU,eAAe;AAEtC,QAAI,SAAS,aAAa,MAAM;AAC5B,aACI,oCAAC,UAAO,MAAK,UAAS,KAAU,SAAkB,WAAW,EAAE,WAAW,EAAC,KAAI,CAAC,KAC5E,oCAAC,OAAO,MAAP,MACG,oCAAC,QAAK,OAAO,IAAI,QAAQ,IAAI,CACjC,GACC,EAAE,kBAAkB,CACzB;AAAA,IAER;AAEA,WACI;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;",
+  "sourcesContent": ["import type {PopperPosition} from '../../../constants';\n\nimport {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": ";AAEA,SAAQ,YAAY,MAAM,kBAAiB;AAC3C,SAAQ,UAAU,oBAAmB;AACrC,SAAQ,cAAa;AACrB,OAAO,WAAW;AAElB,SAAQ,sBAAqB;AAC7B,SAAQ,eAAc;AACtB,SAAQ,6BAA4B;AACpC,SAAQ,oBAAmB;AAwBX,SAEQ,KAFR;AAZhB,IAAM,IAAI,MAAM,aAAa;AAE7B,IAAM,cAAc;AAAA,EAChB,WAAgD,CAAC,EAAC,SAAS,MAAM,QAAO,GAAG,QAAQ;AAC/E,UAAM,EAAC,EAAC,IAAI,eAAe,UAAU;AACrC,UAAM,EAAC,gBAAgB,eAAe,iBAAgB,IAAI,WAAW,qBAAqB;AAC1F,UAAM,cAAc,UAAU,EAAE,kBAAkB,IAAI,EAAE,WAAW;AAEnE,UAAM,OAAO,UAAU,eAAe;AAEtC,QAAI,SAAS,aAAa,MAAM;AAC5B,aACI,qBAAC,UAAO,MAAK,UAAS,KAAU,SAAkB,WAAW,EAAE,WAAW,EAAC,KAAI,CAAC,GAC5E;AAAA,4BAAC,OAAO,MAAP,EACG,8BAAC,QAAK,OAAO,IAAI,QAAQ,IAAI,GACjC;AAAA,QACC,EAAE,kBAAkB;AAAA,SACzB;AAAA,IAER;AAEA,WACI;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": []
 }

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

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

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

@@ -1,11 +1,13 @@
 // src/components/Feedback/controls/SuccessPopup.tsx
-import React, { memo, useContext, useMemo } from "react";
+import { memo, useContext, useMemo } from "react";
 import { Popup, useDirection } from "@gravity-ui/uikit";
 import block from "bem-cn-lite";
-import { PopperPosition, useTranslation } from "../../../hooks";
+import { PopperPosition } from "../../../constants";
+import { useTranslation } from "../../../hooks";
 import { getPopupPosition } from "../../../utils";
 import { ControlsLayoutContext } from "../../Controls/ControlsLayout";
 import { FeedbackView } from "../Feedback";
+import { jsx, jsxs } from "react/jsx-runtime";
 var b = block("dc-feedback");
 var SuccessPopup = memo(({ visible, anchor, onOutsideClick, view }) => {
   const { t } = useTranslation("feedback");
@@ -17,7 +19,7 @@ var SuccessPopup = memo(({ visible, anchor, onOutsideClick, view }) => {
     }
     return PopperPosition.RIGHT;
   }, [isVerticalView, view, direction]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     Popup,
     {
       anchorRef: anchor,
@@ -25,10 +27,12 @@ var SuccessPopup = memo(({ visible, anchor, onOutsideClick, view }) => {
       onOutsideClick,
       className: b("success-popup", { view }),
       placement: position,
-      offset: { mainAxis: 1, crossAxis: 0 }
-    },
-    /* @__PURE__ */ React.createElement("h3", { className: b("popup-title") }, t("success-title")),
-    /* @__PURE__ */ React.createElement("p", { className: b("popup-text") }, t("success-text"))
+      offset: { mainAxis: 1, crossAxis: 0 },
+      children: [
+        /* @__PURE__ */ jsx("h3", { className: b("popup-title"), children: t("success-title") }),
+        /* @__PURE__ */ jsx("p", { className: b("popup-text"), children: t("success-text") })
+      ]
+    }
   );
 });
 SuccessPopup.displayName = "FeedbackSuccessPopup";

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

@@ -1,7 +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": ";AAEA,OAAO,SAAQ,MAAM,YAAY,eAAc;AAC/C,SAAQ,OAAO,oBAAmB;AAClC,OAAO,WAAW;AAElB,SAAQ,gBAAgB,sBAAqB;AAC7C,SAAQ,wBAAuB;AAC/B,SAAQ,6BAA4B;AACpC,SAAQ,oBAAmB;AAS3B,IAAM,IAAI,MAAM,aAAa;AAE7B,IAAM,eAAe,KAAwB,CAAC,EAAC,SAAS,QAAQ,gBAAgB,KAAI,MAAM;AACtF,QAAM,EAAC,EAAC,IAAI,eAAe,UAAU;AACrC,QAAM,EAAC,eAAc,IAAI,WAAW,qBAAqB;AACzD,QAAM,YAAY,aAAa;AAE/B,QAAM,WAAW,QAAQ,MAAM;AAC3B,QAAI,CAAC,QAAQ,SAAS,aAAa,SAAS;AACxC,aAAO,iBAAiB,gBAAgB,SAAS;AAAA,IACrD;AAEA,WAAO,eAAe;AAAA,EAC1B,GAAG,CAAC,gBAAgB,MAAM,SAAS,CAAC;AAEpC,SACI;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,oCAAC,QAAG,WAAW,EAAE,aAAa,KAAI,EAAE,eAAe,CAAE;AAAA,IACrD,oCAAC,OAAE,WAAW,EAAE,YAAY,KAAI,EAAE,cAAc,CAAE;AAAA,EACtD;AAER,CAAC;AAED,aAAa,cAAc;AAE3B,IAAO,uBAAQ;",
+  "sourcesContent": ["import type {RefObject} from 'react';\n\nimport {memo, useContext, useMemo} from 'react';\nimport {Popup, useDirection} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nimport {PopperPosition} from '../../../constants';\nimport {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 | null>;\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": ";AAEA,SAAQ,MAAM,YAAY,eAAc;AACxC,SAAQ,OAAO,oBAAmB;AAClC,OAAO,WAAW;AAElB,SAAQ,sBAAqB;AAC7B,SAAQ,sBAAqB;AAC7B,SAAQ,wBAAuB;AAC/B,SAAQ,6BAA4B;AACpC,SAAQ,oBAAmB;AAyBnB,SAQI,KARJ;AAhBR,IAAM,IAAI,MAAM,aAAa;AAE7B,IAAM,eAAe,KAAwB,CAAC,EAAC,SAAS,QAAQ,gBAAgB,KAAI,MAAM;AACtF,QAAM,EAAC,EAAC,IAAI,eAAe,UAAU;AACrC,QAAM,EAAC,eAAc,IAAI,WAAW,qBAAqB;AACzD,QAAM,YAAY,aAAa;AAE/B,QAAM,WAAW,QAAQ,MAAM;AAC3B,QAAI,CAAC,QAAQ,SAAS,aAAa,SAAS;AACxC,aAAO,iBAAiB,gBAAgB,SAAS;AAAA,IACrD;AAEA,WAAO,eAAe;AAAA,EAC1B,GAAG,CAAC,gBAAgB,MAAM,SAAS,CAAC;AAEpC,SACI;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,MAElC;AAAA,4BAAC,QAAG,WAAW,EAAE,aAAa,GAAI,YAAE,eAAe,GAAE;AAAA,QACrD,oBAAC,OAAE,WAAW,EAAE,YAAY,GAAI,YAAE,cAAc,GAAE;AAAA;AAAA;AAAA,EACtD;AAER,CAAC;AAED,aAAa,cAAc;AAE3B,IAAO,uBAAQ;",
   "names": []
 }

package/build/esm/components/Gallery/Gallery.css.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/Gallery/Gallery.scss", "../../../../src/components/Gallery/%3Cinput css gQIydU%3E"],
+  "sources": ["../../../../src/components/Gallery/Gallery.scss", "../../../../src/components/Gallery/%3Cinput css HEJKxS%3E"],
   "sourcesContent": [".dc-gallery__iframe {\n    width: 100%;\n    height: 100%;\n    border: none;\n}\n", ".dc-gallery__iframe {\n  width: 100%;\n  height: 100%;\n  border: none;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL0dhbGxlcnkiLCJzb3VyY2VzIjpbIkdhbGxlcnkuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNJO0VBQ0E7RUFDQSIsInNvdXJjZXNDb250ZW50IjpbIi5kYy1nYWxsZXJ5X19pZnJhbWUge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBib3JkZXI6IG5vbmU7XG59XG4iXX0= */"],
   "mappings": ";AAAA,CAAA;AACI,SAAA;AACA,UAAA;AACA,UAAA;ACCJ;",
   "names": []

package/build/esm/components/Gallery/Gallery.js

@@ -1,14 +1,14 @@
 // src/components/Gallery/Gallery.tsx
-import React from "react";
 import { GalleryProvider } from "@gravity-ui/components";
 import { useGalleryOpen } from "./hooks/useGalleryOpen";
 import "./Gallery.css";
+import { jsx } from "react/jsx-runtime";
 var GalleryCore = ({ contentSelector }) => {
   useGalleryOpen({ contentSelector });
   return null;
 };
 var Gallery = ({ contentSelector = ".dc-doc-page__main" }) => {
-  return /* @__PURE__ */ React.createElement(GalleryProvider, null, /* @__PURE__ */ React.createElement(GalleryCore, { contentSelector }));
+  return /* @__PURE__ */ jsx(GalleryProvider, { children: /* @__PURE__ */ jsx(GalleryCore, { contentSelector }) });
 };
 export {
   Gallery

package/build/esm/components/Gallery/Gallery.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/Gallery/Gallery.tsx"],
   "sourcesContent": ["import React from 'react';\nimport {GalleryProvider} from '@gravity-ui/components';\n\nimport {useGalleryOpen} from './hooks/useGalleryOpen';\nimport './Gallery.scss';\n\nexport interface GalleryProps {\n    contentSelector?: string;\n}\n\nconst GalleryCore: React.FC<{contentSelector: string}> = ({contentSelector}) => {\n    useGalleryOpen({contentSelector});\n    return null;\n};\n\nexport const Gallery: React.FC<GalleryProps> = ({contentSelector = '.dc-doc-page__main'}) => {\n    return (\n        <GalleryProvider>\n            <GalleryCore contentSelector={contentSelector} />\n        </GalleryProvider>\n    );\n};\n"],
-  "mappings": ";AAAA,OAAO,WAAW;AAClB,SAAQ,uBAAsB;AAE9B,SAAQ,sBAAqB;AAC7B,OAAO;AAMP,IAAM,cAAmD,CAAC,EAAC,gBAAe,MAAM;AAC5E,iBAAe,EAAC,gBAAe,CAAC;AAChC,SAAO;AACX;AAEO,IAAM,UAAkC,CAAC,EAAC,kBAAkB,qBAAoB,MAAM;AACzF,SACI,oCAAC,uBACG,oCAAC,eAAY,iBAAkC,CACnD;AAER;",
+  "mappings": ";AACA,SAAQ,uBAAsB;AAE9B,SAAQ,sBAAqB;AAC7B,OAAO;AAcK;AARZ,IAAM,cAAmD,CAAC,EAAC,gBAAe,MAAM;AAC5E,iBAAe,EAAC,gBAAe,CAAC;AAChC,SAAO;AACX;AAEO,IAAM,UAAkC,CAAC,EAAC,kBAAkB,qBAAoB,MAAM;AACzF,SACI,oBAAC,mBACG,8BAAC,eAAY,iBAAkC,GACnD;AAER;",
   "names": []
 }

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

@@ -19,14 +19,14 @@ var __spreadValues = (a, b) => {
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 
 // src/components/Gallery/utils.tsx
-import React from "react";
 import {
   getGalleryItemCopyLinkAction,
   getGalleryItemDownloadAction,
   getGalleryItemImage
 } from "@gravity-ui/components";
 import { FilePreview } from "@gravity-ui/uikit";
-var MIN_CONTENT_SIZE = 24;
+import { jsx } from "react/jsx-runtime";
+var MIN_CONTENT_SIZE = 150;
 var ICON_SELECTORS = [
   '[class^="icon"]',
   '[class*=" icon"]',
@@ -40,7 +40,10 @@ var INTERACTIVE_SELECTORS = [
   '[role="button"]',
   '[role="tab"]',
   '[class*="button"]',
-  '[class*="dc-nav-toc-panel__link"]'
+  '[class*="dc-nav-toc-panel__link"]',
+  '[class*="erDiagram"]',
+  '[class*="mermaid"]',
+  'img[src*="mermaid"]'
 ];
 var MISC_EXCLUDED_SELECTORS = [".dc-contributor-avatars__avatar", '[class*="background"]'];
 var EXCLUDED_PARENT_SELECTORS = [
@@ -50,10 +53,16 @@ var EXCLUDED_PARENT_SELECTORS = [
 ].join(", ");
 var isExcludedByParent = (el) => Boolean(el.closest(EXCLUDED_PARENT_SELECTORS));
 var isContentImage = (el) => {
-  if (el.getAttribute("aria-hidden") === "true") return false;
-  if (el.getAttribute("role") === "presentation") return false;
+  if (el.getAttribute("aria-hidden") === "true") {
+    return false;
+  }
+  if (el.getAttribute("role") === "presentation") {
+    return false;
+  }
   const hasValidParent = ["figure", "picture", "p"].some((tag) => Boolean(el.closest(tag)));
-  if (!hasValidParent) return false;
+  if (!hasValidParent) {
+    return false;
+  }
   return true;
 };
 var isContentSize = (el) => {
@@ -69,9 +78,15 @@ var isSvgElement = (el) => {
   return ((_a = el.tagName) == null ? void 0 : _a.toLowerCase()) === "svg";
 };
 var isMediaElement = (el) => {
-  if (isExcludedByParent(el)) return false;
-  if (isImageElement(el)) return isContentImage(el);
-  if (isSvgElement(el)) return isContentSize(el);
+  if (isExcludedByParent(el)) {
+    return false;
+  }
+  if (isImageElement(el)) {
+    return isContentImage(el);
+  }
+  if (isSvgElement(el)) {
+    return isContentSize(el);
+  }
   return true;
 };
 var getImageMimeType = (src) => {
@@ -113,7 +128,7 @@ function getGalleryItemVideo({ index, iframeEl }) {
     id: `video-iframe-${index}`,
     name,
     interactive: true,
-    view: /* @__PURE__ */ React.createElement(
+    view: /* @__PURE__ */ jsx(
       "iframe",
       {
         src,
@@ -123,7 +138,7 @@ function getGalleryItemVideo({ index, iframeEl }) {
         className: "dc-gallery__iframe"
       }
     ),
-    thumbnail: /* @__PURE__ */ React.createElement(FilePreview, { view: "compact", file: new File([], name, { type: "video" }) }),
+    thumbnail: /* @__PURE__ */ jsx(FilePreview, { view: "compact", file: new File([], name, { type: "video" }) }),
     actions: [getGalleryItemCopyLinkAction({ copyUrl: url })]
   };
 }
@@ -161,7 +176,7 @@ var buildGalleryItem = (el, index) => {
     getGalleryItemDownloadAction({ downloadUrl: src })
   ] : [getGalleryItemDownloadAction({ downloadUrl: src })];
   return __spreadProps(__spreadValues({}, getGalleryItemImage({ name, src })), {
-    thumbnail: /* @__PURE__ */ React.createElement(FilePreview, { view: "compact", file, imageSrc: src }),
+    thumbnail: /* @__PURE__ */ jsx(FilePreview, { view: "compact", file, imageSrc: src }),
     actions
   });
 };

package/build/esm/components/Gallery/utils.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/Gallery/utils.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport {\n    type GalleryItemProps,\n    getGalleryItemCopyLinkAction,\n    getGalleryItemDownloadAction,\n    getGalleryItemImage,\n} from '@gravity-ui/components';\nimport {FilePreview} from '@gravity-ui/uikit';\n\nconst MIN_CONTENT_SIZE = 24;\n\nconst ICON_SELECTORS = [\n    '[class^=\"icon\"]',\n    '[class*=\" icon\"]',\n    '[class*=\"-icon\"]',\n    '[class*=\"_icon\"]',\n    '[class*=\"Icon\"]',\n];\n\nconst INTERACTIVE_SELECTORS = [\n    'button',\n    'a[role=\"button\"]',\n    '[role=\"button\"]',\n    '[role=\"tab\"]',\n    '[class*=\"button\"]',\n    '[class*=\"dc-nav-toc-panel__link\"]',\n];\n\nconst MISC_EXCLUDED_SELECTORS = ['.dc-contributor-avatars__avatar', '[class*=\"background\"]'];\n\nconst EXCLUDED_PARENT_SELECTORS = [\n    ...ICON_SELECTORS,\n    ...INTERACTIVE_SELECTORS,\n    ...MISC_EXCLUDED_SELECTORS,\n].join(', ');\n\nexport type GetGalleryItemVideoArgs = {\n    index: number;\n    iframeEl: HTMLIFrameElement | null;\n};\n\nexport type ImageSource = {\n    name: string;\n    src: string;\n    mimeType: string;\n};\n\nexport const isExcludedByParent = (el: HTMLElement): boolean =>\n    Boolean(el.closest(EXCLUDED_PARENT_SELECTORS));\n\nexport const isContentImage = (el: HTMLImageElement): boolean => {\n    if (el.getAttribute('aria-hidden') === 'true') return false;\n    if (el.getAttribute('role') === 'presentation') return false;\n\n    const hasValidParent = ['figure', 'picture', 'p'].some((tag) => Boolean(el.closest(tag)));\n    if (!hasValidParent) return false;\n\n    return true;\n};\n\nexport const isContentSize = (el: SVGSVGElement): boolean => {\n    const rect = el.getBoundingClientRect();\n    return rect.width > MIN_CONTENT_SIZE && rect.height > MIN_CONTENT_SIZE;\n};\n\nexport const isImageElement = (el: HTMLElement): el is HTMLImageElement => {\n    return el.tagName?.toLowerCase() === 'img';\n};\n\nexport const isSvgElement = (el: Element): el is SVGSVGElement => {\n    return el.tagName?.toLowerCase() === 'svg';\n};\n\nexport const isMediaElement = (el: HTMLElement): boolean => {\n    if (isExcludedByParent(el)) return false;\n    if (isImageElement(el)) return isContentImage(el);\n    if (isSvgElement(el)) return isContentSize(el);\n\n    return true;\n};\n\nexport const getImageMimeType = (src: string): string => {\n    const ext = src.split('.').pop()?.split(/[?#]/)[0]?.toLowerCase();\n\n    switch (ext) {\n        case 'svg':\n            return 'image/svg+xml';\n        case 'png':\n            return 'image/png';\n        case 'jpg':\n        case 'jpeg':\n            return 'image/jpeg';\n        case 'gif':\n            return 'image/gif';\n        case 'webp':\n            return 'image/webp';\n        default:\n            return 'application/octet-stream';\n    }\n};\n\nexport const serializeInlineSvg = (svgEl: SVGSVGElement): string => {\n    const serializer = new XMLSerializer();\n    let svgString = serializer.serializeToString(svgEl);\n\n    if (!/xmlns=\"http:\\/\\/www\\.w3\\.org\\/2000\\/svg\"/.test(svgString)) {\n        svgString = svgString.replace('<svg', '<svg xmlns=\"http://www.w3.org/2000/svg\"');\n    }\n\n    const bytes = new TextEncoder().encode(svgString);\n    const binary = Array.from(bytes, (byte) => String.fromCodePoint(byte)).join('');\n\n    return `data:image/svg+xml;base64,${window.btoa(binary)}`;\n};\n\nexport function getGalleryItemVideo({index, iframeEl}: GetGalleryItemVideoArgs): GalleryItemProps {\n    const rawSrc = iframeEl?.getAttribute('src') ?? '';\n    const src = rawSrc.replace(/&amp;/g, '&');\n    const name = iframeEl?.getAttribute('title') ?? '';\n    const url = src.startsWith('http') ? src : new URL(src, window.location.origin).href;\n\n    return {\n        id: `video-iframe-${index}`,\n        name,\n        interactive: true,\n        view: (\n            <iframe\n                src={src}\n                title={name}\n                allow=\"autoplay; encrypted-media; fullscreen; picture-in-picture\"\n                allowFullScreen\n                className=\"dc-gallery__iframe\"\n            />\n        ),\n        thumbnail: <FilePreview view=\"compact\" file={new File([], name, {type: 'video'})} />,\n        actions: [getGalleryItemCopyLinkAction({copyUrl: url})],\n    } as GalleryItemProps;\n}\n\nexport const getImageSource = (el: HTMLElement): ImageSource => {\n    if (isImageElement(el)) {\n        return {\n            name: el.alt || '',\n            src: el.src,\n            mimeType: getImageMimeType(el.src),\n        };\n    }\n\n    if (isSvgElement(el)) {\n        return {\n            name: el.getAttribute('aria-label') || el.querySelector('title')?.textContent || '',\n            src: serializeInlineSvg(el),\n            mimeType: 'image/svg+xml',\n        };\n    }\n\n    throw new Error('Unsupported gallery image element: expected <img> or inline <svg>');\n};\n\nexport const buildGalleryItem = (el: HTMLElement, index: number): GalleryItemProps => {\n    const isVideo = el.classList.contains('embed-responsive');\n\n    if (isVideo) {\n        return getGalleryItemVideo({\n            index,\n            iframeEl: el.querySelector('iframe'),\n        });\n    }\n\n    const {name, src, mimeType} = getImageSource(el);\n    const file = new File([], name, {type: mimeType});\n    const url = src.startsWith('http') ? src : new URL(src, window.location.origin).href;\n    const actions = isImageElement(el)\n        ? [\n              getGalleryItemCopyLinkAction({copyUrl: url}),\n              getGalleryItemDownloadAction({downloadUrl: src}),\n          ]\n        : [getGalleryItemDownloadAction({downloadUrl: src})];\n    return {\n        ...getGalleryItemImage({name, src}),\n        thumbnail: <FilePreview view=\"compact\" file={file} imageSrc={src} />,\n        actions,\n    };\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n    type GalleryItemProps,\n    getGalleryItemCopyLinkAction,\n    getGalleryItemDownloadAction,\n    getGalleryItemImage,\n} from '@gravity-ui/components';\nimport {FilePreview} from '@gravity-ui/uikit';\n\nconst MIN_CONTENT_SIZE = 150;\n\nconst ICON_SELECTORS = [\n    '[class^=\"icon\"]',\n    '[class*=\" icon\"]',\n    '[class*=\"-icon\"]',\n    '[class*=\"_icon\"]',\n    '[class*=\"Icon\"]',\n];\n\nconst INTERACTIVE_SELECTORS = [\n    'button',\n    'a[role=\"button\"]',\n    '[role=\"button\"]',\n    '[role=\"tab\"]',\n    '[class*=\"button\"]',\n    '[class*=\"dc-nav-toc-panel__link\"]',\n    '[class*=\"erDiagram\"]',\n    '[class*=\"mermaid\"]',\n    'img[src*=\"mermaid\"]',\n];\n\nconst MISC_EXCLUDED_SELECTORS = ['.dc-contributor-avatars__avatar', '[class*=\"background\"]'];\n\nconst EXCLUDED_PARENT_SELECTORS = [\n    ...ICON_SELECTORS,\n    ...INTERACTIVE_SELECTORS,\n    ...MISC_EXCLUDED_SELECTORS,\n].join(', ');\n\nexport type GetGalleryItemVideoArgs = {\n    index: number;\n    iframeEl: HTMLIFrameElement | null;\n};\n\nexport type ImageSource = {\n    name: string;\n    src: string;\n    mimeType: string;\n};\n\nexport const isExcludedByParent = (el: HTMLElement): boolean =>\n    Boolean(el.closest(EXCLUDED_PARENT_SELECTORS));\n\nexport const isContentImage = (el: HTMLImageElement): boolean => {\n    if (el.getAttribute('aria-hidden') === 'true') {\n        return false;\n    }\n\n    if (el.getAttribute('role') === 'presentation') {\n        return false;\n    }\n\n    const hasValidParent = ['figure', 'picture', 'p'].some((tag) => Boolean(el.closest(tag)));\n\n    if (!hasValidParent) {\n        return false;\n    }\n\n    return true;\n};\n\nexport const isContentSize = (el: SVGSVGElement): boolean => {\n    const rect = el.getBoundingClientRect();\n    return rect.width > MIN_CONTENT_SIZE && rect.height > MIN_CONTENT_SIZE;\n};\n\nexport const isImageElement = (el: HTMLElement): el is HTMLImageElement => {\n    return el.tagName?.toLowerCase() === 'img';\n};\n\nexport const isSvgElement = (el: Element): el is SVGSVGElement => {\n    return el.tagName?.toLowerCase() === 'svg';\n};\n\nexport const isMediaElement = (el: HTMLElement): boolean => {\n    if (isExcludedByParent(el)) {\n        return false;\n    }\n\n    if (isImageElement(el)) {\n        return isContentImage(el);\n    }\n\n    if (isSvgElement(el)) {\n        return isContentSize(el);\n    }\n\n    return true;\n};\n\nexport const getImageMimeType = (src: string): string => {\n    const ext = src.split('.').pop()?.split(/[?#]/)[0]?.toLowerCase();\n\n    switch (ext) {\n        case 'svg':\n            return 'image/svg+xml';\n        case 'png':\n            return 'image/png';\n        case 'jpg':\n        case 'jpeg':\n            return 'image/jpeg';\n        case 'gif':\n            return 'image/gif';\n        case 'webp':\n            return 'image/webp';\n        default:\n            return 'application/octet-stream';\n    }\n};\n\nexport const serializeInlineSvg = (svgEl: SVGSVGElement): string => {\n    const serializer = new XMLSerializer();\n    let svgString = serializer.serializeToString(svgEl);\n\n    if (!/xmlns=\"http:\\/\\/www\\.w3\\.org\\/2000\\/svg\"/.test(svgString)) {\n        svgString = svgString.replace('<svg', '<svg xmlns=\"http://www.w3.org/2000/svg\"');\n    }\n\n    const bytes = new TextEncoder().encode(svgString);\n    const binary = Array.from(bytes, (byte) => String.fromCodePoint(byte)).join('');\n\n    return `data:image/svg+xml;base64,${window.btoa(binary)}`;\n};\n\nexport function getGalleryItemVideo({index, iframeEl}: GetGalleryItemVideoArgs): GalleryItemProps {\n    const rawSrc = iframeEl?.getAttribute('src') ?? '';\n    const src = rawSrc.replace(/&amp;/g, '&');\n    const name = iframeEl?.getAttribute('title') ?? '';\n    const url = src.startsWith('http') ? src : new URL(src, window.location.origin).href;\n\n    return {\n        id: `video-iframe-${index}`,\n        name,\n        interactive: true,\n        view: (\n            <iframe\n                src={src}\n                title={name}\n                allow=\"autoplay; encrypted-media; fullscreen; picture-in-picture\"\n                allowFullScreen\n                className=\"dc-gallery__iframe\"\n            />\n        ),\n        thumbnail: <FilePreview view=\"compact\" file={new File([], name, {type: 'video'})} />,\n        actions: [getGalleryItemCopyLinkAction({copyUrl: url})],\n    } as GalleryItemProps;\n}\n\nexport const getImageSource = (el: HTMLElement): ImageSource => {\n    if (isImageElement(el)) {\n        return {\n            name: el.alt || '',\n            src: el.src,\n            mimeType: getImageMimeType(el.src),\n        };\n    }\n\n    if (isSvgElement(el)) {\n        return {\n            name: el.getAttribute('aria-label') || el.querySelector('title')?.textContent || '',\n            src: serializeInlineSvg(el),\n            mimeType: 'image/svg+xml',\n        };\n    }\n\n    throw new Error('Unsupported gallery image element: expected <img> or inline <svg>');\n};\n\nexport const buildGalleryItem = (el: HTMLElement, index: number): GalleryItemProps => {\n    const isVideo = el.classList.contains('embed-responsive');\n\n    if (isVideo) {\n        return getGalleryItemVideo({\n            index,\n            iframeEl: el.querySelector('iframe'),\n        });\n    }\n\n    const {name, src, mimeType} = getImageSource(el);\n    const file = new File([], name, {type: mimeType});\n    const url = src.startsWith('http') ? src : new URL(src, window.location.origin).href;\n    const actions = isImageElement(el)\n        ? [\n              getGalleryItemCopyLinkAction({copyUrl: url}),\n              getGalleryItemDownloadAction({downloadUrl: src}),\n          ]\n        : [getGalleryItemDownloadAction({downloadUrl: src})];\n    return {\n        ...getGalleryItemImage({name, src}),\n        thumbnail: <FilePreview view=\"compact\" file={file} imageSrc={src} />,\n        actions,\n    };\n};\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/Mark/Mark.scss", "../../../../src/components/Mark/%3Cinput css _QZ6EM%3E"],
+  "sources": ["../../../../src/components/Mark/Mark.scss", "../../../../src/components/Mark/%3Cinput css yjuzg-%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/esm/components/Mark/Mark.js

@@ -1,10 +1,10 @@
 // src/components/Mark/Mark.tsx
-import React from "react";
 import block from "bem-cn-lite";
 import "./Mark.css";
+import { jsx } from "react/jsx-runtime";
 var b = block("dc-mark");
 var Mark = ({ text, color = "blue", size = "s", className }) => {
-  return /* @__PURE__ */ React.createElement("span", { className: b({ color, size }, className) }, text.toUpperCase());
+  return /* @__PURE__ */ jsx("span", { className: b({ color, size }, className), children: text.toUpperCase() });
 };
 export {
   Mark

package/build/esm/components/Mark/Mark.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/Mark/Mark.tsx"],
   "sourcesContent": ["import React from 'react';\nimport block from 'bem-cn-lite';\n\nimport './Mark.scss';\n\nconst b = block('dc-mark');\n\nexport type MarkColor = 'blue' | 'green';\n\nexport interface MarkProps {\n    text: string;\n    color?: MarkColor;\n    size?: 's' | 'm';\n    className?: string;\n}\n\nexport const Mark: React.FC<MarkProps> = ({text, color = 'blue', size = 's', className}) => {\n    return <span className={b({color, size}, className)}>{text.toUpperCase()}</span>;\n};\n"],
-  "mappings": ";AAAA,OAAO,WAAW;AAClB,OAAO,WAAW;AAElB,OAAO;AAEP,IAAM,IAAI,MAAM,SAAS;AAWlB,IAAM,OAA4B,CAAC,EAAC,MAAM,QAAQ,QAAQ,OAAO,KAAK,UAAS,MAAM;AACxF,SAAO,oCAAC,UAAK,WAAW,EAAE,EAAC,OAAO,KAAI,GAAG,SAAS,KAAI,KAAK,YAAY,CAAE;AAC7E;",
+  "mappings": ";AACA,OAAO,WAAW;AAElB,OAAO;AAcI;AAZX,IAAM,IAAI,MAAM,SAAS;AAWlB,IAAM,OAA4B,CAAC,EAAC,MAAM,QAAQ,QAAQ,OAAO,KAAK,UAAS,MAAM;AACxF,SAAO,oBAAC,UAAK,WAAW,EAAE,EAAC,OAAO,KAAI,GAAG,SAAS,GAAI,eAAK,YAAY,GAAE;AAC7E;",
   "names": []
 }