@umami/shiso 0.54.0 → 0.61.0

package/dist/index.js

@@ -1,464 +0,0 @@
-"use strict";
-"use client";
-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/index.ts
-var index_exports = {};
-__export(index_exports, {
-  Blog: () => Blog,
-  Docs: () => Docs,
-  Shiso: () => Shiso
-});
-module.exports = __toCommonJS(index_exports);
-
-// src/components/Blog.tsx
-var import_react_zen11 = require("@umami/react-zen");
-var import_date_fns2 = require("date-fns");
-
-// src/components/PageLinks.tsx
-var import_react = require("react");
-var import_react_zen = require("@umami/react-zen");
-var import_classnames = __toESM(require("classnames"));
-
-// css-modules:E:\dev\umami-shiso\src\components\PageLinks.module.css
-var PageLinks_default = { "links": "PageLinks_links__NmJhO", "link": "PageLinks_link__OGI3M", "indent-1": "PageLinks_indent-1__M2IxZ", "indent-2": "PageLinks_indent-2__YTBlM", "indent-3": "PageLinks_indent-3__YzJlZ", "indent-4": "PageLinks_indent-4__NDg3Z", "indent-5": "PageLinks_indent-5__ZTE4M", "indent-6": "PageLinks_indent-6__NTRjM", "selected": "PageLinks_selected__ZjhkN" };
-
-// src/components/PageLinks.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-function PageLinks({ items = [], className, ...props }) {
-  const [hash, setHash] = (0, import_react.useState)(items?.[0]?.id);
-  (0, import_react.useEffect)(() => {
-    const callback = () => {
-      const x = [...items].reverse().find(({ id }) => {
-        const rect = document.getElementById(id)?.getBoundingClientRect();
-        return rect && rect.top <= 0;
-      });
-      if (x) setHash(x.id);
-    };
-    window.addEventListener("scroll", callback, false);
-    return () => {
-      window.removeEventListener("scroll", callback, false);
-    };
-  }, []);
-  if (!items?.length) {
-    return null;
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_zen.Box, { ...props, className: (0, import_classnames.default)(PageLinks_default.links, className), children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_zen.Column, { gap: "3", minWidth: "240px", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_zen.Text, { size: "2", weight: "bold", children: "On this page" }),
-    items.map(({ name, id, size }) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        "a",
-        {
-          href: `#${id}`,
-          className: (0, import_classnames.default)(PageLinks_default.link, PageLinks_default[`indent-${size}`], {
-            [PageLinks_default.selected]: hash === id
-          }),
-          children: name
-        },
-        id
-      );
-    })
-  ] }) });
-}
-
-// src/components/hooks/useShiso.ts
-var import_react7 = require("react");
-
-// src/components/Shiso.tsx
-var import_react5 = require("react");
-var import_react6 = require("@mdx-js/react");
-var import_react_zen10 = require("@umami/react-zen");
-
-// src/components/CodeBlock.tsx
-var import_react2 = require("react");
-var import_classnames2 = __toESM(require("classnames"));
-var import_react_zen2 = require("@umami/react-zen");
-
-// css-modules:E:\dev\umami-shiso\src\components\CodeBlock.module.css
-var CodeBlock_default = { "container": "CodeBlock_container__OGZlM", "button": "CodeBlock_button__Y2Y2Z", "copy": "CodeBlock_copy__NWI2Y", "check": "CodeBlock_check__YzQzO" };
-
-// src/components/CodeBlock.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-function CodeBlock(props) {
-  const textInput = (0, import_react2.useRef)(null);
-  const [copied, setCopied] = (0, import_react2.useState)(false);
-  const handleCopy = () => {
-    setCopied(true);
-    navigator?.clipboard?.writeText(textInput?.current?.textContent);
-    setTimeout(() => {
-      setCopied(false);
-    }, 1e3);
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("pre", { ref: textInput, className: (0, import_classnames2.default)(CodeBlock_default.container, "dark-theme"), children: [
-    props.children,
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { "aria-label": "Copy code", className: CodeBlock_default.button, onClick: handleCopy, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_zen2.Icon, { size: "sm", className: copied ? CodeBlock_default.check : CodeBlock_default.copy, children: copied ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_zen2.Icons.Check, {}) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_zen2.Icons.Copy, {}) }) })
-  ] });
-}
-
-// src/components/Docs.tsx
-var import_react_zen7 = require("@umami/react-zen");
-
-// src/components/SideNav.tsx
-var import_react3 = require("react");
-var import_react_zen3 = require("@umami/react-zen");
-var import_classnames3 = __toESM(require("classnames"));
-var import_navigation = require("next/navigation");
-var import_link = __toESM(require("next/link"));
-
-// css-modules:E:\dev\umami-shiso\src\components\SideNav.module.css
-var SideNav_default = { "nav": "SideNav_nav__NTkxM", "sticky": "SideNav_sticky__YTdmY", "item": "SideNav_item__MDk5Z", "selected": "SideNav_selected__ZjVkZ", "header": "SideNav_header__Y2YyY" };
-
-// src/components/SideNav.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-function SideNav({
-  tabs,
-  navigation,
-  isSticky,
-  autoHeight,
-  className,
-  style,
-  ...props
-}) {
-  const pathname = (0, import_navigation.usePathname)();
-  const tab = tabs?.find(({ url, id }) => id !== "docs" ? pathname.startsWith(url) : false);
-  const menu = navigation[tab?.id || "docs"];
-  const [height, setHeight] = (0, import_react3.useState)();
-  (0, import_react3.useEffect)(() => {
-    if (autoHeight) {
-      const rect = document.getElementById("shiso_docs_sidenav")?.getBoundingClientRect();
-      if (rect) {
-        setHeight(`${window.innerHeight - rect.top - 10}px`);
-      }
-    }
-  }, [autoHeight]);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-    import_react_zen3.Column,
-    {
-      ...props,
-      id: "shiso_docs_sidenav",
-      className: (0, import_classnames3.default)(SideNav_default.nav, isSticky && SideNav_default.sticky, className),
-      style: { ...style, height },
-      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_zen3.Column, { "aria-label": "nav", gap: "6", children: menu.map(({ section, pages }) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_zen3.Column, { title: section, className: SideNav_default.items, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_zen3.Text, { weight: "bold", className: SideNav_default.header, children: section }),
-          pages.map(({ label: text, url }, index) => {
-            return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-              import_link.default,
-              {
-                className: (0, import_classnames3.default)(SideNav_default.item, {
-                  [SideNav_default.selected]: url === pathname
-                }),
-                href: url,
-                children: text
-              },
-              index
-            );
-          })
-        ] }, section);
-      }) })
-    }
-  );
-}
-
-// src/components/TopNav.tsx
-var import_navigation2 = require("next/navigation");
-var import_react_zen4 = require("@umami/react-zen");
-var import_link2 = __toESM(require("next/link"));
-var import_jsx_runtime4 = require("react/jsx-runtime");
-function TopNav({ tabs }) {
-  const pathname = (0, import_navigation2.usePathname)();
-  const tab = tabs?.find(({ id, url }) => id !== "docs" ? pathname.startsWith(url) : false);
-  const selected = tab?.id || "docs";
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_zen4.Box, { maxWidth: "100vw", overflowX: "auto", overflowY: "hidden", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_zen4.Tabs, { selectedKey: selected, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_zen4.TabList, { items: tabs, children: ({ id, label, url }) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_zen4.Tab, { id, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_link2.default, { href: url, children: label }) });
-  } }) }) });
-}
-
-// src/components/DocContent.tsx
-var import_react_zen6 = require("@umami/react-zen");
-var import_link3 = __toESM(require("next/link"));
-
-// src/components/Markdown.tsx
-var import_react_zen5 = require("@umami/react-zen");
-var import_mdx = require("@mdx-js/mdx");
-var import_react4 = require("@mdx-js/react");
-var runtime = __toESM(require("react/jsx-runtime"));
-
-// css-modules:E:\dev\umami-shiso\src\components\Markdown.module.css
-var Markdown_default = { "content": "Markdown_content__YzRmN" };
-
-// src/components/Markdown.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var import_meta = {};
-var parseMdx = (code) => {
-  try {
-    const result = (0, import_mdx.runSync)(code, {
-      ...runtime,
-      baseUrl: import_meta.url
-    });
-    return { Component: result.default };
-  } catch (err) {
-    return { error: err.message };
-  }
-};
-function Markdown({ code }) {
-  const components = (0, import_react4.useMDXComponents)();
-  const { Component, error } = parseMdx(code);
-  if (error) {
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("h1", { children: [
-      "Error rendering MDX: ",
-      error
-    ] });
-  }
-  if (!Component) {
-    return null;
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_zen5.Box, { className: Markdown_default.content, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Component, { components }) });
-}
-
-// src/components/DocContent.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
-function DocContent({ section, title, description, code, next, prev }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_react_zen6.Box, { flexGrow: "1", children: [
-    section && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_zen6.Text, { color: "primary", weight: "bold", children: section }),
-    title && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_zen6.Heading, { size: "5", as: "h1", marginY: "3", children: title }),
-    description && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_zen6.Text, { color: "muted", size: "3", children: description }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Markdown, { code }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_react_zen6.Row, { justifyContent: "space-between", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(NavigationButton, { ...prev, isPrev: true }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(NavigationButton, { ...next })
-    ] })
-  ] });
-}
-var NavigationButton = ({
-  label,
-  url,
-  isPrev
-}) => {
-  if (!url || !label) {
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_zen6.Box, {});
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_link3.default, { href: url, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_react_zen6.Row, { alignItems: "center", gap: "3", marginY: "3", children: [
-    isPrev && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_zen6.Icon, { size: "sm", rotate: 180, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_zen6.Icons.Chevron, {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_zen6.Text, { size: "3", weight: "bold", children: label }),
-    !isPrev && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_zen6.Icon, { size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_zen6.Icons.Chevron, {}) })
-  ] }) });
-};
-
-// src/components/Docs.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
-function parseContent(content, config = {}) {
-  const { tabs, navigation } = config;
-  const keys = Object.keys(navigation);
-  let next, prev, section, found;
-  keys.forEach((key) => {
-    if (!found) {
-      const groups = navigation[key];
-      found = groups?.find((group, groupIndex) => {
-        return group.pages.find((page, pageIndex) => {
-          const match = page.url.endsWith(content.slug) || content.slug === "index" && content.path.endsWith("index.mdx");
-          if (match) {
-            const prevGroup = groups[groupIndex - 1];
-            const nextGroup = groups[groupIndex + 1];
-            prev = group.pages[pageIndex - 1] || prevGroup?.pages?.at(-1);
-            next = group.pages[pageIndex + 1] || nextGroup?.pages?.[0];
-            section = group.section;
-          }
-          return match;
-        });
-      });
-    }
-  });
-  return { ...content, tabs, navigation, section, next, prev };
-}
-function Docs({ content, config }) {
-  if (!content) {
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_zen7.Heading, { children: "Page not found" });
-  }
-  const { tabs, navigation, code, meta, section, next, prev, anchors } = parseContent(
-    content,
-    config?.docs
-  );
-  const { top } = config?.docs || {};
-  const navDisplay = {
-    xs: "none",
-    lg: "block"
-  };
-  const linksDisplay = {
-    xs: "none",
-    lg: "block"
-  };
-  const menuDisplay = {
-    lg: "none"
-  };
-  const MobileMenuButton = () => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react_zen7.DialogTrigger, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react_zen7.Button, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_zen7.Icon, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_zen7.Icons.Menu, {}) }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_zen7.Text, { children: "Menu" })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_zen7.Modal, { position: "left", offset: "70px", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_zen7.Dialog, { variant: "sheet", children: ({ close }) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_zen7.Box, { overflow: "auto", padding: "4", onClick: close, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SideNav, { tabs, navigation }) });
-    } }) })
-  ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react_zen7.Column, { gap: "6", children: [
-    tabs && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(TopNav, { tabs }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_zen7.Row, { display: menuDisplay, justifyContent: "flex-end", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(MobileMenuButton, {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react_zen7.Row, { gap: "6", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-        SideNav,
-        {
-          display: navDisplay,
-          tabs,
-          navigation,
-          style: { top },
-          isSticky: true,
-          autoHeight: true
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-        DocContent,
-        {
-          section,
-          title: meta?.title,
-          description: meta?.description,
-          code,
-          next,
-          prev
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(PageLinks, { display: linksDisplay, items: anchors, style: { top } })
-    ] })
-  ] });
-}
-
-// src/components/Blogs.tsx
-var import_react_zen9 = require("@umami/react-zen");
-
-// src/components/Card.tsx
-var import_react_zen8 = require("@umami/react-zen");
-var import_link4 = __toESM(require("next/link"));
-var import_date_fns = require("date-fns");
-var import_jsx_runtime8 = require("react/jsx-runtime");
-function Card({ title, description, date, author, url, image }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_zen8.Column, { border: true, borderRadius: "3", overflow: "hidden", children: [
-    image && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_zen8.Box, { height: "240px", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_zen8.Image, { src: image, alt: title, objectFit: "cover" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_zen8.Column, { padding: "6", gap: "4", flexGrow: "1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_zen8.Row, { justifyContent: "space-between", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_zen8.Text, { color: "muted", children: date && (0, import_date_fns.format)(new Date(date), "PP") }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_zen8.Text, { color: "muted", children: [
-          "Posted by ",
-          author
-        ] })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_zen8.Column, { gap: "4", flexGrow: "1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_zen8.Heading, { size: "3", as: "header", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_link4.default, { href: url, children: title }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_zen8.Box, { marginY: "5", as: "p", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_zen8.Text, { color: "muted", size: "3", children: description }) })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_zen8.Button, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_link4.default, { href: url, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_zen8.Text, { children: "Read more" }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_zen8.Icon, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_zen8.Icons.Arrow, {}) })
-      ] }) })
-    ] })
-  ] });
-}
-
-// src/components/Blogs.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
-function Blogs({ content, config, ...props }) {
-  if (!Array.isArray(content)) {
-    const { meta, code, anchors, slug } = content;
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Blog, { ...props, ...meta, slug, code, anchors, backUrl: "/blog" });
-  }
-  const items = content.sort(
-    (a, b) => new Date(b?.meta?.date).getTime() - new Date(a?.meta?.date).getTime()
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_zen9.Grid, { gap: "5", columns: { xs: "1fr", lg: "repeat(auto-fit, minmax(400px, 1fr))" }, children: items?.map(({ meta, slug }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Card, { url: `/blog/${slug}`, ...meta }, slug)) });
-}
-
-// src/components/Shiso.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var defaultTemplates = {
-  docs: Docs,
-  blog: Blogs
-};
-var shisoComponents = {
-  pre: CodeBlock,
-  code: import_react_zen10.Code
-};
-var ShisoContext = (0, import_react5.createContext)(null);
-function Shiso({ type, config, content, components, templates }) {
-  const Component = { ...defaultTemplates, ...templates }[type];
-  if (!Component) {
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("h1", { children: `Component not found for type: ${type}` });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ShisoContext.Provider, { value: { type, config, content, components, templates }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react6.MDXProvider, { components: { ...shisoComponents, ...components }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Component, { config, content }) }) });
-}
-
-// src/components/hooks/useShiso.ts
-function useShiso() {
-  const { content, config } = (0, import_react7.useContext)(ShisoContext);
-  return { content, config };
-}
-
-// src/components/Blog.tsx
-var import_link5 = __toESM(require("next/link"));
-var import_jsx_runtime11 = require("react/jsx-runtime");
-function Blog({ title, code, author, date, image, anchors, backUrl }) {
-  const { config } = useShiso();
-  const { top } = config?.blog || {};
-  const linksDisplay = {
-    xs: "none",
-    lg: "block"
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_react_zen11.Column, { gap: "8", maxWidth: "960px", style: { margin: "0 auto" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_zen11.Box, { flexGrow: "1", paddingY: "6", children: title && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_zen11.Heading, { size: "6", as: "h1", align: "center", children: title }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_react_zen11.Row, { justifyContent: "space-between", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_zen11.Text, { color: "muted", children: date && (0, import_date_fns2.format)(new Date(date), "PPP") }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_react_zen11.Text, { color: "muted", children: [
-        "Posted by ",
-        author
-      ] })
-    ] }),
-    image && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_zen11.Box, { height: "480px", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_zen11.Image, { src: image, alt: title, objectFit: "cover", borderRadius: "3" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_react_zen11.Row, { gap: "6", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Markdown, { code }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(PageLinks, { display: linksDisplay, items: anchors, style: { top } })
-    ] }),
-    backUrl && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_zen11.Row, { justifyContent: "flex-start", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_zen11.Button, { style: { width: "auto" }, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_link5.default, { href: backUrl, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_zen11.Icon, { rotate: 180, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_zen11.Icons.Arrow, {}) }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_zen11.Text, { children: "Back" })
-    ] }) }) })
-  ] });
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Blog,
-  Docs,
-  Shiso
-});