dumi-theme-lobehub 1.0.0

package/dist/layouts/DocLayout/index.js

@@ -0,0 +1,130 @@
+import { Layout, ThemeProvider } from '@lobehub/ui';
+import { extractStaticStyle, useResponsive, useTheme } from 'antd-style';
+import { Helmet, useIntl, useLocation } from 'dumi';
+import isEqual from 'fast-deep-equal';
+import { memo, useCallback, useEffect } from 'react';
+import { shallow } from 'zustand/shallow';
+import Favicons from "../../components/Favicons";
+import { StoreUpdater } from "../../components/StoreUpdater";
+import GlobalStyle from "./GlobalStyle";
+import Changelog from "../../pages/Changelog";
+import Docs from "../../pages/Docs";
+import Home from "../../pages/Home";
+import Footer from "dumi/theme/slots/Footer";
+import Header from "dumi/theme/slots/Header";
+import Sidebar from "dumi/theme/slots/Sidebar";
+import Toc from "dumi/theme/slots/Toc";
+import { isHeroPageSel, siteTitleSel, tocAnchorItemSel, useSiteStore, useThemeStore } from "../../store";
+import customToken from "../../styles/customToken";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+var DocumentLayout = /*#__PURE__*/memo(function () {
+  var intl = useIntl();
+  var _useLocation = useLocation(),
+    hash = _useLocation.hash;
+  var theme = useTheme();
+  var _useResponsive = useResponsive(),
+    mobile = _useResponsive.mobile,
+    laptop = _useResponsive.laptop;
+  var _useSiteStore = useSiteStore(function (s) {
+      var isChanlogPage = s.location.pathname === '/changelog';
+      var isHomePage = isHeroPageSel(s);
+      var page;
+      if (isHomePage) {
+        page = 'home';
+      } else if (isChanlogPage) {
+        page = 'changelog';
+      } else {
+        page = 'docs';
+      }
+      return {
+        loading: s.siteData.loading,
+        noToc: tocAnchorItemSel(s).length === 0,
+        page: page,
+        siteTitle: siteTitleSel(s)
+      };
+    }, shallow),
+    loading = _useSiteStore.loading,
+    page = _useSiteStore.page,
+    siteTitle = _useSiteStore.siteTitle,
+    noToc = _useSiteStore.noToc;
+  var fm = useSiteStore(function (s) {
+    return s.routeMeta.frontmatter;
+  }, isEqual);
+  var hideSidebar = page !== 'docs' || mobile || fm.sidebar === false;
+  var shouldHideToc = fm.toc === false || noToc;
+  var hideToc = mobile ? shouldHideToc : !laptop || shouldHideToc;
+  var HelmetBlock = useCallback(function () {
+    return /*#__PURE__*/_jsxs(Helmet, {
+      children: [/*#__PURE__*/_jsx("html", {
+        lang: intl.locale.replace(/-.+$/, '')
+      }), fm.title && /*#__PURE__*/_jsx("meta", {
+        content: fm.title,
+        property: "og:title"
+      }), fm.description && /*#__PURE__*/_jsx("meta", {
+        content: fm.description,
+        name: "description"
+      }), fm.description && /*#__PURE__*/_jsx("meta", {
+        content: fm.description,
+        property: "og:description"
+      }), fm.keywords && /*#__PURE__*/_jsx("meta", {
+        content: fm.keywords.join(','),
+        name: "keywords"
+      }), fm.keywords && /*#__PURE__*/_jsx("meta", {
+        content: fm.keywords.join(','),
+        property: "og:keywords"
+      }), !fm.title || page === 'home' ? /*#__PURE__*/_jsx("title", {
+        children: siteTitle
+      }) : /*#__PURE__*/_jsxs("title", {
+        children: [fm.title, " - ", siteTitle]
+      })]
+    });
+  }, [intl, fm, siteTitle, page]);
+
+  // handle hash change or visit page hash after async chunk loaded
+  useEffect(function () {
+    var id = hash.replace('#', '');
+    if (!id) return;
+    setTimeout(function () {
+      var elm = document.querySelector("#".concat(decodeURIComponent(id)));
+      if (elm) {
+        elm.scrollIntoView();
+        window.scrollBy({
+          top: -80
+        });
+      }
+    }, 1);
+  }, [loading, hash]);
+  useEffect(function () {
+    document.body.scrollTo(0, 0);
+  }, [siteTitle]);
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(HelmetBlock, {}), /*#__PURE__*/_jsxs(Layout, {
+      asideWidth: theme.sidebarWidth,
+      footer: /*#__PURE__*/_jsx(Footer, {}),
+      header: /*#__PURE__*/_jsx(Header, {}),
+      headerHeight: mobile && page !== 'home' ? theme.headerHeight + 36 : theme.headerHeight,
+      sidebar: hideSidebar ? undefined : /*#__PURE__*/_jsx(Sidebar, {}),
+      toc: hideToc ? undefined : /*#__PURE__*/_jsx(Toc, {}),
+      tocWidth: hideToc ? 0 : theme.tocWidth,
+      children: [page === 'home' && /*#__PURE__*/_jsx(Home, {}), page === 'changelog' && /*#__PURE__*/_jsx(Changelog, {}), page === 'docs' && /*#__PURE__*/_jsx(Docs, {})]
+    })]
+  });
+});
+
+// @ts-ignore
+global.__ANTD_CACHE__ = extractStaticStyle.cache;
+export default /*#__PURE__*/memo(function () {
+  var themeMode = useThemeStore(function (st) {
+    return st.themeMode;
+  }, shallow);
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Favicons, {}), /*#__PURE__*/_jsx(StoreUpdater, {}), /*#__PURE__*/_jsxs(ThemeProvider, {
+      cache: extractStaticStyle.cache,
+      customToken: customToken,
+      themeMode: themeMode,
+      children: [/*#__PURE__*/_jsx(GlobalStyle, {}), /*#__PURE__*/_jsx(DocumentLayout, {})]
+    })]
+  });
+});

