@diplodoc/components 3.0.0-alpha-1

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

@@ -0,0 +1,128 @@
+// src/components/Feedback/controls/DislikeVariantsPopup.tsx
+import React, {
+  forwardRef,
+  memo,
+  useCallback,
+  useContext,
+  useImperativeHandle,
+  useMemo,
+  useRef,
+  useState
+} from "react";
+import { Button, Checkbox, Popup, TextArea } from "@gravity-ui/uikit";
+import block from "bem-cn-lite";
+import { PopperPosition, useTranslation } from "../../../hooks";
+import { ControlsLayoutContext } from "../../Controls/ControlsLayout";
+import { FeedbackView } from "../Feedback";
+var b = block("dc-feedback");
+var DislikeVariantsList = memo(
+  forwardRef((_props, ref) => {
+    const { t, i18n } = useTranslation("feedback-variants");
+    const variants = i18n.getResourceBundle(i18n.language, "feedback-variants");
+    const [checked, setChecked] = useState({});
+    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__ */ React.createElement("div", { className: b("variants") }, Object.keys(variants).map((variant) => /* @__PURE__ */ React.createElement(
+      Checkbox,
+      {
+        key: variant,
+        className: b("variant"),
+        checked: checked[variant],
+        onUpdate: (state) => {
+          setChecked({
+            ...checked,
+            [variant]: state
+          });
+        },
+        content: t(variant)
+      }
+    )));
+  })
+);
+DislikeVariantsList.displayName = "DislikeVariantsList";
+var DislikeVariantsInput = memo(
+  forwardRef((_props, ref) => {
+    const { t } = useTranslation("feedback");
+    const [feedbackComment, setFeedbackComment] = useState("");
+    const onChange = useCallback((event) => {
+      setFeedbackComment(event.target.value);
+    }, []);
+    useImperativeHandle(ref, () => {
+      return {
+        data() {
+          return feedbackComment;
+        },
+        clean() {
+          setFeedbackComment("");
+        }
+      };
+    });
+    return /* @__PURE__ */ React.createElement("div", { className: b("textarea") }, /* @__PURE__ */ React.createElement(
+      TextArea,
+      {
+        size: "m",
+        rows: 6,
+        placeholder: t("comment-placeholder"),
+        hasClear: true,
+        value: feedbackComment,
+        onChange
+      }
+    ));
+  })
+);
+DislikeVariantsInput.displayName = "DislikeVariantsInput";
+var DislikeVariantsPopup = memo(
+  ({ anchor, visible, view, onOutsideClick, onSubmit }) => {
+    const { t } = useTranslation("feedback");
+    const { isVerticalView } = useContext(ControlsLayoutContext);
+    const position = useMemo(() => {
+      if (!view || view === FeedbackView.Regular) {
+        return isVerticalView ? PopperPosition.LEFT_START : PopperPosition.BOTTOM_END;
+      }
+      return PopperPosition.RIGHT;
+    }, [isVerticalView, view]);
+    const feedbackComment = useRef(null);
+    const feedbackCheckboxes = useRef(null);
+    const onFormSubmit = useCallback(
+      (event) => {
+        event.preventDefault();
+        onSubmit({
+          comment: feedbackComment.current?.data() || "",
+          answers: feedbackCheckboxes.current?.data() || []
+        });
+        feedbackComment.current?.clean();
+        feedbackCheckboxes.current?.clean();
+      },
+      [onSubmit]
+    );
+    return /* @__PURE__ */ React.createElement(
+      Popup,
+      {
+        anchorRef: anchor,
+        open: visible,
+        onOutsideClick,
+        contentClassName: b("variants-popup", { view }),
+        placement: position
+      },
+      /* @__PURE__ */ React.createElement("h3", { className: b("popup-title") }, t("dislike-variants-title")),
+      /* @__PURE__ */ React.createElement("form", { onSubmit: onFormSubmit }, /* @__PURE__ */ React.createElement(DislikeVariantsList, { ref: feedbackCheckboxes }), /* @__PURE__ */ React.createElement(DislikeVariantsInput, { ref: feedbackComment }), /* @__PURE__ */ React.createElement("div", { className: b("variants-actions") }, /* @__PURE__ */ React.createElement(Button, { view: "action", className: b("variants-action"), type: "submit" }, t("send-action-text"))))
+    );
+  }
+);
+DislikeVariantsPopup.displayName = "FeedbackDislikeVariantsPopup";
+var DislikeVariantsPopup_default = DislikeVariantsPopup;
+export {
+  DislikeVariantsPopup_default as default
+};
+//# sourceMappingURL=DislikeVariantsPopup.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/Feedback/controls/DislikeVariantsPopup.tsx"],
+  "sourcesContent": ["import React, {\n    RefObject,\n    SyntheticEvent,\n    forwardRef,\n    memo,\n    useCallback,\n    useContext,\n    useImperativeHandle,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\n\nimport {Button, Checkbox, Popup, TextArea} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nimport {PopperPosition, useTranslation} from '../../../hooks';\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<string>(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 position = useMemo(() => {\n            if (!view || view === FeedbackView.Regular) {\n                return isVerticalView ? PopperPosition.LEFT_START : PopperPosition.BOTTOM_END;\n            }\n\n            return PopperPosition.RIGHT;\n        }, [isVerticalView, view]);\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                anchorRef={anchor}\n                open={visible}\n                onOutsideClick={onOutsideClick}\n                contentClassName={b('variants-popup', {view})}\n                placement={position}\n            >\n                <h3 className={b('popup-title')}>{t<string>('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<string>('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": []
+}

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

