@diplodoc/components 3.0.0-alpha-1

package/build/esm/components/Subscribe/Subscribe.js

@@ -0,0 +1,105 @@
+// src/components/Subscribe/Subscribe.tsx
+import React, { forwardRef, memo, useCallback, useContext, useRef } from "react";
+import { Button, Icon } from "@gravity-ui/uikit";
+import block from "bem-cn-lite";
+import { usePopupState, useTranslation } from "../../hooks";
+import { Control } from "../Control";
+import { ControlsLayoutContext } from "../Controls/ControlsLayout";
+import { SubscribeSuccessPopup } from "./SubscribeSuccessPopup";
+import { SubscribeVariantsPopup } from "./SubscribeVariantsPopup";
+import SubscribeIcon from "@gravity-ui/icons/svgs/envelope.svg";
+import "./Subscribe.css";
+var b = block("dc-subscribe");
+var SubscribeView = /* @__PURE__ */ ((SubscribeView2) => {
+  SubscribeView2["Wide"] = "wide";
+  SubscribeView2["Regular"] = "regular";
+  return SubscribeView2;
+})(SubscribeView || {});
+var SubscribeControl = memo(
+  forwardRef(({ view, onChangeSubscribe }, ref) => {
+    const { isVerticalView, popupPosition, controlClassName, controlSize } = useContext(ControlsLayoutContext);
+    const { t } = useTranslation("controls");
+    if (view === "wide" /* Wide */) {
+      return /* @__PURE__ */ React.createElement(
+        Button,
+        {
+          view: "flat-secondary",
+          ref,
+          onClick: onChangeSubscribe,
+          className: b("control", { view })
+        },
+        /* @__PURE__ */ React.createElement(Button.Icon, null, /* @__PURE__ */ React.createElement(Icon, { data: SubscribeIcon, size: 16 })),
+        t("button-Subscribe-text")
+      );
+    }
+    return /* @__PURE__ */ React.createElement(
+      Control,
+      {
+        ref,
+        onClick: onChangeSubscribe,
+        size: controlSize,
+        className: b("control", { view }, controlClassName),
+        isVerticalView,
+        tooltipText: t(`subscribe-text`),
+        icon: (args) => /* @__PURE__ */ React.createElement(SubscribeIcon, { ...args }),
+        popupPosition
+      }
+    );
+  })
+);
+SubscribeControl.displayName = "SubscribeControl";
+var SubscribeControlsLayout = memo(
+  ({ view, children }) => {
+    const { t } = useTranslation("controls");
+    if (view === "regular" /* Regular */) {
+      return /* @__PURE__ */ React.createElement(React.Fragment, null, children);
+    }
+    return /* @__PURE__ */ React.createElement("div", { className: b("container", { view }) }, /* @__PURE__ */ React.createElement("div", { className: b("container-row", { view }) }, /* @__PURE__ */ React.createElement("h3", { className: b("title", { view }) }, t("main-question")), /* @__PURE__ */ React.createElement("div", { className: b("controls", { view }) }, children)));
+  }
+);
+SubscribeControlsLayout.displayName = "SubscribeControlsLayout";
+var Subscribe = memo((props) => {
+  const { view = "regular" /* Regular */, onSubscribe } = props;
+  const subscribeControlRef = useRef(null);
+  const successPopup = usePopupState({ autoclose: 6e4 });
+  const variantsPopup = usePopupState();
+  const onChangeSubscribe = useCallback(() => {
+    variantsPopup.toggle();
+    successPopup.close();
+  }, [successPopup, variantsPopup]);
+  const onSubmitVariants = useCallback(() => {
+    variantsPopup.close();
+    successPopup.open();
+  }, [successPopup, variantsPopup]);
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SubscribeControlsLayout, { view }, /* @__PURE__ */ React.createElement(
+    SubscribeControl,
+    {
+      ref: subscribeControlRef,
+      view,
+      onChangeSubscribe
+    }
+  )), successPopup.visible && subscribeControlRef.current && /* @__PURE__ */ React.createElement(
+    SubscribeSuccessPopup,
+    {
+      view,
+      anchor: subscribeControlRef,
+      onOutsideClick: successPopup.close
+    }
+  ), variantsPopup.visible && subscribeControlRef.current && /* @__PURE__ */ React.createElement(
+    SubscribeVariantsPopup,
+    {
+      view,
+      anchor: subscribeControlRef,
+      onOutsideClick: variantsPopup.close,
+      onSubscribe,
+      onSubmit: onSubmitVariants
+    }
+  ));
+});
+Subscribe.displayName = "Subscribe";
+var Subscribe_default = Subscribe;
+export {
+  SubscribeView,
+  Subscribe_default as default
+};
+//# sourceMappingURL=Subscribe.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/Subscribe/Subscribe.tsx"],
+  "sourcesContent": ["import React, {PropsWithChildren, forwardRef, memo, useCallback, useContext, useRef} from 'react';\n\nimport {Button, Icon} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nimport {usePopupState, useTranslation} from '../../hooks';\nimport {SubscribeData} from '../../models';\nimport {Control} from '../Control';\nimport {ControlsLayoutContext} from '../Controls/ControlsLayout';\n\nimport {SubscribeSuccessPopup} from './SubscribeSuccessPopup';\nimport {SubscribeVariantsPopup} from './SubscribeVariantsPopup';\n\nimport SubscribeIcon from '@gravity-ui/icons/svgs/envelope.svg';\n\nimport './Subscribe.scss';\n\nconst b = block('dc-subscribe');\n\nexport enum SubscribeView {\n    Wide = 'wide',\n    Regular = 'regular',\n}\n\nexport interface SubscribeProps {\n    onSubscribe: (data: SubscribeData) => void;\n    view?: SubscribeView;\n}\n\ntype SubscribeControlProps = {\n    view: SubscribeView;\n    onChangeSubscribe: () => void;\n};\n\nconst SubscribeControl = memo(\n    forwardRef<HTMLButtonElement, SubscribeControlProps>(({view, onChangeSubscribe}, ref) => {\n        const {isVerticalView, popupPosition, controlClassName, controlSize} =\n            useContext(ControlsLayoutContext);\n        const {t} = useTranslation('controls');\n\n        if (view === SubscribeView.Wide) {\n            return (\n                <Button\n                    view=\"flat-secondary\"\n                    ref={ref}\n                    onClick={onChangeSubscribe}\n                    className={b('control', {view})}\n                >\n                    <Button.Icon>\n                        <Icon data={SubscribeIcon} size={16} />\n                    </Button.Icon>\n                    {t<string>('button-Subscribe-text')}\n                </Button>\n            );\n        }\n\n        return (\n            <Control\n                ref={ref}\n                onClick={onChangeSubscribe}\n                size={controlSize}\n                className={b('control', {view}, controlClassName)}\n                isVerticalView={isVerticalView}\n                tooltipText={t(`subscribe-text`)}\n                icon={(args) => <SubscribeIcon {...args} />}\n                popupPosition={popupPosition}\n            />\n        );\n    }),\n);\n\nSubscribeControl.displayName = 'SubscribeControl';\n\nconst SubscribeControlsLayout = memo<PropsWithChildren<{view: SubscribeView}>>(\n    ({view, children}) => {\n        const {t} = useTranslation('controls');\n\n        if (view === SubscribeView.Regular) {\n            return <React.Fragment>{children}</React.Fragment>;\n        }\n\n        return (\n            <div className={b('container', {view})}>\n                <div className={b('container-row', {view})}>\n                    <h3 className={b('title', {view})}>{t<string>('main-question')}</h3>\n                    <div className={b('controls', {view})}>{children}</div>\n                </div>\n            </div>\n        );\n    },\n);\n\nSubscribeControlsLayout.displayName = 'SubscribeControlsLayout';\n\nconst Subscribe = memo<SubscribeProps>((props) => {\n    const {view = SubscribeView.Regular, onSubscribe} = props;\n\n    const subscribeControlRef = useRef<HTMLButtonElement | null>(null);\n\n    const successPopup = usePopupState({autoclose: 60000});\n    const variantsPopup = usePopupState();\n\n    const onChangeSubscribe = useCallback(() => {\n        variantsPopup.toggle();\n        successPopup.close();\n    }, [successPopup, variantsPopup]);\n\n    const onSubmitVariants = useCallback(() => {\n        variantsPopup.close();\n        successPopup.open();\n    }, [successPopup, variantsPopup]);\n\n    return (\n        <React.Fragment>\n            <SubscribeControlsLayout view={view}>\n                <SubscribeControl\n                    ref={subscribeControlRef}\n                    view={view}\n                    onChangeSubscribe={onChangeSubscribe}\n                />\n            </SubscribeControlsLayout>\n            {successPopup.visible && subscribeControlRef.current && (\n                <SubscribeSuccessPopup\n                    view={view}\n                    anchor={subscribeControlRef}\n                    onOutsideClick={successPopup.close}\n                />\n            )}\n            {variantsPopup.visible && subscribeControlRef.current && (\n                <SubscribeVariantsPopup\n                    view={view}\n                    anchor={subscribeControlRef}\n                    onOutsideClick={variantsPopup.close}\n                    onSubscribe={onSubscribe}\n                    onSubmit={onSubmitVariants}\n                />\n            )}\n        </React.Fragment>\n    );\n});\n\nSubscribe.displayName = 'Subscribe';\n\nexport default Subscribe;\n"],
+  "mappings": "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",
+  "names": ["SubscribeView"]
+}