package/dist/pages/Changelog/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const Changelog: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+export default Changelog;

package/dist/pages/Changelog/index.js

@@ -0,0 +1,58 @@
+import { useResponsive } from 'antd-style';
+import { useOutlet } from 'dumi';
+import isEqual from 'fast-deep-equal';
+import { memo } from 'react';
+import { Center } from 'react-layout-kit';
+import { shallow } from 'zustand/shallow';
+import { ApiHeader } from "../../components/ApiHeader";
+import { useStyles } from "../Docs/styles";
+import Content from "dumi/theme/slots/Content";
+import { githubSel, useSiteStore } from "../../store";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+var Changelog = /*#__PURE__*/memo(function () {
+  var outlet = useOutlet();
+  var _useResponsive = useResponsive(),
+    mobile = _useResponsive.mobile;
+  var _useSiteStore = useSiteStore(function (s) {
+      return {
+        repoBase: githubSel(s)
+      };
+    }, shallow),
+    repoBase = _useSiteStore.repoBase;
+  var _useSiteStore2 = useSiteStore(function (s) {
+      return {
+        fm: s.routeMeta.frontmatter
+      };
+    }, isEqual),
+    fm = _useSiteStore2.fm;
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles;
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx("div", {
+      className: styles.background
+    }), /*#__PURE__*/_jsxs(Center, {
+      className: styles.content,
+      style: {
+        padding: mobile ? 0 : 24
+      },
+      children: [/*#__PURE__*/_jsx("div", {
+        style: {
+          padding: mobile ? 16 : 0,
+          width: '100%'
+        },
+        children: /*#__PURE__*/_jsx(ApiHeader, {
+          description: fm.description,
+          docUrl: "".concat(repoBase, "/blob/master/CHANGELOG.md"),
+          sourceUrl: "".concat(repoBase, "/blob/master/CHANGELOG.md"),
+          title: fm.title
+        })
+      }), /*#__PURE__*/_jsx(Content, {
+        className: styles.changelog,
+        children: outlet
+      })]
+    })]
+  });
+});
+export default Changelog;

package/dist/pages/Docs/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const Documents: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+export default Documents;

package/dist/pages/Docs/index.js