@@ -0,0 +1,50 @@
+// src/components/Feedback/controls/LikeControl.tsx
+import React, { forwardRef, memo, useContext } from "react";
+import { Button, Icon } from "@gravity-ui/uikit";
+import block from "bem-cn-lite";
+import { useTranslation } from "../../../hooks";
+import { Control } from "../../Control";
+import { ControlsLayoutContext } from "../../Controls/ControlsLayout";
+import { FeedbackView } from "../Feedback";
+import LikeActiveIcon from "@gravity-ui/icons/svgs/thumbs-up-fill.svg";
+import LikeIcon from "@gravity-ui/icons/svgs/thumbs-up.svg";
+var b = block("dc-feedback");
+var LikeControl = memo(
+  forwardRef(({ isLiked, view, onClick }, ref) => {
+    const { t } = useTranslation("feedback");
+    const { isVerticalView, popupPosition, controlClassName } = useContext(ControlsLayoutContext);
+    const tooltipText = isLiked ? t("cancel-like-text") : t("like-text");
+    if (view === FeedbackView.Wide) {
+      return /* @__PURE__ */ React.createElement(
+        Button,
+        {
+          size: "m",
+          view: "normal",
+          ref,
+          onClick,
+          className: b("control", { view })
+        },
+        /* @__PURE__ */ React.createElement(Button.Icon, null, /* @__PURE__ */ React.createElement(Icon, { data: isLiked ? LikeActiveIcon : LikeIcon, size: 14 })),
+        t("button-like-text")
+      );
+    }
+    return /* @__PURE__ */ React.createElement(
+      Control,
+      {
+        onClick,
+        className: b("control", { view }, controlClassName),
+        isVerticalView,
+        tooltipText,
+        ref,
+        icon: (args) => /* @__PURE__ */ React.createElement(Icon, { data: isLiked ? LikeActiveIcon : LikeIcon, ...args }),
+        popupPosition
+      }
+    );
+  })
+);
+LikeControl.displayName = "LikeControl";
+var LikeControl_default = LikeControl;
+export {
+  LikeControl_default as default
+};
+//# sourceMappingURL=LikeControl.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/Feedback/controls/LikeControl.tsx"],
+  "sourcesContent": ["import React, {forwardRef, memo, useContext} from 'react';\n\nimport {Button, Icon} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nimport type {PopperPosition} from '../../../hooks';\nimport {useTranslation} from '../../../hooks';\nimport {Control} from '../../Control';\nimport {ControlsLayoutContext} from '../../Controls/ControlsLayout';\nimport {FeedbackView} from '../Feedback';\n\nimport LikeActiveIcon from '@gravity-ui/icons/svgs/thumbs-up-fill.svg';\nimport LikeIcon from '@gravity-ui/icons/svgs/thumbs-up.svg';\n\ntype LikeControlProps = {\n    isVerticalView?: boolean | undefined;\n    isLiked: boolean | undefined;\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        if (view === FeedbackView.Wide) {\n            return (\n                <Button\n                    size=\"m\"\n                    view=\"normal\"\n                    ref={ref}\n                    onClick={onClick}\n                    className={b('control', {view})}\n                >\n                    <Button.Icon>\n                        <Icon data={isLiked ? LikeActiveIcon : LikeIcon} size={14} />\n                    </Button.Icon>\n                    {t<string>('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={(args) => <Icon data={isLiked ? LikeActiveIcon : LikeIcon} {...args} />}\n                popupPosition={popupPosition}\n            />\n        );\n    }),\n);\n\nLikeControl.displayName = 'LikeControl';\n\nexport default LikeControl;\n"],
+  "mappings": ";AAAA,OAAO,SAAQ,YAAY,MAAM,kBAAiB;AAElD,SAAQ,QAAQ,YAAW;AAC3B,OAAO,WAAW;AAGlB,SAAQ,sBAAqB;AAC7B,SAAQ,eAAc;AACtB,SAAQ,6BAA4B;AACpC,SAAQ,oBAAmB;AAE3B,OAAO,oBAAoB;AAC3B,OAAO,cAAc;AAWrB,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,QAAI,SAAS,aAAa,MAAM;AAC5B,aACI;AAAA,QAAC;AAAA;AAAA,UACG,MAAK;AAAA,UACL,MAAK;AAAA,UACL;AAAA,UACA;AAAA,UACA,WAAW,EAAE,WAAW,EAAC,KAAI,CAAC;AAAA;AAAA,QAE9B,oCAAC,OAAO,MAAP,MACG,oCAAC,QAAK,MAAM,UAAU,iBAAiB,UAAU,MAAM,IAAI,CAC/D;AAAA,QACC,EAAU,kBAAkB;AAAA,MACjC;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,CAAC,SAAS,oCAAC,QAAK,MAAM,UAAU,iBAAiB,UAAW,GAAG,MAAM;AAAA,QAC3E;AAAA;AAAA,IACJ;AAAA,EAER,CAAC;AACL;AAEA,YAAY,cAAc;AAE1B,IAAO,sBAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,36 @@
+// src/components/Feedback/controls/SuccessPopup.tsx
+import React, { memo, useContext, useMemo } from "react";
+import { Popup } from "@gravity-ui/uikit";
+import block from "bem-cn-lite";
+import { PopperPosition, useTranslation } from "../../../hooks";
+import { ControlsLayoutContext } from "../../Controls/ControlsLayout";
+import { FeedbackView } from "../Feedback";
+var b = block("dc-feedback");
+var SuccessPopup = memo(({ visible, anchor, onOutsideClick, view }) => {
+  const { t } = useTranslation("feedback");
+  const { isVerticalView } = useContext(ControlsLayoutContext);
+  const position = useMemo(() => {
+    if (!view || view === FeedbackView.Regular) {
+      return isVerticalView ? PopperPosition.LEFT_START : PopperPosition.BOTTOM_END;
+    }
+    return PopperPosition.RIGHT;
+  }, [isVerticalView, view]);
+  return /* @__PURE__ */ React.createElement(
+    Popup,
+    {
+      anchorRef: anchor,
+      open: visible,
+      onOutsideClick,
+      contentClassName: b("success-popup", { view }),
+      placement: position
+    },
+    /* @__PURE__ */ React.createElement("h3", { className: b("popup-title") }, t("success-title")),
+    /* @__PURE__ */ React.createElement("p", { className: b("popup-text") }, t("success-text"))
+  );
+});
+SuccessPopup.displayName = "FeedbackSuccessPopup";
+var SuccessPopup_default = SuccessPopup;
+export {
+  SuccessPopup_default as default
+};
+//# sourceMappingURL=SuccessPopup.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/Feedback/controls/SuccessPopup.tsx"],
+  "sourcesContent": ["import React, {RefObject, memo, useContext, useMemo} from 'react';\n\nimport {Popup} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nimport {PopperPosition, useTranslation} from '../../../hooks';\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 position = useMemo(() => {\n        if (!view || view === FeedbackView.Regular) {\n            return isVerticalView ? PopperPosition.LEFT_START : PopperPosition.BOTTOM_END;\n        }\n\n        return PopperPosition.RIGHT;\n    }, [isVerticalView, view]);\n\n    return (\n        <Popup\n            anchorRef={anchor}\n            open={visible}\n            onOutsideClick={onOutsideClick}\n            contentClassName={b('success-popup', {view})}\n            placement={position}\n        >\n            <h3 className={b('popup-title')}>{t<string>('success-title')}</h3>\n            <p className={b('popup-text')}>{t<string>('success-text')}</p>\n        </Popup>\n    );\n});\n\nSuccessPopup.displayName = 'FeedbackSuccessPopup';\n\nexport default SuccessPopup;\n"],
+  "mappings": ";AAAA,OAAO,SAAmB,MAAM,YAAY,eAAc;AAE1D,SAAQ,aAAY;AACpB,OAAO,WAAW;AAElB,SAAQ,gBAAgB,sBAAqB;AAC7C,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,WAAW,QAAQ,MAAM;AAC3B,QAAI,CAAC,QAAQ,SAAS,aAAa,SAAS;AACxC,aAAO,iBAAiB,eAAe,aAAa,eAAe;AAAA,IACvE;AAEA,WAAO,eAAe;AAAA,EAC1B,GAAG,CAAC,gBAAgB,IAAI,CAAC;AAEzB,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAW;AAAA,MACX,MAAM;AAAA,MACN;AAAA,MACA,kBAAkB,EAAE,iBAAiB,EAAC,KAAI,CAAC;AAAA,MAC3C,WAAW;AAAA;AAAA,IAEX,oCAAC,QAAG,WAAW,EAAE,aAAa,KAAI,EAAU,eAAe,CAAE;AAAA,IAC7D,oCAAC,OAAE,WAAW,EAAE,YAAY,KAAI,EAAU,cAAc,CAAE;AAAA,EAC9D;AAER,CAAC;AAED,aAAa,cAAc;AAE3B,IAAO,uBAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,7 @@
+// src/components/Feedback/index.ts
+export * from "./Feedback";
+import { default as default2 } from "./Feedback";
+export {
+  default2 as Feedback
+};
+//# sourceMappingURL=index.js.map