package/build/esm/components/Subscribe/SubscribeSuccessPopup/SubscribeSuccessPopup.js

@@ -0,0 +1,30 @@
+// src/components/Subscribe/SubscribeSuccessPopup/SubscribeSuccessPopup.tsx
+import React, { memo, useContext } from "react";
+import { Popup } from "@gravity-ui/uikit";
+import block from "bem-cn-lite";
+import { useTranslation } from "../../../hooks";
+import { ControlsLayoutContext } from "../../Controls/ControlsLayout";
+import { getPopupPosition } from "../utils";
+var b = block("dc-subscribe");
+var SubscribeSuccessPopup = memo(({ anchor, view, onOutsideClick }) => {
+  const { t } = useTranslation("controls");
+  const { isVerticalView } = useContext(ControlsLayoutContext);
+  return /* @__PURE__ */ React.createElement(
+    Popup,
+    {
+      anchorRef: anchor,
+      open: true,
+      onOutsideClick,
+      contentClassName: b("success-popup", { view }),
+      placement: getPopupPosition(isVerticalView, view)
+    },
+    /* @__PURE__ */ React.createElement("h3", { className: b("popup-title") }, t("verify-title")),
+    /* @__PURE__ */ React.createElement("p", { className: b("popup-text") }, t("verify-text"))
+  );
+});
+SubscribeSuccessPopup.displayName = "SubscribeSuccessPopup";
+var SubscribeSuccessPopup_default = SubscribeSuccessPopup;
+export {
+  SubscribeSuccessPopup_default as default
+};
+//# sourceMappingURL=SubscribeSuccessPopup.js.map

package/build/esm/components/Subscribe/SubscribeSuccessPopup/SubscribeSuccessPopup.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/Subscribe/SubscribeSuccessPopup/SubscribeSuccessPopup.tsx"],
+  "sourcesContent": ["import React, {memo, useContext} from 'react';\n\nimport {Popup} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nimport {useTranslation} from '../../../hooks';\nimport {ControlsLayoutContext} from '../../Controls/ControlsLayout';\nimport {SubscribeView} from '../Subscribe';\nimport {getPopupPosition} from '../utils';\n\nconst b = block('dc-subscribe');\n\nconst SubscribeSuccessPopup = memo<{\n    anchor: React.RefObject<HTMLElement>;\n    view?: SubscribeView;\n    onOutsideClick: () => void;\n}>(({anchor, view, onOutsideClick}) => {\n    const {t} = useTranslation('controls');\n    const {isVerticalView} = useContext(ControlsLayoutContext);\n\n    return (\n        <Popup\n            anchorRef={anchor}\n            open={true}\n            onOutsideClick={onOutsideClick}\n            contentClassName={b('success-popup', {view})}\n            placement={getPopupPosition(isVerticalView, view)}\n        >\n            <h3 className={b('popup-title')}>{t<string>('verify-title')}</h3>\n            <p className={b('popup-text')}>{t<string>('verify-text')}</p>\n        </Popup>\n    );\n});\n\nSubscribeSuccessPopup.displayName = 'SubscribeSuccessPopup';\n\nexport default SubscribeSuccessPopup;\n"],
+  "mappings": ";AAAA,OAAO,SAAQ,MAAM,kBAAiB;AAEtC,SAAQ,aAAY;AACpB,OAAO,WAAW;AAElB,SAAQ,sBAAqB;AAC7B,SAAQ,6BAA4B;AAEpC,SAAQ,wBAAuB;AAE/B,IAAM,IAAI,MAAM,cAAc;AAE9B,IAAM,wBAAwB,KAI3B,CAAC,EAAC,QAAQ,MAAM,eAAc,MAAM;AACnC,QAAM,EAAC,EAAC,IAAI,eAAe,UAAU;AACrC,QAAM,EAAC,eAAc,IAAI,WAAW,qBAAqB;AAEzD,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAW;AAAA,MACX,MAAM;AAAA,MACN;AAAA,MACA,kBAAkB,EAAE,iBAAiB,EAAC,KAAI,CAAC;AAAA,MAC3C,WAAW,iBAAiB,gBAAgB,IAAI;AAAA;AAAA,IAEhD,oCAAC,QAAG,WAAW,EAAE,aAAa,KAAI,EAAU,cAAc,CAAE;AAAA,IAC5D,oCAAC,OAAE,WAAW,EAAE,YAAY,KAAI,EAAU,aAAa,CAAE;AAAA,EAC7D;AAER,CAAC;AAED,sBAAsB,cAAc;AAEpC,IAAO,gCAAQ;",
+  "names": []
+}