@@ -0,0 +1,52 @@
+import { Giscus } from '@lobehub/ui';
+import { useResponsive } from 'antd-style';
+import { useOutlet } from 'dumi';
+import { memo, useCallback } from 'react';
+import { Center } from 'react-layout-kit';
+import { shallow } from 'zustand/shallow';
+import ApiHeader from "dumi/theme/slots/ApiHeader";
+import Content from "dumi/theme/slots/Content";
+import { isApiPageSel, useSiteStore } from "../../store";
+import { useStyles } from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+var Documents = /*#__PURE__*/memo(function () {
+  var outlet = useOutlet();
+  var _useResponsive = useResponsive(),
+    mobile = _useResponsive.mobile;
+  var isApiPage = useSiteStore(isApiPageSel, shallow);
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles;
+  var Comment = useCallback(function () {
+    return /*#__PURE__*/_jsx(Giscus, {
+      category: "Q&A",
+      categoryId: "DIC_kwDOJloKoM4CXsCu",
+      id: "lobehub",
+      mapping: "title",
+      repo: "lobehub/lobe-ui",
+      repoId: "R_kgDOJloKoA"
+    });
+  }, [location.pathname]);
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx("div", {
+      className: styles.background
+    }), /*#__PURE__*/_jsxs(Center, {
+      className: styles.content,
+      style: {
+        marginBottom: 48,
+        padding: mobile ? 0 : 24
+      },
+      children: [isApiPage ? /*#__PURE__*/_jsx("div", {
+        style: {
+          padding: mobile ? 16 : 0,
+          width: '100%'
+        },
+        children: /*#__PURE__*/_jsx(ApiHeader, {})
+      }) : undefined, /*#__PURE__*/_jsxs(Content, {
+        children: [outlet, /*#__PURE__*/_jsx(Comment, {})]
+      })]
+    })]
+  });
+});
+export default Documents;

package/dist/pages/Docs/styles.d.ts

@@ -0,0 +1,5 @@
+export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    background: string;
+    changelog: import("antd-style").SerializedStyles;
+    content: import("antd-style").SerializedStyles;
+}>;

package/dist/pages/Docs/styles.js