package/build/esm/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,cAAc;AACd,SAAmB,WAAXA,gBAA0B;",
+  "names": ["default"]
+}

package/build/esm/components/HTML/HTML.js

@@ -0,0 +1,15 @@
+// src/components/HTML/HTML.tsx
+import React from "react";
+var HTML = ({ children, block = false, className }) => {
+  if (!children) {
+    return null;
+  }
+  return React.createElement(block ? "div" : "span", {
+    dangerouslySetInnerHTML: { __html: children },
+    className
+  });
+};
+export {
+  HTML
+};
+//# sourceMappingURL=HTML.js.map

package/build/esm/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}\n\nexport const HTML: React.FC<HTMLProps> = ({children, block = false, className}) => {\n    if (!children) {\n        return null;\n    }\n\n    return React.createElement(block ? 'div' : 'span', {\n        dangerouslySetInnerHTML: {__html: children},\n        className,\n    });\n};\n"],
+  "mappings": ";AAAA,OAAO,WAAW;AAQX,IAAM,OAA4B,CAAC,EAAC,UAAU,QAAQ,OAAO,UAAS,MAAM;AAC/E,MAAI,CAAC,UAAU;AACX,WAAO;AAAA,EACX;AAEA,SAAO,MAAM,cAAc,QAAQ,QAAQ,QAAQ;AAAA,IAC/C,yBAAyB,EAAC,QAAQ,SAAQ;AAAA,IAC1C;AAAA,EACJ,CAAC;AACL;",
+  "names": []
+}

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

@@ -0,0 +1,3 @@
+// src/components/HTML/index.ts
+export * from "./HTML";
+//# sourceMappingURL=index.js.map

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

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

package/build/esm/components/Link.js