package/build/esm/components/Subscribe/SubscribeSuccessPopup/index.js

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

package/build/esm/components/Subscribe/SubscribeSuccessPopup/index.js.map

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

package/build/esm/components/Subscribe/SubscribeVariantsPopup/SubscribeVariantsPopup.js

@@ -0,0 +1,95 @@
+// src/components/Subscribe/SubscribeVariantsPopup/SubscribeVariantsPopup.tsx
+import React, { memo, useCallback, useContext, useState } from "react";
+import { Button, List, Popup, TextInput } from "@gravity-ui/uikit";
+import block from "bem-cn-lite";
+import { useTranslation } from "../../../hooks";
+import { SubscribeType } from "../../../models";
+import { isInvalidEmail } from "../../../utils";
+import { ControlsLayoutContext } from "../../Controls/ControlsLayout";
+import { getPopupPosition } from "../utils";
+var b = block("dc-subscribe");
+var LIST_ITEM_HEIGHT = 36;
+var SubscribeVariantsPopup = memo((props) => {
+  const { t } = useTranslation("controls");
+  const { isVerticalView } = useContext(ControlsLayoutContext);
+  const { anchor, view, onSubscribe, onSubmit, onOutsideClick } = props;
+  const [email, setEmail] = useState("");
+  const [showError, setShowError] = useState("");
+  const [subscribeSelectors, setSubscribeSelectors] = useState(SubscribeType.documentation);
+  const resetSubscribeAdditionalInfo = useCallback(() => {
+    setEmail("");
+  }, []);
+  const onSendSubscribeInformation = useCallback(
+    (event) => {
+      event.preventDefault();
+      if (isInvalidEmail(email)) {
+        setShowError(t("email-text-invalid"));
+        return;
+      }
+      setShowError("");
+      if (onSubscribe) {
+        try {
+          onSubscribe({
+            email,
+            type: subscribeSelectors
+          });
+          onSubmit();
+        } catch (e) {
+          setShowError(t("email-request-fail"));
+        }
+        resetSubscribeAdditionalInfo();
+      }
+    },
+    [onSubscribe, email, resetSubscribeAdditionalInfo, subscribeSelectors, onSubmit, t]
+  );
+  const renderSubscribeVariantsList = useCallback(() => {
+    const ITEMS = [
+      { value: SubscribeType.documentation, text: t("subscribe-documentation-title") },
+      { value: SubscribeType.page, text: t("subscribe-page-title") }
+    ];
+    const itemsHeight = LIST_ITEM_HEIGHT * ITEMS.length;
+    const selectedItemIndex = ITEMS.findIndex(({ value }) => value === subscribeSelectors);
+    return /* @__PURE__ */ React.createElement(
+      List,
+      {
+        filterable: false,
+        items: ITEMS,
+        onItemClick: (item) => setSubscribeSelectors(item.value),
+        selectedItemIndex,
+        itemHeight: LIST_ITEM_HEIGHT,
+        itemsHeight,
+        renderItem: (item) => /* @__PURE__ */ React.createElement("div", { className: b("variant__list-item") }, item.text)
+      }
+    );
+  }, [subscribeSelectors, t]);
+  const renderSubscribeForm = useCallback(() => {
+    return /* @__PURE__ */ React.createElement("form", { onSubmit: onSendSubscribeInformation }, /* @__PURE__ */ React.createElement("div", { className: b("textarea") }, /* @__PURE__ */ React.createElement(
+      TextInput,
+      {
+        size: "l",
+        placeholder: t("subscribe-documentation-placeholder"),
+        error: showError || void 0,
+        value: email,
+        onUpdate: setEmail
+      }
+    )), /* @__PURE__ */ React.createElement("div", { className: b("variants-actions") }, /* @__PURE__ */ React.createElement(Button, { view: "action", className: b("variants-action"), type: "submit" }, t("subscribe-text"))));
+  }, [email, showError, onSendSubscribeInformation, t]);
+  return /* @__PURE__ */ React.createElement(
+    Popup,
+    {
+      anchorRef: anchor,
+      open: true,
+      onOutsideClick,
+      contentClassName: b("variants-popup", { view }),
+      placement: getPopupPosition(isVerticalView, view)
+    },
+    renderSubscribeVariantsList(),
+    renderSubscribeForm()
+  );
+});
+SubscribeVariantsPopup.displayName = "SubscribeVariantsPopup";
+var SubscribeVariantsPopup_default = SubscribeVariantsPopup;
+export {
+  SubscribeVariantsPopup_default as default
+};
+//# sourceMappingURL=SubscribeVariantsPopup.js.map