@@ -0,0 +1,14 @@
+var _templateObject, _templateObject2, _templateObject3;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { createStyles } from 'antd-style';
+export var useStyles = createStyles(function (_ref) {
+  var cx = _ref.cx,
+    css = _ref.css,
+    token = _ref.token,
+    stylish = _ref.stylish;
+  return {
+    background: cx(stylish.gradientAnimation, css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      pointer-events: none;\n\n      position: absolute;\n      z-index: 0;\n      top: -100px;\n      right: -20vw;\n      transform: rotate(4deg);\n\n      width: 60vw;\n      height: 200px;\n\n      opacity: 0.2;\n      filter: blur(100px);\n    "])))),
+    changelog: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    .markdown {\n      font-size: 16px;\n\n      h1 {\n        display: none;\n      }\n\n      h2,\n      h3 {\n        margin-bottom: 0;\n        font-size: 28px;\n      }\n\n      sup {\n        color: ", ";\n      }\n\n      details {\n        font-size: 14px;\n      }\n\n      summary > kbd {\n        margin-left: 6px;\n      }\n\n      a[href='/changelog#readme-top'] {\n        display: block;\n        margin-bottom: 32px;\n        padding-bottom: 32px;\n        border-bottom: 1px solid ", ";\n\n        > img {\n          display: none;\n        }\n      }\n    }\n  "])), token.colorTextDescription, token.colorBorderSecondary),
+    content: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    width: 100%;\n    max-width: ", "px;\n    margin: 0 auto;\n  "])), token.contentMaxWidth)
+  };
+});

package/dist/pages/Home/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const Home: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+export default Home;

package/dist/pages/Home/index.js

@@ -0,0 +1,20 @@
+import { useOutlet } from 'dumi';
+import { memo } from 'react';
+import { Flexbox } from 'react-layout-kit';
+import Features from "dumi/theme/slots/Features";
+import Hero from "dumi/theme/slots/Hero";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var Home = /*#__PURE__*/memo(function () {
+  var outlet = useOutlet();
+  return /*#__PURE__*/_jsxs(Flexbox, {
+    align: 'center',
+    gap: 64,
+    style: {
+      minHeight: '64vh',
+      padding: '64px 24px'
+    },
+    children: [/*#__PURE__*/_jsx(Hero, {}), /*#__PURE__*/_jsx(Features, {}), outlet]
+  });
+});
+export default Home;

package/dist/plugin/index.d.ts

@@ -0,0 +1,3 @@
+import type { IApi } from 'dumi';
+declare const SSRPlugin: (api: IApi) => void;
+export default SSRPlugin;

package/dist/plugin/index.js

@@ -0,0 +1,77 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/plugin/index.ts
+var plugin_exports = {};
+__export(plugin_exports, {
+  default: () => plugin_default
+});
+module.exports = __toCommonJS(plugin_exports);
+var import_antd_style = require("antd-style");
+var import_chalk = __toESM(require("chalk"));
+var import_node_fs = __toESM(require("node:fs"));
+var import_node_path = require("node:path");
+var import_utils = require("./utils");
+var SSRPlugin = (api) => {
+  api.describe({
+    key: "@"
+  });
+  if (!api.userConfig.ssr)
+    return;
+  api.logger.info("detect ssr config, when building html will extract css.");
+  const writeCSSFile = (key, hashKey, cssString) => {
+    const fileName = `ssr-${key}.${(0, import_utils.getHash)(hashKey)}.css`;
+    const filePath = (0, import_node_path.join)(api.paths.absOutputPath, fileName);
+    if (!import_node_fs.default.existsSync(filePath)) {
+      api.logger.event(import_chalk.default.grey(`write to: ${filePath}`));
+      import_node_fs.default.writeFileSync(filePath, cssString, "utf8");
+    }
+    return fileName;
+  };
+  const addLinkStyle = (html, cssFile) => {
+    const prefix = api.userConfig.publicPath || api.config.publicPath;
+    return html.replace("</head>", `<link rel="stylesheet" href="${prefix + cssFile}"></head>`);
+  };
+  api.modifyExportHTMLFiles(
+    (files) => files.filter((f) => !f.path.includes(":")).map((file) => {
+      const antdCache = global.__ANTD_CACHE__;
+      const styles = (0, import_antd_style.extractStaticStyle)(file.content, { antdCache });
+      for (const result of styles) {
+        api.logger.event(
+          `${import_chalk.default.yellow(file.path)} include ${import_chalk.default.blue`[${result.key}]`} ${import_chalk.default.yellow(
+            result.ids.length
+          )} styles`
+        );
+        const cssFile = writeCSSFile(result.key, result.ids.join(""), result.css);
+        file.content = addLinkStyle(file.content, cssFile);
+      }
+      return file;
+    })
+  );
+};
+var plugin_default = SSRPlugin;

package/dist/plugin/utils.d.ts

@@ -0,0 +1 @@
+export declare const getHash: (string_: string, length?: number) => string;

package/dist/plugin/utils.js

@@ -0,0 +1,30 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/plugin/utils.ts
+var utils_exports = {};
+__export(utils_exports, {
+  getHash: () => getHash
+});
+module.exports = __toCommonJS(utils_exports);
+var import_node_crypto = require("node:crypto");
+var getHash = (string_, length = 8) => (0, import_node_crypto.createHash)("md5").update(string_).digest("hex").slice(0, length);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getHash
+});

package/dist/slots/ApiHeader/BundlephobiaFilled.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/dist/slots/ApiHeader/BundlephobiaFilled.js

@@ -0,0 +1,15 @@
+import { memo } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default /*#__PURE__*/memo(function () {
+  return /*#__PURE__*/_jsx("svg", {
+    fill: "currentColor",
+    height: "1em",
+    viewBox: "64 64 896 896",
+    width: "1em",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /*#__PURE__*/_jsx("path", {
+      d: "M503.783 64 960 263.576V761.46L521.625 955.734V473.5h-17.5v486.351l-.342.149L64 761.46V263.576L503.783 64Zm.13 19.158L84.37 273.548 512 466.131 939.386 273.66l-435.473-190.5Z",
+      fillRule: "evenodd"
+    })
+  });
+});

package/dist/slots/ApiHeader/Graph.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/dist/slots/ApiHeader/Graph.js