@@ -0,0 +1,10 @@
+// src/components/Link.tsx
+import React, { Fragment } from "react";
+var Link = ({ children, url }) => {
+  return url ? /* @__PURE__ */ React.createElement("a", { href: url, target: "_blank", rel: "noopener noreferrer" }, children) : /* @__PURE__ */ React.createElement(Fragment, null, children);
+};
+var Link_default = Link;
+export {
+  Link_default as default
+};
+//# sourceMappingURL=Link.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/Link.tsx"],
+  "sourcesContent": ["import React, {Fragment, PropsWithChildren} from 'react';\n\ninterface LinkProps {\n    url?: string;\n}\n\nconst Link: React.FC<PropsWithChildren<LinkProps>> = ({children, url}) => {\n    return url ? (\n        <a href={url} target=\"_blank\" rel=\"noopener noreferrer\">\n            {children}\n        </a>\n    ) : (\n        <Fragment>{children}</Fragment>\n    );\n};\n\nexport default Link;\n"],
+  "mappings": ";AAAA,OAAO,SAAQ,gBAAkC;AAMjD,IAAM,OAA+C,CAAC,EAAC,UAAU,IAAG,MAAM;AACtE,SAAO,MACH,oCAAC,OAAE,MAAM,KAAK,QAAO,UAAS,KAAI,yBAC7B,QACL,IAEA,oCAAC,gBAAU,QAAS;AAE5B;AAEA,IAAO,eAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,22 @@
+/* src/components/Mark/Mark.scss */
+.dc-mark {
+  display: inline-block;
+  font-family: "YS Text", sans-serif;
+  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/esm/components/Mark/Mark.css.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/Mark/Users/3y3k0/doctools/docs-components/src/components/Mark/Mark.scss", "../../../../src/components/Mark/%3Cinput%20css%20X3-mjO%3E"],
+  "sourcesContent": [".dc-mark {\n    display: inline-block;\n    font-family: 'YS Text', sans-serif;\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-family: \"YS Text\", sans-serif;\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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzLzN5M2swL2RvY3Rvb2xzL2RvY3MtY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9NYXJrIiwic291cmNlcyI6WyJNYXJrLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDSTtFQUNBO0VBQ0E7RUFDQTs7QUFHSTtFQUNJOztBQUdKO0VBQ0k7O0FBS0o7RUFDSTtFQUNBOztBQUdKO0VBQ0k7RUFDQSIsInNvdXJjZXNDb250ZW50IjpbIi5kYy1tYXJrIHtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgZm9udC1mYW1pbHk6ICdZUyBUZXh0Jywgc2Fucy1zZXJpZjtcbiAgICBmb250LXdlaWdodDogYm9sZDtcbiAgICBsaW5lLWhlaWdodDogMTtcblxuICAgICZfY29sb3Ige1xuICAgICAgICAmX2JsdWUge1xuICAgICAgICAgICAgY29sb3I6ICM2N2IwZjg7XG4gICAgICAgIH1cblxuICAgICAgICAmX2dyZWVuIHtcbiAgICAgICAgICAgIGNvbG9yOiAjNTZiZDY3O1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJl9zaXplIHtcbiAgICAgICAgJl9zIHtcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMTBweDtcbiAgICAgICAgICAgIGxldHRlci1zcGFjaW5nOiAwLjI1cHg7XG4gICAgICAgIH1cblxuICAgICAgICAmX20ge1xuICAgICAgICAgICAgZm9udC1zaXplOiAxMnB4O1xuICAgICAgICAgICAgbGV0dGVyLXNwYWNpbmc6IDAuM3B4O1xuICAgICAgICB9XG4gICAgfVxufVxuIl19 */"],
+  "mappings": ";AAAA,CAAA;AACI,WAAA;AACA,eAAA,SAAA,EAAA;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

@@ -0,0 +1,12 @@
+// src/components/Mark/Mark.tsx
+import React from "react";
+import block from "bem-cn-lite";
+import "./Mark.css";
+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());
+};
+export {
+  Mark
+};
+//# sourceMappingURL=Mark.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/Mark/Mark.tsx"],
+  "sourcesContent": ["import React from 'react';\n\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;AAElB,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;",
+  "names": []
+}

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

@@ -0,0 +1,3 @@
+// src/components/Mark/index.ts
+export * from "./Mark";
+//# sourceMappingURL=index.js.map

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

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

package/build/esm/components/MiniToc/MiniToc.css