package/build/esm/components/Subscribe/SubscribeVariantsPopup/SubscribeVariantsPopup.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/Subscribe/SubscribeVariantsPopup/SubscribeVariantsPopup.tsx"],
+  "sourcesContent": ["import React, {SyntheticEvent, memo, useCallback, useContext, useState} from 'react';\n\nimport {Button, List, Popup, TextInput} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nimport {useTranslation} from '../../../hooks';\nimport {SubscribeData, SubscribeType} from '../../../models';\nimport {isInvalidEmail} from '../../../utils';\nimport {ControlsLayoutContext} from '../../Controls/ControlsLayout';\nimport {SubscribeView} from '../Subscribe';\nimport {getPopupPosition} from '../utils';\n\nconst b = block('dc-subscribe');\n\nconst LIST_ITEM_HEIGHT = 36;\n\nconst SubscribeVariantsPopup = memo<{\n    anchor: React.RefObject<HTMLElement>;\n    view?: SubscribeView;\n    onSubscribe?: (data: SubscribeData) => void;\n    onSubmit: () => void;\n    onOutsideClick: () => void;\n}>((props) => {\n    const {t} = useTranslation('controls');\n    const {isVerticalView} = useContext(ControlsLayoutContext);\n    const {anchor, view, onSubscribe, onSubmit, onOutsideClick} = props;\n\n    const [email, setEmail] = useState('');\n    const [showError, setShowError] = useState('');\n    const [subscribeSelectors, setSubscribeSelectors] = useState(SubscribeType.documentation);\n\n    const resetSubscribeAdditionalInfo = useCallback(() => {\n        setEmail('');\n    }, []);\n\n    const onSendSubscribeInformation = useCallback(\n        (event: SyntheticEvent) => {\n            event.preventDefault();\n\n            if (isInvalidEmail(email)) {\n                setShowError(t('email-text-invalid'));\n                return;\n            }\n\n            setShowError('');\n\n            if (onSubscribe) {\n                try {\n                    onSubscribe({\n                        email,\n                        type: subscribeSelectors,\n                    });\n\n                    onSubmit();\n                } catch (e) {\n                    setShowError(t('email-request-fail'));\n                }\n\n                resetSubscribeAdditionalInfo();\n            }\n        },\n        [onSubscribe, email, resetSubscribeAdditionalInfo, subscribeSelectors, onSubmit, t],\n    );\n\n    const renderSubscribeVariantsList = useCallback(() => {\n        const ITEMS = [\n            {value: SubscribeType.documentation, text: t('subscribe-documentation-title')},\n            {value: SubscribeType.page, text: t('subscribe-page-title')},\n        ];\n\n        const itemsHeight = LIST_ITEM_HEIGHT * ITEMS.length;\n        const selectedItemIndex = ITEMS.findIndex(({value}) => value === subscribeSelectors);\n\n        return (\n            <List\n                filterable={false}\n                items={ITEMS}\n                onItemClick={(item) => setSubscribeSelectors(item.value as SubscribeType)}\n                selectedItemIndex={selectedItemIndex}\n                itemHeight={LIST_ITEM_HEIGHT}\n                itemsHeight={itemsHeight}\n                renderItem={(item) => <div className={b('variant__list-item')}>{item.text}</div>}\n            />\n        );\n    }, [subscribeSelectors, t]);\n\n    const renderSubscribeForm = useCallback(() => {\n        return (\n            <form onSubmit={onSendSubscribeInformation}>\n                <div className={b('textarea')}>\n                    <TextInput\n                        size=\"l\"\n                        placeholder={t('subscribe-documentation-placeholder')}\n                        error={showError || undefined}\n                        value={email}\n                        onUpdate={setEmail}\n                    />\n                </div>\n                <div className={b('variants-actions')}>\n                    <Button view=\"action\" className={b('variants-action')} type={'submit'}>\n                        {t<string>('subscribe-text')}\n                    </Button>\n                </div>\n            </form>\n        );\n    }, [email, showError, onSendSubscribeInformation, t]);\n\n    return (\n        <Popup\n            anchorRef={anchor}\n            open={true}\n            onOutsideClick={onOutsideClick}\n            contentClassName={b('variants-popup', {view})}\n            placement={getPopupPosition(isVerticalView, view)}\n        >\n            {renderSubscribeVariantsList()}\n            {renderSubscribeForm()}\n        </Popup>\n    );\n});\n\nSubscribeVariantsPopup.displayName = 'SubscribeVariantsPopup';\n\nexport default SubscribeVariantsPopup;\n"],
+  "mappings": ";AAAA,OAAO,SAAwB,MAAM,aAAa,YAAY,gBAAe;AAE7E,SAAQ,QAAQ,MAAM,OAAO,iBAAgB;AAC7C,OAAO,WAAW;AAElB,SAAQ,sBAAqB;AAC7B,SAAuB,qBAAoB;AAC3C,SAAQ,sBAAqB;AAC7B,SAAQ,6BAA4B;AAEpC,SAAQ,wBAAuB;AAE/B,IAAM,IAAI,MAAM,cAAc;AAE9B,IAAM,mBAAmB;AAEzB,IAAM,yBAAyB,KAM5B,CAAC,UAAU;AACV,QAAM,EAAC,EAAC,IAAI,eAAe,UAAU;AACrC,QAAM,EAAC,eAAc,IAAI,WAAW,qBAAqB;AACzD,QAAM,EAAC,QAAQ,MAAM,aAAa,UAAU,eAAc,IAAI;AAE9D,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,EAAE;AACrC,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,EAAE;AAC7C,QAAM,CAAC,oBAAoB,qBAAqB,IAAI,SAAS,cAAc,aAAa;AAExF,QAAM,+BAA+B,YAAY,MAAM;AACnD,aAAS,EAAE;AAAA,EACf,GAAG,CAAC,CAAC;AAEL,QAAM,6BAA6B;AAAA,IAC/B,CAAC,UAA0B;AACvB,YAAM,eAAe;AAErB,UAAI,eAAe,KAAK,GAAG;AACvB,qBAAa,EAAE,oBAAoB,CAAC;AACpC;AAAA,MACJ;AAEA,mBAAa,EAAE;AAEf,UAAI,aAAa;AACb,YAAI;AACA,sBAAY;AAAA,YACR;AAAA,YACA,MAAM;AAAA,UACV,CAAC;AAED,mBAAS;AAAA,QACb,SAAS,GAAG;AACR,uBAAa,EAAE,oBAAoB,CAAC;AAAA,QACxC;AAEA,qCAA6B;AAAA,MACjC;AAAA,IACJ;AAAA,IACA,CAAC,aAAa,OAAO,8BAA8B,oBAAoB,UAAU,CAAC;AAAA,EACtF;AAEA,QAAM,8BAA8B,YAAY,MAAM;AAClD,UAAM,QAAQ;AAAA,MACV,EAAC,OAAO,cAAc,eAAe,MAAM,EAAE,+BAA+B,EAAC;AAAA,MAC7E,EAAC,OAAO,cAAc,MAAM,MAAM,EAAE,sBAAsB,EAAC;AAAA,IAC/D;AAEA,UAAM,cAAc,mBAAmB,MAAM;AAC7C,UAAM,oBAAoB,MAAM,UAAU,CAAC,EAAC,MAAK,MAAM,UAAU,kBAAkB;AAEnF,WACI;AAAA,MAAC;AAAA;AAAA,QACG,YAAY;AAAA,QACZ,OAAO;AAAA,QACP,aAAa,CAAC,SAAS,sBAAsB,KAAK,KAAsB;AAAA,QACxE;AAAA,QACA,YAAY;AAAA,QACZ;AAAA,QACA,YAAY,CAAC,SAAS,oCAAC,SAAI,WAAW,EAAE,oBAAoB,KAAI,KAAK,IAAK;AAAA;AAAA,IAC9E;AAAA,EAER,GAAG,CAAC,oBAAoB,CAAC,CAAC;AAE1B,QAAM,sBAAsB,YAAY,MAAM;AAC1C,WACI,oCAAC,UAAK,UAAU,8BACZ,oCAAC,SAAI,WAAW,EAAE,UAAU,KACxB;AAAA,MAAC;AAAA;AAAA,QACG,MAAK;AAAA,QACL,aAAa,EAAE,qCAAqC;AAAA,QACpD,OAAO,aAAa;AAAA,QACpB,OAAO;AAAA,QACP,UAAU;AAAA;AAAA,IACd,CACJ,GACA,oCAAC,SAAI,WAAW,EAAE,kBAAkB,KAChC,oCAAC,UAAO,MAAK,UAAS,WAAW,EAAE,iBAAiB,GAAG,MAAM,YACxD,EAAU,gBAAgB,CAC/B,CACJ,CACJ;AAAA,EAER,GAAG,CAAC,OAAO,WAAW,4BAA4B,CAAC,CAAC;AAEpD,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAW;AAAA,MACX,MAAM;AAAA,MACN;AAAA,MACA,kBAAkB,EAAE,kBAAkB,EAAC,KAAI,CAAC;AAAA,MAC5C,WAAW,iBAAiB,gBAAgB,IAAI;AAAA;AAAA,IAE/C,4BAA4B;AAAA,IAC5B,oBAAoB;AAAA,EACzB;AAER,CAAC;AAED,uBAAuB,cAAc;AAErC,IAAO,iCAAQ;",
+  "names": []
+}