@@ -0,0 +1,14 @@
+import { memo } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default /*#__PURE__*/memo(function () {
+  return /*#__PURE__*/_jsx("svg", {
+    fill: "currentColor",
+    height: "1em",
+    viewBox: "0 0 24 24",
+    width: "1em",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /*#__PURE__*/_jsx("path", {
+      d: "M14.051 2.751l4.935 2.85a2.144 2.144 0 013.409.4 2.146 2.146 0 01-1.354 3.151v5.699a2.132 2.132 0 011.348 3.15 2.143 2.143 0 01-3.453.353l-4.905 2.832a2.14 2.14 0 11-4.171.678c0-.205.029-.41.088-.609l-4.936-2.847a2.14 2.14 0 11-2.052-3.559l.001-5.699A2.141 2.141 0 011.604 6a2.143 2.143 0 013.407-.405l4.938-2.85A2.138 2.138 0 0112 0a2.137 2.137 0 012.051 2.751zm-.515.877a.793.793 0 01-.058.058l6.461 11.19c.026-.009.056-.016.082-.023V9.146a2.135 2.135 0 01-1.558-2.588l.019-.072-4.946-2.858zm-3.015.059l-.06-.06-4.946 2.852a2.136 2.136 0 01-1.461 2.645l-.076.021v5.708l.084.023 6.461-11.19-.002.001zm2.076.507c-.39.112-.803.112-1.192 0l-6.46 11.189c.294.283.502.645.6 1.041h12.911c.097-.398.307-.761.603-1.044L12.597 4.194zm.986 16.227l4.913-2.838a1.748 1.748 0 01-.038-.142H5.542l-.021.083 4.939 2.852a2.126 2.126 0 011.54-.653c.627 0 1.19.269 1.583.698z"
+    })
+  });
+});

package/dist/slots/ApiHeader/NpmFilled.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/dist/slots/ApiHeader/NpmFilled.js

@@ -0,0 +1,16 @@
+import { memo } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default /*#__PURE__*/memo(function () {
+  return /*#__PURE__*/_jsx("svg", {
+    height: "14px",
+    version: "1.1",
+    viewBox: "0 0 14 14",
+    width: "14px",
+    xmlns: "http://www.w3.org/2000/svg",
+    xmlnsXlink: "http://www.w3.org/1999/xlink",
+    children: /*#__PURE__*/_jsx("path", {
+      d: "M13,0 C13.5522847,-1.01453063e-16 14,0.44771525 14,1 L14,13 C14,13.5522847 13.5522847,14 13,14 L1,14 C0.44771525,14 -4.87476137e-16,13.5522847 0,13 L0,1 C-6.76353751e-17,0.44771525 0.44771525,-4.5365845e-16 1,0 L13,0 Z M11.375,2.625 L2.625,2.625 L2.625,11.375 L7,11.375 L7,4.375 L9.625,4.375 L9.625,11.375 L11.375,11.375 L11.375,2.625 Z",
+      fill: "#C12127"
+    })
+  });
+});

package/dist/slots/ApiHeader/PackagePhobia.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/dist/slots/ApiHeader/PackagePhobia.js

@@ -0,0 +1,27 @@
+import { memo } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default /*#__PURE__*/memo(function () {
+  return /*#__PURE__*/_jsxs("svg", {
+    height: "1em",
+    viewBox: "0 0 108 108",
+    width: "1em",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/*#__PURE__*/_jsx("defs", {
+      children: /*#__PURE__*/_jsxs("linearGradient", {
+        id: "main",
+        children: [/*#__PURE__*/_jsx("stop", {
+          offset: "0",
+          stopColor: "#006838"
+        }), /*#__PURE__*/_jsx("stop", {
+          offset: "1",
+          stopColor: "#32de85"
+        })]
+      })
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M21.667 73.809V33.867l28.33-16.188 28.337 16.188V66.13L49.997 82.321 35 73.75V41.604l14.997-8.57L65 41.604v16.788l-15.003 8.571-1.663-.95v-16.67l8.382-4.792-6.719-3.838-8.33 4.763V69.88l8.33 4.762 21.67-12.383V37.737l-21.67-12.379-21.663 12.379v39.88L49.997 90 85 70V30L49.997 10 15 30v40z",
+      fill: "url(#main)",
+      transform: "matrix(1.25 0 0 1.25 -8.75 -7.5)"
+    })]
+  });
+});