@@ -0,0 +1,44 @@
+/* src/components/MiniToc/MiniToc.scss */
+.dc-mini-toc__title {
+  font-size: var(--g-text-body-2-font-size);
+  line-height: var(--g-text-body-2-line-height);
+  font-weight: 500;
+  color: var(--g-color-text-primary);
+  margin-bottom: 12px;
+}
+.dc-mini-toc__sections {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  height: calc(100vh - 0px - 56px - var(--dc-subheader-height));
+  height: calc(100vh - var(--dc-header-height, 0px) - 56px - var(--dc-subheader-height));
+  overflow-y: auto;
+  overflow-x: hidden;
+}
+.dc-mini-toc__section {
+  display: block;
+}
+.dc-mini-toc__section > .dc-mini-toc__section-link {
+  border-left-color: var(--g-color-line-generic);
+}
+.dc-mini-toc__section-link {
+  display: flex;
+  align-items: center;
+  padding: 6px 6px 6px 12px;
+  min-height: 28px;
+  color: var(--g-color-text-secondary);
+  border-left: 2px solid transparent;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+.dc-mini-toc__section-link:hover {
+  color: var(--g-color-text-complementary);
+}
+.dc-mini-toc__section_child .dc-mini-toc__section-link {
+  padding-left: 25px;
+}
+.dc-mini-toc__section_active > .dc-mini-toc__section-link {
+  color: var(--g-color-text-primary);
+  border-left-color: var(--g-color-text-primary);
+}
+/*# sourceMappingURL=MiniToc.css.map */

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/MiniToc/Users/3y3k0/doctools/docs-components/src/components/MiniToc/MiniToc.scss", "../../../../src/components/MiniToc/Users/3y3k0/doctools/docs-components/src/styles/mixins.scss", "../../../../src/components/MiniToc/%3Cinput%20css%20ZVI2tR%3E"],
+  "sourcesContent": ["@import '../../styles/variables';\n@import '../../styles/mixins';\n\n.dc-mini-toc {\n    $class: &;\n\n    &__title {\n        @include text-size(body-2);\n        font-weight: 500;\n        color: var(--g-color-text-primary);\n        margin-bottom: 12px;\n    }\n\n    &__sections {\n        @include reset-list-style();\n\n        height: calc(\n            100vh - var(--dc-header-height, #{$headerHeight}) - #{$miniTocOffset} - var(--dc-subheader-height)\n        );\n        overflow-y: auto;\n        overflow-x: hidden;\n    }\n\n    &__section {\n        display: block;\n\n        & > #{$class}__section-link {\n            border-left-color: var(--g-color-line-generic);\n        }\n\n        &-link {\n            display: flex;\n            align-items: center;\n            padding: 6px 6px 6px 12px;\n            min-height: 28px;\n\n            color: var(--g-color-text-secondary);\n            border-left: 2px solid transparent;\n            text-decoration: none;\n\n            &:hover {\n                color: var(--g-color-text-complementary);\n            }\n        }\n\n        &_child {\n            #{$class}__section-link {\n                padding-left: 25px;\n            }\n        }\n\n        &_active > #{$class}__section-link {\n            color: var(--g-color-text-primary);\n            border-left-color: var(--g-color-text-primary);\n        }\n    }\n}\n", "@import './variables';\n\n@mixin text-size($name) {\n    font-size: var(--g-text-#{$name}-font-size);\n    line-height: var(--g-text-#{$name}-line-height);\n}\n\n@mixin reset-list-style() {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n@mixin fixAnchorPosition($offset: 0px) {\n    padding-top: calc(var(--dc-header-height, #{$headerHeight}));\n    margin-top: calc(#{$offset} - var(--dc-header-height, #{$headerHeight}));\n}\n\n@mixin reset-link-style() {\n    color: inherit;\n    text-decoration: none;\n}\n\n@mixin islands-focus() {\n    outline: none;\n\n    .utilityfocus &:focus {\n        outline: 2px solid #ffdb4d;\n    }\n}\n\n@mixin link() {\n    @include islands-focus();\n\n    color: var(--g-color-text-link);\n    text-decoration: none;\n    cursor: pointer;\n\n    &:hover,\n    &:active {\n        color: var(--g-color-text-link-hover);\n    }\n}\n\n@mixin heading1() {\n    @include text-size(display-3);\n    font-weight: 500;\n\n    @media (max-width: map-get($screenBreakpoints, 'md') - 1) {\n        @include text-size(display-2);\n    }\n}\n\n@mixin heading2() {\n    @include text-size(display-1);\n    font-weight: 500;\n}\n\n@mixin heading3() {\n    @include text-size(header-2);\n    font-weight: 500;\n}\n\n@mixin heading4() {\n    @include text-size(header-1);\n    font-weight: 500;\n}\n\n@mixin heading5() {\n    @include text-size(body-3);\n    font-weight: 500;\n}\n\n@mixin heading6() {\n    @include text-size(body-3);\n    font-weight: 400;\n}\n\n@mixin contributors-text() {\n    font-size: 13px;\n    font-weight: 400;\n    margin-right: 5px;\n    align-self: center;\n}\n\n@mixin text-body-1() {\n    font-size: var(--g-text-body-1-font-size);\n    line-height: var(--g-text-body-1-line-height);\n    font-weight: var(--g-text-body-font-weight);\n}\n\n@mixin desktop-only() {\n    @media (max-width: map-get($screenBreakpoints, 'md') - 1) {\n        display: none;\n    }\n}\n\n@mixin desktop-tablet-only() {\n    @media (max-width: map-get($screenBreakpoints, 'sm') - 1) {\n        display: none;\n    }\n}\n\n@mixin mobile-tablet-only() {\n    @media (min-width: map-get($screenBreakpoints, 'md')) {\n        display: none;\n    }\n}\n\n@mixin mobile-only() {\n    @media (min-width: map-get($screenBreakpoints, 'sm')) {\n        display: none;\n    }\n}\n", ".dc-mini-toc__title {\n  font-size: var(--g-text-body-2-font-size);\n  line-height: var(--g-text-body-2-line-height);\n  font-weight: 500;\n  color: var(--g-color-text-primary);\n  margin-bottom: 12px;\n}\n.dc-mini-toc__sections {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  height: calc(\n            100vh - var(--dc-header-height, 0px) - 56px - var(--dc-subheader-height)\n        );\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.dc-mini-toc__section {\n  display: block;\n}\n.dc-mini-toc__section > .dc-mini-toc__section-link {\n  border-left-color: var(--g-color-line-generic);\n}\n.dc-mini-toc__section-link {\n  display: flex;\n  align-items: center;\n  padding: 6px 6px 6px 12px;\n  min-height: 28px;\n  color: var(--g-color-text-secondary);\n  border-left: 2px solid transparent;\n  text-decoration: none;\n}\n.dc-mini-toc__section-link:hover {\n  color: var(--g-color-text-complementary);\n}\n.dc-mini-toc__section_child .dc-mini-toc__section-link {\n  padding-left: 25px;\n}\n.dc-mini-toc__section_active > .dc-mini-toc__section-link {\n  color: var(--g-color-text-primary);\n  border-left-color: var(--g-color-text-primary);\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzLzN5M2swL2RvY3Rvb2xzL2RvY3MtY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9NaW5pVG9jIiwic291cmNlcyI6WyJNaW5pVG9jLnNjc3MiLCIuLi8uLi9zdHlsZXMvbWl4aW5zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTUk7RUNIQTtFQUNBO0VESUk7RUFDQTtFQUNBOztBQUdKO0VDTEE7RUFDQTtFQUNBO0VETUk7QUFBQTtBQUFBO0VBR0E7RUFDQTs7QUFHSjtFQUNJOztBQUVBO0VBQ0k7O0FBR0o7RUFDSTtFQUNBO0VBQ0E7RUFDQTtFQUVBO0VBQ0E7RUFDQTs7QUFFQTtFQUNJOztBQUtKO0VBQ0k7O0FBSVI7RUFDSTtFQUNBIiwic291cmNlc0NvbnRlbnQiOlsiQGltcG9ydCAnLi4vLi4vc3R5bGVzL3ZhcmlhYmxlcyc7XG5AaW1wb3J0ICcuLi8uLi9zdHlsZXMvbWl4aW5zJztcblxuLmRjLW1pbmktdG9jIHtcbiAgICAkY2xhc3M6ICY7XG5cbiAgICAmX190aXRsZSB7XG4gICAgICAgIEBpbmNsdWRlIHRleHQtc2l6ZShib2R5LTIpO1xuICAgICAgICBmb250LXdlaWdodDogNTAwO1xuICAgICAgICBjb2xvcjogdmFyKC0tZy1jb2xvci10ZXh0LXByaW1hcnkpO1xuICAgICAgICBtYXJnaW4tYm90dG9tOiAxMnB4O1xuICAgIH1cblxuICAgICZfX3NlY3Rpb25zIHtcbiAgICAgICAgQGluY2x1ZGUgcmVzZXQtbGlzdC1zdHlsZSgpO1xuXG4gICAgICAgIGhlaWdodDogY2FsYyhcbiAgICAgICAgICAgIDEwMHZoIC0gdmFyKC0tZGMtaGVhZGVyLWhlaWdodCwgI3skaGVhZGVySGVpZ2h0fSkgLSAjeyRtaW5pVG9jT2Zmc2V0fSAtIHZhcigtLWRjLXN1YmhlYWRlci1oZWlnaHQpXG4gICAgICAgICk7XG4gICAgICAgIG92ZXJmbG93LXk6IGF1dG87XG4gICAgICAgIG92ZXJmbG93LXg6IGhpZGRlbjtcbiAgICB9XG5cbiAgICAmX19zZWN0aW9uIHtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG5cbiAgICAgICAgJiA+ICN7JGNsYXNzfV9fc2VjdGlvbi1saW5rIHtcbiAgICAgICAgICAgIGJvcmRlci1sZWZ0LWNvbG9yOiB2YXIoLS1nLWNvbG9yLWxpbmUtZ2VuZXJpYyk7XG4gICAgICAgIH1cblxuICAgICAgICAmLWxpbmsge1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgICBwYWRkaW5nOiA2cHggNnB4IDZweCAxMnB4O1xuICAgICAgICAgICAgbWluLWhlaWdodDogMjhweDtcblxuICAgICAgICAgICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgYm9yZGVyLWxlZnQ6IDJweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICAgICAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcblxuICAgICAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgICAgICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1jb21wbGVtZW50YXJ5KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgICZfY2hpbGQge1xuICAgICAgICAgICAgI3skY2xhc3N9X19zZWN0aW9uLWxpbmsge1xuICAgICAgICAgICAgICAgIHBhZGRpbmctbGVmdDogMjVweDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgICZfYWN0aXZlID4gI3skY2xhc3N9X19zZWN0aW9uLWxpbmsge1xuICAgICAgICAgICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1wcmltYXJ5KTtcbiAgICAgICAgICAgIGJvcmRlci1sZWZ0LWNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtcHJpbWFyeSk7XG4gICAgICAgIH1cbiAgICB9XG59XG4iLCJAaW1wb3J0ICcuL3ZhcmlhYmxlcyc7XG5cbkBtaXhpbiB0ZXh0LXNpemUoJG5hbWUpIHtcbiAgICBmb250LXNpemU6IHZhcigtLWctdGV4dC0jeyRuYW1lfS1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtI3skbmFtZX0tbGluZS1oZWlnaHQpO1xufVxuXG5AbWl4aW4gcmVzZXQtbGlzdC1zdHlsZSgpIHtcbiAgICBtYXJnaW46IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBsaXN0LXN0eWxlOiBub25lO1xufVxuXG5AbWl4aW4gZml4QW5jaG9yUG9zaXRpb24oJG9mZnNldDogMHB4KSB7XG4gICAgcGFkZGluZy10b3A6IGNhbGModmFyKC0tZGMtaGVhZGVyLWhlaWdodCwgI3skaGVhZGVySGVpZ2h0fSkpO1xuICAgIG1hcmdpbi10b3A6IGNhbGMoI3skb2Zmc2V0fSAtIHZhcigtLWRjLWhlYWRlci1oZWlnaHQsICN7JGhlYWRlckhlaWdodH0pKTtcbn1cblxuQG1peGluIHJlc2V0LWxpbmstc3R5bGUoKSB7XG4gICAgY29sb3I6IGluaGVyaXQ7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xufVxuXG5AbWl4aW4gaXNsYW5kcy1mb2N1cygpIHtcbiAgICBvdXRsaW5lOiBub25lO1xuXG4gICAgLnV0aWxpdHlmb2N1cyAmOmZvY3VzIHtcbiAgICAgICAgb3V0bGluZTogMnB4IHNvbGlkICNmZmRiNGQ7XG4gICAgfVxufVxuXG5AbWl4aW4gbGluaygpIHtcbiAgICBAaW5jbHVkZSBpc2xhbmRzLWZvY3VzKCk7XG5cbiAgICBjb2xvcjogdmFyKC0tZy1jb2xvci10ZXh0LWxpbmspO1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG5cbiAgICAmOmhvdmVyLFxuICAgICY6YWN0aXZlIHtcbiAgICAgICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1saW5rLWhvdmVyKTtcbiAgICB9XG59XG5cbkBtaXhpbiBoZWFkaW5nMSgpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoZGlzcGxheS0zKTtcbiAgICBmb250LXdlaWdodDogNTAwO1xuXG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSAtIDEpIHtcbiAgICAgICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMik7XG4gICAgfVxufVxuXG5AbWl4aW4gaGVhZGluZzIoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMSk7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcbn1cblxuQG1peGluIGhlYWRpbmczKCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShoZWFkZXItMik7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcbn1cblxuQG1peGluIGhlYWRpbmc0KCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShoZWFkZXItMSk7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcbn1cblxuQG1peGluIGhlYWRpbmc1KCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShib2R5LTMpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nNigpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0zKTtcbiAgICBmb250LXdlaWdodDogNDAwO1xufVxuXG5AbWl4aW4gY29udHJpYnV0b3JzLXRleHQoKSB7XG4gICAgZm9udC1zaXplOiAxM3B4O1xuICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG4gICAgbWFyZ2luLXJpZ2h0OiA1cHg7XG4gICAgYWxpZ24tc2VsZjogY2VudGVyO1xufVxuXG5AbWl4aW4gdGV4dC1ib2R5LTEoKSB7XG4gICAgZm9udC1zaXplOiB2YXIoLS1nLXRleHQtYm9keS0xLWZvbnQtc2l6ZSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigtLWctdGV4dC1ib2R5LTEtbGluZS1oZWlnaHQpO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoLS1nLXRleHQtYm9keS1mb250LXdlaWdodCk7XG59XG5cbkBtaXhpbiBkZXNrdG9wLW9ubHkoKSB7XG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSAtIDEpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG5cbkBtaXhpbiBkZXNrdG9wLXRhYmxldC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ3NtJykgLSAxKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gbW9iaWxlLXRhYmxldC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWluLXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ21kJykpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG5cbkBtaXhpbiBtb2JpbGUtb25seSgpIHtcbiAgICBAbWVkaWEgKG1pbi13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdzbScpKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuIl19 */"],
+  "mappings": ";AAMI,CAAA;ACHA,aAAA,IAAA;AACA,eAAA,IAAA;ADII,eAAA;AACA,SAAA,IAAA;AACA,iBAAA;AEJR;AFOI,CAAA;ACLA,UAAA;AACA,WAAA;AACA,cAAA;ADMI,UAAA;AAAA,UAAA;AAGA,cAAA;AACA,cAAA;AEJR;AFOI,CAAA;AACI,WAAA;AELR;AFOQ,CAHJ,qBAGI,EAAA,CAAA;AACI,qBAAA,IAAA;AELZ;AFQQ,CAJA;AAKI,WAAA;AACA,eAAA;AACA,WAAA,IAAA,IAAA,IAAA;AACA,cAAA;AAEA,SAAA,IAAA;AACA,eAAA,IAAA,MAAA;AACA,2BAAA;AAAA,mBAAA;AEPZ;AFSY,CAdJ,yBAcI;AACI,SAAA,IAAA;AEPhB;AFYY,CAAA,2BAAA,CApBJ;AAqBQ,gBAAA;AEVhB;AFcQ,CAAA,4BAAA,EAAA,CAzBA;AA0BI,SAAA,IAAA;AACA,qBAAA,IAAA;AEZZ;",
+  "names": []
+}