package/build/esm/components/Subscribe/SubscribeVariantsPopup/index.js

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

package/build/esm/components/Subscribe/SubscribeVariantsPopup/index.js.map

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

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

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

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

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

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

@@ -0,0 +1,13 @@
+// src/components/Subscribe/utils.ts
+import { PopperPosition } from "../../hooks";
+import { SubscribeView } from "./Subscribe";
+var getPopupPosition = (isVerticalView, view) => {
+  if (!view || view === SubscribeView.Regular) {
+    return isVerticalView ? PopperPosition.LEFT_START : PopperPosition.BOTTOM_END;
+  }
+  return PopperPosition.RIGHT;
+};
+export {
+  getPopupPosition
+};
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/Subscribe/utils.ts"],
+  "sourcesContent": ["import {PopperPosition} from '../../hooks';\n\nimport {SubscribeView} from './Subscribe';\n\nexport const getPopupPosition = (isVerticalView: boolean | undefined, view?: SubscribeView) => {\n    if (!view || view === SubscribeView.Regular) {\n        return isVerticalView ? PopperPosition.LEFT_START : PopperPosition.BOTTOM_END;\n    }\n\n    return PopperPosition.RIGHT;\n};\n"],
+  "mappings": ";AAAA,SAAQ,sBAAqB;AAE7B,SAAQ,qBAAoB;AAErB,IAAM,mBAAmB,CAAC,gBAAqC,SAAyB;AAC3F,MAAI,CAAC,QAAQ,SAAS,cAAc,SAAS;AACzC,WAAO,iBAAiB,eAAe,aAAa,eAAe;AAAA,EACvE;AAEA,SAAO,eAAe;AAC1B;",
+  "names": []
+}

package/build/esm/components/Text/Text.js

@@ -0,0 +1,23 @@
+// src/components/Text/Text.tsx
+import React from "react";
+import { HTML } from "../HTML";
+var Text = ({ data = "", html = false, block = false }) => {
+  if (!data) {
+    return null;
+  }
+  const paragraphs = Array.isArray(data) ? data : [data];
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, paragraphs.map(
+    (text, index) => React.createElement(
+      block ? "div" : "p",
+      {
+        key: index,
+        className: block ? "p" : null
+      },
+      html ? /* @__PURE__ */ React.createElement(HTML, null, text) : text
+    )
+  ));
+};
+export {
+  Text
+};
+//# sourceMappingURL=Text.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/Text/Text.tsx"],
+  "sourcesContent": ["import React from 'react';\n\nimport {HTML} from '../HTML';\n\nexport interface TextProps {\n    data: string | string[];\n    html: boolean;\n    block: boolean;\n}\n\nexport const Text: React.FC<TextProps> = ({data = '', html = false, block = false}) => {\n    if (!data) {\n        return null;\n    }\n\n    const paragraphs = Array.isArray(data) ? data : [data];\n\n    return (\n        <React.Fragment>\n            {paragraphs.map((text, index) =>\n                React.createElement(\n                    block ? 'div' : 'p',\n                    {\n                        key: index,\n                        className: block ? 'p' : null,\n                    },\n                    html ? <HTML>{text}</HTML> : text,\n                ),\n            )}\n        </React.Fragment>\n    );\n};\n"],
+  "mappings": ";AAAA,OAAO,WAAW;AAElB,SAAQ,YAAW;AAQZ,IAAM,OAA4B,CAAC,EAAC,OAAO,IAAI,OAAO,OAAO,QAAQ,MAAK,MAAM;AACnF,MAAI,CAAC,MAAM;AACP,WAAO;AAAA,EACX;AAEA,QAAM,aAAa,MAAM,QAAQ,IAAI,IAAI,OAAO,CAAC,IAAI;AAErD,SACI,oCAAC,MAAM,UAAN,MACI,WAAW;AAAA,IAAI,CAAC,MAAM,UACnB,MAAM;AAAA,MACF,QAAQ,QAAQ;AAAA,MAChB;AAAA,QACI,KAAK;AAAA,QACL,WAAW,QAAQ,MAAM;AAAA,MAC7B;AAAA,MACA,OAAO,oCAAC,YAAM,IAAK,IAAU;AAAA,IACjC;AAAA,EACJ,CACJ;AAER;",
+  "names": []
+}

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

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

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

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

package/build/esm/components/Toc/Toc.css