package/dist/slots/ApiHeader/Unpkg.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/dist/slots/ApiHeader/Unpkg.js

@@ -0,0 +1,14 @@
+import { memo } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default /*#__PURE__*/memo(function () {
+  return /*#__PURE__*/_jsx("svg", {
+    fill: "currentColor",
+    height: "1em",
+    viewBox: "0 0 24 24",
+    width: "1em",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /*#__PURE__*/_jsx("path", {
+      d: "M16.509 16.845c.148-.507.091-.97-.155-1.315-.225-.317-.605-.5-1.062-.521l-8.659-.113a.155.155 0 01-.134-.071.194.194 0 01-.02-.155.239.239 0 01.203-.156l8.736-.113c1.034-.048 2.16-.886 2.554-1.913l.5-1.301a.28.28 0 00.013-.168 5.69 5.69 0 00-10.938-.584 2.585 2.585 0 00-1.793-.5 2.561 2.561 0 00-2.223 3.18 3.634 3.634 0 00-3.53 3.636c0 .176.013.352.034.528a.174.174 0 00.169.148h15.981a.22.22 0 00.204-.155zm2.757-5.564c-.077 0-.162 0-.24.011-.055 0-.105.042-.126.098l-.337 1.175c-.148.506-.092.97.154 1.315.226.317.605.5 1.063.52l1.843.114c.056 0 .105.026.133.07a.2.2 0 01.021.156.238.238 0 01-.204.155l-1.92.113c-1.041.049-2.16.887-2.553 1.914l-.141.358c-.028.071.02.141.098.141h6.598a.173.173 0 00.17-.125 4.81 4.81 0 00.175-1.28 4.739 4.739 0 00-4.734-4.727"
+    })
+  });
+});

package/dist/slots/ApiHeader/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const ApiHeader: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+export default ApiHeader;

package/dist/slots/ApiHeader/index.js

@@ -0,0 +1,53 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import isEqual from 'fast-deep-equal';
+import { memo, useMemo } from 'react';
+import { ApiHeader as Header } from "../../components/ApiHeader";
+import { apiHeaderSel, useSiteStore } from "../../store";
+import BundlephobiaFilled from "./BundlephobiaFilled";
+import Graph from "./Graph";
+import NpmFilled from "./NpmFilled";
+import PackagePhobia from "./PackagePhobia";
+import Unpkg from "./Unpkg";
+import { jsx as _jsx } from "react/jsx-runtime";
+var ApiHeader = /*#__PURE__*/memo(function () {
+  var props = useSiteStore(apiHeaderSel, isEqual);
+  var pkg = props.pkg;
+  var packages = useMemo(function () {
+    var packageURL = encodeURIComponent(String(pkg));
+    return [{
+      children: 'NPM',
+      icon: /*#__PURE__*/_jsx(NpmFilled, {}),
+      label: 'NPM',
+      url: "https://www.npmjs.com/package/".concat(packageURL)
+    }, {
+      children: 'UNPKG',
+      icon: /*#__PURE__*/_jsx(Unpkg, {}),
+      label: 'Check package files',
+      url: "https://unpkg.com/browse/".concat(packageURL, "/")
+    }, {
+      children: 'BundlePhobia',
+      icon: /*#__PURE__*/_jsx(BundlephobiaFilled, {}),
+      label: 'Check bundle size',
+      url: "https://bundlephobia.com/package/".concat(packageURL)
+    }, {
+      children: 'PackagePhobia',
+      icon: /*#__PURE__*/_jsx(PackagePhobia, {}),
+      label: 'Check package size',
+      url: "https://packagephobia.com/result?p=".concat(packageURL)
+    }, {
+      children: 'Anvaka Graph',
+      icon: /*#__PURE__*/_jsx(Graph, {}),
+      label: 'Dependence graph',
+      url: "https://npm.anvaka.com/#/view/2d/".concat(encodeURIComponent(packageURL))
+    }];
+  }, [pkg]);
+  return /*#__PURE__*/_jsx(Header, _objectSpread({
+    serviceList: packages
+  }, props));
+});
+export default ApiHeader;

package/dist/slots/Content/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { DivProps } from "../../types";
+declare const Content: import("react").NamedExoticComponent<DivProps>;
+export default Content;