package/build/esm/components/MiniToc/MiniToc.js

@@ -0,0 +1,40 @@
+// src/components/MiniToc/MiniToc.tsx
+import React, { memo, useMemo } from "react";
+import block from "bem-cn-lite";
+import { useTranslation } from "../../hooks";
+import { Scrollspy } from "../Scrollspy";
+import "./MiniToc.css";
+var b = block("dc-mini-toc");
+function getFlatHeadings(items, isChild = false) {
+  return items.reduce((result, { href, title, items: subItems }) => {
+    return result.concat({ title, href, isChild }, getFlatHeadings(subItems || [], true));
+  }, []);
+}
+var MiniToc = memo(({ headings, router, headerHeight }) => {
+  const { t } = useTranslation("mini-toc");
+  const flatHeadings = useMemo(() => getFlatHeadings(headings), [headings]);
+  const sectionHrefs = useMemo(
+    () => flatHeadings.map(({ href }) => href, []),
+    [flatHeadings]
+  );
+  if (flatHeadings.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement("div", { className: b() }, /* @__PURE__ */ React.createElement("div", { className: b("title") }, t("title"), ":"), /* @__PURE__ */ React.createElement(
+    Scrollspy,
+    {
+      className: b("sections"),
+      currentClassName: b("section", { active: true }),
+      items: sectionHrefs,
+      router,
+      headerHeight
+    },
+    flatHeadings.map(({ href, title, isChild }) => /* @__PURE__ */ React.createElement("li", { key: href, "data-hash": href, className: b("section", { child: isChild }) }, /* @__PURE__ */ React.createElement("a", { href, className: b("section-link"), "data-router-shallow": true }, title)))
+  ));
+});
+MiniToc.displayName = "MiniToc";
+var MiniToc_default = MiniToc;
+export {
+  MiniToc_default as default
+};
+//# sourceMappingURL=MiniToc.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/MiniToc/MiniToc.tsx"],
+  "sourcesContent": ["import React, {memo, useMemo} from 'react';\n\nimport block from 'bem-cn-lite';\n\nimport {useTranslation} from '../../hooks';\nimport {DocHeadingItem, Router} from '../../models';\nimport {Scrollspy} from '../Scrollspy';\n\nimport './MiniToc.scss';\n\nconst b = block('dc-mini-toc');\n\nexport interface MinitocProps {\n    headings: DocHeadingItem[];\n    router: Router;\n    headerHeight?: number;\n}\n\nexport interface MinitocSectionProps {\n    headings: DocHeadingItem[];\n    router: Router;\n    headerHeight?: number;\n}\n\ninterface FlatHeadingItem {\n    title: string;\n    href: string;\n    isChild: boolean;\n}\n\nfunction getFlatHeadings(items: DocHeadingItem[], isChild = false): FlatHeadingItem[] {\n    return items.reduce((result, {href, title, items: subItems}) => {\n        return result.concat({title, href, isChild}, getFlatHeadings(subItems || [], true));\n    }, [] as FlatHeadingItem[]);\n}\n\nconst MiniToc = memo<MinitocProps>(({headings, router, headerHeight}) => {\n    const {t} = useTranslation('mini-toc');\n    const flatHeadings = useMemo(() => getFlatHeadings(headings), [headings]);\n    const sectionHrefs = useMemo(\n        () => flatHeadings.map<string>(({href}) => href, []),\n        [flatHeadings],\n    );\n\n    if (flatHeadings.length === 0) {\n        return null;\n    }\n\n    return (\n        <div className={b()}>\n            <div className={b('title')}>{t<string>('title')}:</div>\n            <Scrollspy\n                className={b('sections')}\n                currentClassName={b('section', {active: true})}\n                items={sectionHrefs}\n                router={router}\n                headerHeight={headerHeight}\n            >\n                {flatHeadings.map(({href, title, isChild}) => (\n                    <li key={href} data-hash={href} className={b('section', {child: isChild})}>\n                        <a href={href} className={b('section-link')} data-router-shallow>\n                            {title}\n                        </a>\n                    </li>\n                ))}\n            </Scrollspy>\n        </div>\n    );\n});\n\nMiniToc.displayName = 'MiniToc';\n\nexport default MiniToc;\n"],
+  "mappings": ";AAAA,OAAO,SAAQ,MAAM,eAAc;AAEnC,OAAO,WAAW;AAElB,SAAQ,sBAAqB;AAE7B,SAAQ,iBAAgB;AAExB,OAAO;AAEP,IAAM,IAAI,MAAM,aAAa;AAoB7B,SAAS,gBAAgB,OAAyB,UAAU,OAA0B;AAClF,SAAO,MAAM,OAAO,CAAC,QAAQ,EAAC,MAAM,OAAO,OAAO,SAAQ,MAAM;AAC5D,WAAO,OAAO,OAAO,EAAC,OAAO,MAAM,QAAO,GAAG,gBAAgB,YAAY,CAAC,GAAG,IAAI,CAAC;AAAA,EACtF,GAAG,CAAC,CAAsB;AAC9B;AAEA,IAAM,UAAU,KAAmB,CAAC,EAAC,UAAU,QAAQ,aAAY,MAAM;AACrE,QAAM,EAAC,EAAC,IAAI,eAAe,UAAU;AACrC,QAAM,eAAe,QAAQ,MAAM,gBAAgB,QAAQ,GAAG,CAAC,QAAQ,CAAC;AACxE,QAAM,eAAe;AAAA,IACjB,MAAM,aAAa,IAAY,CAAC,EAAC,KAAI,MAAM,MAAM,CAAC,CAAC;AAAA,IACnD,CAAC,YAAY;AAAA,EACjB;AAEA,MAAI,aAAa,WAAW,GAAG;AAC3B,WAAO;AAAA,EACX;AAEA,SACI,oCAAC,SAAI,WAAW,EAAE,KACd,oCAAC,SAAI,WAAW,EAAE,OAAO,KAAI,EAAU,OAAO,GAAE,GAAC,GACjD;AAAA,IAAC;AAAA;AAAA,MACG,WAAW,EAAE,UAAU;AAAA,MACvB,kBAAkB,EAAE,WAAW,EAAC,QAAQ,KAAI,CAAC;AAAA,MAC7C,OAAO;AAAA,MACP;AAAA,MACA;AAAA;AAAA,IAEC,aAAa,IAAI,CAAC,EAAC,MAAM,OAAO,QAAO,MACpC,oCAAC,QAAG,KAAK,MAAM,aAAW,MAAM,WAAW,EAAE,WAAW,EAAC,OAAO,QAAO,CAAC,KACpE,oCAAC,OAAE,MAAY,WAAW,EAAE,cAAc,GAAG,uBAAmB,QAC3D,KACL,CACJ,CACH;AAAA,EACL,CACJ;AAER,CAAC;AAED,QAAQ,cAAc;AAEtB,IAAO,kBAAQ;",
+  "names": []
+}