@@ -0,0 +1,102 @@
+/* src/components/Toc/Toc.scss */
+.dc-toc {
+  display: flex;
+  flex-direction: column;
+  height: calc(100vh - 0px);
+  height: calc(100vh - var(--dc-header-height, 0px));
+  overflow-y: hidden;
+  border-right: 1px solid var(--g-color-line-generic);
+}
+.dc-toc__empty {
+  padding: 5px 15px 5px 24px;
+}
+.dc-toc__top {
+  flex-grow: 0;
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  padding: 10px 10px 8px 0;
+}
+.dc-toc__top_scrolled {
+  border-bottom: 1px solid var(--g-color-line-generic);
+}
+.dc-toc__top-header-icon {
+  display: flex;
+  margin-right: 5px;
+  flex-shrink: 0;
+}
+.dc-toc__top-header {
+  flex-grow: 0;
+  position: relative;
+  font-size: var(--g-text-body-2-font-size);
+  line-height: var(--g-text-body-2-line-height);
+  font-weight: 500;
+}
+.dc-toc__top-header_link {
+  color: inherit;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  display: flex;
+  align-items: center;
+}
+.dc-toc__top-header_link:hover {
+  outline: none;
+  color: var(--g-color-text-link);
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  cursor: pointer;
+  color: var(--g-color-text-primary);
+}
+.utilityfocus .dc-toc__top-header_link:hover:focus {
+  outline: 2px solid #ffdb4d;
+}
+.dc-toc__top-header_link:hover:hover,
+.dc-toc__top-header_link:hover:active {
+  color: var(--g-color-text-link-hover);
+}
+.dc-toc__bottom {
+  flex-grow: 0;
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  padding: 4px 10px 20px 0;
+}
+.dc-toc__bottom_scrolled {
+  border-top: 1px solid var(--g-color-line-generic);
+}
+.dc-toc__content {
+  --g-scrollbar-width: 6px;
+  position: relative;
+  flex-grow: 1;
+  overflow-y: auto;
+  scrollbar-width: thin;
+}
+.dc-toc__content_offset_top {
+  padding-top: 24px;
+}
+.dc-toc__list {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  display: block;
+}
+.dc-toc__list-item {
+  cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+}
+.dc-toc__list-item_main > *:first-child {
+  color: var(--g-color-text-primary);
+}
+.dc-toc__list-item:not(.dc-toc__list-item_opened) > .dc-toc__list {
+  display: none;
+}
+.dc-toc__list-item > .dc-toc__list {
+  padding-left: 20px;
+}
+.dc-toc__content > .dc-toc__list {
+  padding-right: 21px;
+  padding-bottom: 30px;
+}
+/*# sourceMappingURL=Toc.css.map */

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/Toc/Users/3y3k0/doctools/docs-components/src/components/Toc/Toc.scss", "../../../../src/components/Toc/%3Cinput%20css%205k078j%3E", "../../../../src/components/Toc/Users/3y3k0/doctools/docs-components/src/styles/mixins.scss"],
+  "sourcesContent": ["@import '../../styles/variables';\n@import '../../styles/mixins';\n\n$iconSize: 18px;\n$toggleSize: 10px;\n$leftOffset: 57px;\n\n@mixin toc-header {\n    @include text-size(body-2);\n    font-weight: 500;\n}\n\n.dc-toc {\n    $class: &;\n\n    display: flex;\n    flex-direction: column;\n    height: calc(100vh - var(--dc-header-height, #{$headerHeight}));\n    overflow-y: hidden;\n    border-right: 1px solid var(--g-color-line-generic);\n\n    &__empty {\n        padding: 5px 15px 5px 24px;\n    }\n\n    &__top {\n        flex-grow: 0;\n        flex-shrink: 0;\n        display: flex;\n        align-items: center;\n        padding: 10px 10px 8px 0;\n\n        &_scrolled {\n            border-bottom: 1px solid var(--g-color-line-generic);\n        }\n\n        &-header-icon {\n            display: flex;\n            margin-right: 5px;\n            flex-shrink: 0;\n        }\n\n        &-header {\n            flex-grow: 0;\n            $headerClass: &;\n            position: relative;\n\n            @include text-size(body-2);\n            font-weight: 500;\n\n            &_link {\n                @include reset-link-style();\n                display: flex;\n                align-items: center;\n\n                &:hover {\n                    @include link();\n\n                    color: var(--g-color-text-primary);\n                }\n            }\n        }\n    }\n\n    &__bottom {\n        flex-grow: 0;\n        flex-shrink: 0;\n        display: flex;\n        align-items: center;\n        padding: 4px 10px 20px 0;\n\n        &_scrolled {\n            border-top: 1px solid var(--g-color-line-generic);\n        }\n    }\n\n    &__content {\n        --g-scrollbar-width: 6px;\n\n        position: relative;\n        flex-grow: 1;\n        overflow-y: auto;\n        scrollbar-width: thin;\n\n        &_offset_top {\n            padding-top: 24px;\n        }\n    }\n\n    &__list {\n        @include reset-list-style();\n\n        display: block;\n\n        &-item {\n            cursor: pointer;\n            user-select: none;\n\n            &_main > *:first-child {\n                color: var(--g-color-text-primary);\n            }\n\n            &:not(&_opened) > #{$class}__list {\n                display: none;\n            }\n\n            // recurcive padding\n            > #{$class}__list {\n                padding-left: 20px;\n            }\n        }\n    }\n\n    &__content > &__list {\n        padding-right: 21px;\n        padding-bottom: 30px;\n    }\n}\n", ".dc-toc {\n  display: flex;\n  flex-direction: column;\n  height: calc(100vh - var(--dc-header-height, 0px));\n  overflow-y: hidden;\n  border-right: 1px solid var(--g-color-line-generic);\n}\n.dc-toc__empty {\n  padding: 5px 15px 5px 24px;\n}\n.dc-toc__top {\n  flex-grow: 0;\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  padding: 10px 10px 8px 0;\n}\n.dc-toc__top_scrolled {\n  border-bottom: 1px solid var(--g-color-line-generic);\n}\n.dc-toc__top-header-icon {\n  display: flex;\n  margin-right: 5px;\n  flex-shrink: 0;\n}\n.dc-toc__top-header {\n  flex-grow: 0;\n  position: relative;\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}\n.dc-toc__top-header_link {\n  color: inherit;\n  text-decoration: none;\n  display: flex;\n  align-items: center;\n}\n.dc-toc__top-header_link:hover {\n  outline: none;\n  color: var(--g-color-text-link);\n  text-decoration: none;\n  cursor: pointer;\n  color: var(--g-color-text-primary);\n}\n.utilityfocus .dc-toc__top-header_link:hover:focus {\n  outline: 2px solid #ffdb4d;\n}\n.dc-toc__top-header_link:hover:hover, .dc-toc__top-header_link:hover:active {\n  color: var(--g-color-text-link-hover);\n}\n.dc-toc__bottom {\n  flex-grow: 0;\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  padding: 4px 10px 20px 0;\n}\n.dc-toc__bottom_scrolled {\n  border-top: 1px solid var(--g-color-line-generic);\n}\n.dc-toc__content {\n  --g-scrollbar-width: 6px;\n  position: relative;\n  flex-grow: 1;\n  overflow-y: auto;\n  scrollbar-width: thin;\n}\n.dc-toc__content_offset_top {\n  padding-top: 24px;\n}\n.dc-toc__list {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  display: block;\n}\n.dc-toc__list-item {\n  cursor: pointer;\n  user-select: none;\n}\n.dc-toc__list-item_main > *:first-child {\n  color: var(--g-color-text-primary);\n}\n.dc-toc__list-item:not(.dc-toc__list-item_opened) > .dc-toc__list {\n  display: none;\n}\n.dc-toc__list-item > .dc-toc__list {\n  padding-left: 20px;\n}\n.dc-toc__content > .dc-toc__list {\n  padding-right: 21px;\n  padding-bottom: 30px;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzLzN5M2swL2RvY3Rvb2xzL2RvY3MtY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9Ub2MiLCJzb3VyY2VzIjpbIlRvYy5zY3NzIiwiLi4vLi4vc3R5bGVzL21peGlucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVlBO0VBR0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFFQTtFQUNJOztBQUdKO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFFQTtFQUNJOztBQUdKO0VBQ0k7RUFDQTtFQUNBOztBQUdKO0VBQ0k7RUFFQTtFQzFDUjtFQUNBO0VENENROztBQUVBO0VDL0JSO0VBQ0E7RURnQ1k7RUFDQTs7QUFFQTtFQy9CWjtFQVVBO0VBQ0E7RUFDQTtFRHNCZ0I7O0FDaENoQjtFQUNJOztBQVdKO0VBRUk7O0FEd0JKO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFFQTtFQUNJOztBQUlSO0VBQ0k7RUFFQTtFQUNBO0VBQ0E7RUFDQTs7QUFFQTtFQUNJOztBQUlSO0VDakZBO0VBQ0E7RUFDQTtFRGtGSTs7QUFFQTtFQUNJO0VBQ0E7O0FBRUE7RUFDSTs7QUFHSjtFQUNJOztBQUlKO0VBQ0k7O0FBS1o7RUFDSTtFQUNBIiwic291cmNlc0NvbnRlbnQiOlsiQGltcG9ydCAnLi4vLi4vc3R5bGVzL3ZhcmlhYmxlcyc7XG5AaW1wb3J0ICcuLi8uLi9zdHlsZXMvbWl4aW5zJztcblxuJGljb25TaXplOiAxOHB4O1xuJHRvZ2dsZVNpemU6IDEwcHg7XG4kbGVmdE9mZnNldDogNTdweDtcblxuQG1peGluIHRvYy1oZWFkZXIge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShib2R5LTIpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbi5kYy10b2Mge1xuICAgICRjbGFzczogJjtcblxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBoZWlnaHQ6IGNhbGMoMTAwdmggLSB2YXIoLS1kYy1oZWFkZXItaGVpZ2h0LCAjeyRoZWFkZXJIZWlnaHR9KSk7XG4gICAgb3ZlcmZsb3cteTogaGlkZGVuO1xuICAgIGJvcmRlci1yaWdodDogMXB4IHNvbGlkIHZhcigtLWctY29sb3ItbGluZS1nZW5lcmljKTtcblxuICAgICZfX2VtcHR5IHtcbiAgICAgICAgcGFkZGluZzogNXB4IDE1cHggNXB4IDI0cHg7XG4gICAgfVxuXG4gICAgJl9fdG9wIHtcbiAgICAgICAgZmxleC1ncm93OiAwO1xuICAgICAgICBmbGV4LXNocmluazogMDtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgcGFkZGluZzogMTBweCAxMHB4IDhweCAwO1xuXG4gICAgICAgICZfc2Nyb2xsZWQge1xuICAgICAgICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIHZhcigtLWctY29sb3ItbGluZS1nZW5lcmljKTtcbiAgICAgICAgfVxuXG4gICAgICAgICYtaGVhZGVyLWljb24ge1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIG1hcmdpbi1yaWdodDogNXB4O1xuICAgICAgICAgICAgZmxleC1zaHJpbms6IDA7XG4gICAgICAgIH1cblxuICAgICAgICAmLWhlYWRlciB7XG4gICAgICAgICAgICBmbGV4LWdyb3c6IDA7XG4gICAgICAgICAgICAkaGVhZGVyQ2xhc3M6ICY7XG4gICAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICAgICAgICAgIEBpbmNsdWRlIHRleHQtc2l6ZShib2R5LTIpO1xuICAgICAgICAgICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgICAgICAgICAgJl9saW5rIHtcbiAgICAgICAgICAgICAgICBAaW5jbHVkZSByZXNldC1saW5rLXN0eWxlKCk7XG4gICAgICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICAgICAgICAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgICAgICAgICAgIEBpbmNsdWRlIGxpbmsoKTtcblxuICAgICAgICAgICAgICAgICAgICBjb2xvcjogdmFyKC0tZy1jb2xvci10ZXh0LXByaW1hcnkpO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cblxuICAgICZfX2JvdHRvbSB7XG4gICAgICAgIGZsZXgtZ3JvdzogMDtcbiAgICAgICAgZmxleC1zaHJpbms6IDA7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIHBhZGRpbmc6IDRweCAxMHB4IDIwcHggMDtcblxuICAgICAgICAmX3Njcm9sbGVkIHtcbiAgICAgICAgICAgIGJvcmRlci10b3A6IDFweCBzb2xpZCB2YXIoLS1nLWNvbG9yLWxpbmUtZ2VuZXJpYyk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX19jb250ZW50IHtcbiAgICAgICAgLS1nLXNjcm9sbGJhci13aWR0aDogNnB4O1xuXG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgZmxleC1ncm93OiAxO1xuICAgICAgICBvdmVyZmxvdy15OiBhdXRvO1xuICAgICAgICBzY3JvbGxiYXItd2lkdGg6IHRoaW47XG5cbiAgICAgICAgJl9vZmZzZXRfdG9wIHtcbiAgICAgICAgICAgIHBhZGRpbmctdG9wOiAyNHB4O1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJl9fbGlzdCB7XG4gICAgICAgIEBpbmNsdWRlIHJlc2V0LWxpc3Qtc3R5bGUoKTtcblxuICAgICAgICBkaXNwbGF5OiBibG9jaztcblxuICAgICAgICAmLWl0ZW0ge1xuICAgICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICAgICAgdXNlci1zZWxlY3Q6IG5vbmU7XG5cbiAgICAgICAgICAgICZfbWFpbiA+ICo6Zmlyc3QtY2hpbGQge1xuICAgICAgICAgICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtcHJpbWFyeSk7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICY6bm90KCZfb3BlbmVkKSA+ICN7JGNsYXNzfV9fbGlzdCB7XG4gICAgICAgICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgLy8gcmVjdXJjaXZlIHBhZGRpbmdcbiAgICAgICAgICAgID4gI3skY2xhc3N9X19saXN0IHtcbiAgICAgICAgICAgICAgICBwYWRkaW5nLWxlZnQ6IDIwcHg7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX19jb250ZW50ID4gJl9fbGlzdCB7XG4gICAgICAgIHBhZGRpbmctcmlnaHQ6IDIxcHg7XG4gICAgICAgIHBhZGRpbmctYm90dG9tOiAzMHB4O1xuICAgIH1cbn1cbiIsIkBpbXBvcnQgJy4vdmFyaWFibGVzJztcblxuQG1peGluIHRleHQtc2l6ZSgkbmFtZSkge1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LSN7JG5hbWV9LWZvbnQtc2l6ZSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigtLWctdGV4dC0jeyRuYW1lfS1saW5lLWhlaWdodCk7XG59XG5cbkBtaXhpbiByZXNldC1saXN0LXN0eWxlKCkge1xuICAgIG1hcmdpbjogMDtcbiAgICBwYWRkaW5nOiAwO1xuICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG59XG5cbkBtaXhpbiBmaXhBbmNob3JQb3NpdGlvbigkb2Zmc2V0OiAwcHgpIHtcbiAgICBwYWRkaW5nLXRvcDogY2FsYyh2YXIoLS1kYy1oZWFkZXItaGVpZ2h0LCAjeyRoZWFkZXJIZWlnaHR9KSk7XG4gICAgbWFyZ2luLXRvcDogY2FsYygjeyRvZmZzZXR9IC0gdmFyKC0tZGMtaGVhZGVyLWhlaWdodCwgI3skaGVhZGVySGVpZ2h0fSkpO1xufVxuXG5AbWl4aW4gcmVzZXQtbGluay1zdHlsZSgpIHtcbiAgICBjb2xvcjogaW5oZXJpdDtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG59XG5cbkBtaXhpbiBpc2xhbmRzLWZvY3VzKCkge1xuICAgIG91dGxpbmU6IG5vbmU7XG5cbiAgICAudXRpbGl0eWZvY3VzICY6Zm9jdXMge1xuICAgICAgICBvdXRsaW5lOiAycHggc29saWQgI2ZmZGI0ZDtcbiAgICB9XG59XG5cbkBtaXhpbiBsaW5rKCkge1xuICAgIEBpbmNsdWRlIGlzbGFuZHMtZm9jdXMoKTtcblxuICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluayk7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcblxuICAgICY6aG92ZXIsXG4gICAgJjphY3RpdmUge1xuICAgICAgICBjb2xvcjogdmFyKC0tZy1jb2xvci10ZXh0LWxpbmstaG92ZXIpO1xuICAgIH1cbn1cblxuQG1peGluIGhlYWRpbmcxKCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTMpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG5cbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpIC0gMSkge1xuICAgICAgICBAaW5jbHVkZSB0ZXh0LXNpemUoZGlzcGxheS0yKTtcbiAgICB9XG59XG5cbkBtaXhpbiBoZWFkaW5nMigpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoZGlzcGxheS0xKTtcbiAgICBmb250LXdlaWdodDogNTAwO1xufVxuXG5AbWl4aW4gaGVhZGluZzMoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGhlYWRlci0yKTtcbiAgICBmb250LXdlaWdodDogNTAwO1xufVxuXG5AbWl4aW4gaGVhZGluZzQoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGhlYWRlci0xKTtcbiAgICBmb250LXdlaWdodDogNTAwO1xufVxuXG5AbWl4aW4gaGVhZGluZzUoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGJvZHktMyk7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcbn1cblxuQG1peGluIGhlYWRpbmc2KCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShib2R5LTMpO1xuICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG59XG5cbkBtaXhpbiBjb250cmlidXRvcnMtdGV4dCgpIHtcbiAgICBmb250LXNpemU6IDEzcHg7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICBtYXJnaW4tcmlnaHQ6IDVweDtcbiAgICBhbGlnbi1zZWxmOiBjZW50ZXI7XG59XG5cbkBtaXhpbiB0ZXh0LWJvZHktMSgpIHtcbiAgICBmb250LXNpemU6IHZhcigtLWctdGV4dC1ib2R5LTEtZm9udC1zaXplKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktMS1saW5lLWhlaWdodCk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigtLWctdGV4dC1ib2R5LWZvbnQtd2VpZ2h0KTtcbn1cblxuQG1peGluIGRlc2t0b3Atb25seSgpIHtcbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpIC0gMSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIGRlc2t0b3AtdGFibGV0LW9ubHkoKSB7XG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnc20nKSAtIDEpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG5cbkBtaXhpbiBtb2JpbGUtdGFibGV0LW9ubHkoKSB7XG4gICAgQG1lZGlhIChtaW4td2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIG1vYmlsZS1vbmx5KCkge1xuICAgIEBtZWRpYSAobWluLXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ3NtJykpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG4iXX0= */", "@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"],
+  "mappings": ";AAYA,CAAA;AAGI,WAAA;AACA,kBAAA;AACA,UAAA,KAAA,MAAA,EAAA;AAAA,UAAA,KAAA,MAAA,EAAA,IAAA,kBAAA,EAAA;AACA,cAAA;AACA,gBAAA,IAAA,MAAA,IAAA;ACbJ;ADeI,CAAA;AACI,WAAA,IAAA,KAAA,IAAA;ACbR;ADgBI,CAAA;AACI,aAAA;AACA,eAAA;AACA,WAAA;AACA,eAAA;AACA,WAAA,KAAA,KAAA,IAAA;ACdR;ADgBQ,CAAA;AACI,iBAAA,IAAA,MAAA,IAAA;ACdZ;ADiBQ,CAAA;AACI,WAAA;AACA,gBAAA;AACA,eAAA;ACfZ;ADkBQ,CAAA;AACI,aAAA;AAEA,YAAA;AE1CR,aAAA,IAAA;AACA,eAAA,IAAA;AF4CQ,eAAA;ACjBZ;ADmBY,CAAA;AE/BR,SAAA;AACA,2BAAA;AAAA,mBAAA;AFgCY,WAAA;AACA,eAAA;AChBhB;ADkBgB,CALJ,uBAKI;AE/BZ,WAAA;AAUA,SAAA,IAAA;AACA,2BAAA;AAAA,mBAAA;AACA,UAAA;AFsBgB,SAAA,IAAA;ACdpB;AClBI,CAAA,aAAA,CFwBQ,uBExBR,MAAA;AACI,WAAA,IAAA,MAAA;ADoBR;ACTI,CFYQ,uBEZR,MAAA;AAAA,CFYQ,uBEZR,MAAA;AAEI,SAAA,IAAA;ADUR;ADcI,CAAA;AACI,aAAA;AACA,eAAA;AACA,WAAA;AACA,eAAA;AACA,WAAA,IAAA,KAAA,KAAA;ACZR;ADcQ,CAAA;AACI,cAAA,IAAA,MAAA,IAAA;ACZZ;ADgBI,CAAA;AACI,uBAAA;AAEA,YAAA;AACA,aAAA;AACA,cAAA;AACA,mBAAA;ACfR;ADiBQ,CAAA;AACI,eAAA;ACfZ;ADmBI,CAAA;AEjFA,UAAA;AACA,WAAA;AACA,cAAA;AFkFI,WAAA;AChBR;ADkBQ,CAAA;AACI,UAAA;AACA,uBAAA;AAAA,oBAAA;AAAA,eAAA;AChBZ;ADkBY,CAAA,uBAAA,EAAA,CAAA;AACI,SAAA,IAAA;AChBhB;ADmBY,CARJ,iBAQI,KAAA,CAAA,0BAAA,EAAA,CAbR;AAcY,WAAA;ACjBhB;ADqBY,CAbJ,kBAaI,EAAA,CAlBR;AAmBY,gBAAA;ACnBhB;ADwBI,CArCA,gBAqCA,EAAA,CAxBA;AAyBI,iBAAA;AACA,kBAAA;ACtBR;",
+  "names": []
+}