package/build/esm/components/MiniToc/index.js

@@ -0,0 +1,7 @@
+// src/components/MiniToc/index.ts
+export * from "./MiniToc";
+import { default as default2 } from "./MiniToc";
+export {
+  default2 as MiniToc
+};
+//# sourceMappingURL=index.js.map

package/build/esm/components/MiniToc/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/MiniToc/index.ts"],
+  "sourcesContent": ["export * from './MiniToc';\nexport {default as MiniToc} from './MiniToc';\n"],
+  "mappings": ";AAAA,cAAc;AACd,SAAmB,WAAXA,gBAAyB;",
+  "names": ["default"]
+}

package/build/esm/components/OutsideClick/OutsideClick.js

@@ -0,0 +1,25 @@
+// src/components/OutsideClick/OutsideClick.tsx
+import React, { createRef } from "react";
+var OutsideClick = class extends React.Component {
+  ref = createRef();
+  componentDidMount() {
+    document.addEventListener("mousedown", this.handleOutsideClick);
+  }
+  componentWillUnmount() {
+    document.removeEventListener("mousedown", this.handleOutsideClick);
+  }
+  render() {
+    const { children } = this.props;
+    return /* @__PURE__ */ React.createElement("div", { ref: this.ref }, children);
+  }
+  handleOutsideClick = (e) => {
+    const { onOutsideClick, anchor } = this.props;
+    if (e.target && !(this.ref?.current?.contains(e.target) || anchor?.contains(e.target))) {
+      onOutsideClick();
+    }
+  };
+};
+export {
+  OutsideClick as default
+};
+//# sourceMappingURL=OutsideClick.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/OutsideClick/OutsideClick.tsx"],
+  "sourcesContent": ["import React, {PropsWithChildren, createRef} from 'react';\n\nexport interface OutsideClickProps {\n    onOutsideClick: () => void;\n    anchor?: HTMLElement | null;\n}\n\nexport default class OutsideClick extends React.Component<PropsWithChildren<OutsideClickProps>> {\n    ref = createRef<HTMLDivElement>();\n\n    componentDidMount() {\n        document.addEventListener('mousedown', this.handleOutsideClick);\n    }\n\n    componentWillUnmount() {\n        document.removeEventListener('mousedown', this.handleOutsideClick);\n    }\n\n    render() {\n        const {children} = this.props;\n        return <div ref={this.ref}>{children}</div>;\n    }\n\n    handleOutsideClick = (e: MouseEvent) => {\n        const {onOutsideClick, anchor} = this.props;\n\n        if (\n            e.target &&\n            !(this.ref?.current?.contains(e.target as Node) || anchor?.contains(e.target as Node))\n        ) {\n            onOutsideClick();\n        }\n    };\n}\n"],
+  "mappings": ";AAAA,OAAO,SAA2B,iBAAgB;AAOlD,IAAqB,eAArB,cAA0C,MAAM,UAAgD;AAAA,EAC5F,MAAM,UAA0B;AAAA,EAEhC,oBAAoB;AAChB,aAAS,iBAAiB,aAAa,KAAK,kBAAkB;AAAA,EAClE;AAAA,EAEA,uBAAuB;AACnB,aAAS,oBAAoB,aAAa,KAAK,kBAAkB;AAAA,EACrE;AAAA,EAEA,SAAS;AACL,UAAM,EAAC,SAAQ,IAAI,KAAK;AACxB,WAAO,oCAAC,SAAI,KAAK,KAAK,OAAM,QAAS;AAAA,EACzC;AAAA,EAEA,qBAAqB,CAAC,MAAkB;AACpC,UAAM,EAAC,gBAAgB,OAAM,IAAI,KAAK;AAEtC,QACI,EAAE,UACF,EAAE,KAAK,KAAK,SAAS,SAAS,EAAE,MAAc,KAAK,QAAQ,SAAS,EAAE,MAAc,IACtF;AACE,qBAAe;AAAA,IACnB;AAAA,EACJ;AACJ;",
+  "names": []
+}

package/build/esm/components/OutsideClick/index.js

@@ -0,0 +1,7 @@
+// src/components/OutsideClick/index.ts
+import { default as default2 } from "./OutsideClick";
+export * from "./OutsideClick";
+export {
+  default2 as OutsideClick
+};
+//# sourceMappingURL=index.js.map

package/build/esm/components/OutsideClick/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/OutsideClick/index.ts"],
+  "sourcesContent": ["export {default as OutsideClick} from './OutsideClick';\nexport * from './OutsideClick';\n"],
+  "mappings": ";AAAA,SAAmB,WAAXA,gBAA8B;AACtC,cAAc;",
+  "names": ["default"]
+}