zudoku 0.3.0-dev.55 → 0.3.0-dev.56

package/lib/MdxPage-Dlujuj-J.js

@@ -1,223 +0,0 @@
-import { j as jsxRuntimeExports, u as useLocation } from "./jsx-runtime-DvZ6OKMM.js";
-import { A as AnchorLink, a as Helmet, u as useMDXComponents } from "./AnchorLink-BaXHjhF-.js";
-import { useRef, useState, useEffect, useMemo } from "react";
-import { c as createLucideIcon, b as useViewportAnchor, e as cn, P as ProseClasses, g as CategoryHeading, H as Heading, L as Link } from "./Markdown-B8nPVql1.js";
-import { k as useTopNavigationItem } from "./DevPortalProvider-GjdO0Xr-.js";
-import { t as traverseNavigation, i as isPathItem } from "./util-B5KX4h4M.js";
-import { s as slugify } from "./slugify-CmS97Vy8.js";
-/**
- * @license lucide-react v0.378.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const ListTree = createLucideIcon("ListTree", [
-  ["path", { d: "M21 12h-8", key: "1bmf0i" }],
-  ["path", { d: "M21 6H8", key: "1pqkrb" }],
-  ["path", { d: "M21 18h-8", key: "1tm79t" }],
-  ["path", { d: "M3 6v4c0 1.1.9 2 2 2h3", key: "1ywdgy" }],
-  ["path", { d: "M3 10v6c0 1.1.9 2 2 2h3", key: "2wc746" }]
-]);
-const DATA_ANCHOR_ATTR = "data-active";
-const TocItem = ({
-  item,
-  children,
-  className,
-  isActive
-}) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    "li",
-    {
-      className: cn(
-        "truncate",
-        isActive ? "text-primary" : "text-foreground/65 dark:text-foreground/75",
-        className
-      ),
-      title: item.value,
-      children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          AnchorLink,
-          {
-            to: `#${item.id}`,
-            ...{ [DATA_ANCHOR_ATTR]: item.id },
-            className: cn(
-              isActive ? "text-primary" : "text-foreground/65 dark:text-foreground/75 hover:text-foreground"
-            ),
-            children: item.value
-          }
-        ),
-        children
-      ]
-    }
-  );
-};
-const Toc = ({ entries }) => {
-  const { activeAnchor } = useViewportAnchor();
-  const listWrapperRef = useRef(null);
-  const [indicatorStyle, setIndicatorStyles] = useState({});
-  useEffect(() => {
-    if (!listWrapperRef.current) return;
-    const activeElement = listWrapperRef.current.querySelector(
-      `[${DATA_ANCHOR_ATTR}='${activeAnchor}']`
-    );
-    if (!activeElement) {
-      setIndicatorStyles({
-        "--indicator-top": "0",
-        "--indicator-opacity": 0
-      });
-      return;
-    }
-    const topParent = listWrapperRef.current.getBoundingClientRect().top;
-    const topElement = activeElement.getBoundingClientRect().top;
-    setIndicatorStyles({
-      "--indicator-top": `${topElement - topParent}px`,
-      "--indicator-opacity": 1
-    });
-  }, [activeAnchor]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("aside", { className: "sticky top-[--header-height] h-[calc(100vh-var(--header-height))] pt-[--padding-content-top] pb-[--padding-content-bottom] overflow-y-auto ps-1 text-sm", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 font-medium mb-2", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(ListTree, { size: 16 }),
-      "On this page"
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "ul",
-      {
-        ref: listWrapperRef,
-        style: indicatorStyle,
-        className: cn(
-          "relative ms-2 ps-4 font-medium list-none mt-0 space-y-2",
-          "before:absolute before:inset-0 before:right-auto before:bg-border before:w-[2px]",
-          "after:absolute after:-left-px after:-translate-y-1 after:top-[--indicator-top] after:opacity-[--indicator-opacity] after:h-6 after:bg-primary after:w-[4px] after:rounded after:ease-out after:[transition:top__150ms,opacity_325ms]"
-        ),
-        children: entries.map((item) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-          TocItem,
-          {
-            isActive: item.id === activeAnchor,
-            item,
-            className: "pl-0",
-            children: item.children && /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { className: "list-none pl-4 pt-2 space-y-2", children: item.children.map((child) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-              TocItem,
-              {
-                item: child,
-                isActive: child.id === activeAnchor
-              },
-              child.id
-            )) })
-          },
-          item.id
-        ))
-      }
-    )
-  ] });
-};
-const MarkdownHeadings = {
-  h2: ({ children, id }) => /* @__PURE__ */ jsxRuntimeExports.jsx(Heading, { level: 2, id, registerSidebarAnchor: true, children }),
-  h3: ({ children, id }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Heading, { level: 3, id, registerSidebarAnchor: true, children: [
-    " ",
-    children
-  ] })
-};
-const MdxPage = ({
-  mdxComponent: MdxComponent,
-  frontmatter = {},
-  defaultOptions,
-  tableOfContents
-}) => {
-  var _a, _b;
-  const navItem = useTopNavigationItem();
-  const location = useLocation();
-  const categoryTitle = navItem ? traverseNavigation(navItem, (_node, fullPath, parentNodes) => {
-    var _a2;
-    if (fullPath === location.pathname) {
-      return (_a2 = parentNodes.at(0)) == null ? void 0 : _a2.label;
-    }
-  }) : void 0;
-  const title = frontmatter.title;
-  const category = frontmatter.category ?? categoryTitle;
-  const hideToc = frontmatter.toc === false || (defaultOptions == null ? void 0 : defaultOptions.toc) === false;
-  const pageTitle = ((_a = tableOfContents.find((item) => item.depth === 1)) == null ? void 0 : _a.value) ?? title;
-  const hidePager = frontmatter.disablePager ?? (defaultOptions == null ? void 0 : defaultOptions.disablePager) ?? false;
-  const tocEntries = ((_b = tableOfContents.find((item) => item.depth === 1)) == null ? void 0 : _b.children) ?? // if `title` is provided by frontmatter it does not appear in the table of contents
-  tableOfContents.filter((item) => item.depth === 2);
-  const showToc = !hideToc && tocEntries.length > 0;
-  const { prev, next } = useMemo(() => {
-    let prev2 = { path: "", label: "" };
-    let next2 = { path: "", label: "" };
-    let shouldStop = false;
-    if (!navItem) return { prev: prev2, next: next2 };
-    traverseNavigation(navItem, (node, fullPath) => {
-      var _a2, _b2;
-      const item = { path: fullPath, label: node.label };
-      if (shouldStop && isPathItem(node) && !((_a2 = node.children) == null ? void 0 : _a2.length)) {
-        next2 = item;
-        return true;
-      }
-      if (fullPath === location.pathname) {
-        shouldStop = true;
-      }
-      if (!shouldStop && isPathItem(node) && !((_b2 = node.children) == null ? void 0 : _b2.length)) {
-        prev2 = item;
-      }
-    });
-    return { prev: prev2, next: next2 };
-  }, [navItem, location.pathname]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "xl:grid grid-cols-[--sidecar-grid-cols] gap-8 justify-between", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Helmet, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("title", { children: pageTitle }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      "div",
-      {
-        className: cn(
-          ProseClasses,
-          "max-w-full xl:w-full xl:max-w-prose flex-1 flex-shrink pt-[--padding-content-top] pb-[--padding-content-bottom]"
-        ),
-        children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("header", { children: [
-            category && /* @__PURE__ */ jsxRuntimeExports.jsx(CategoryHeading, { children: category }),
-            title && /* @__PURE__ */ jsxRuntimeExports.jsx(Heading, { level: 1, id: slugify(title, { lower: true }), children: title }),
-            frontmatter.description && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "prose-lg", children: frontmatter.description })
-          ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            MdxComponent,
-            {
-              components: { ...useMDXComponents(), ...MarkdownHeadings }
-            }
-          ),
-          !hidePager && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("hr", {}),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "not-prose flex items-center justify-between gap-8", children: [
-              prev.path ? /* @__PURE__ */ jsxRuntimeExports.jsxs(
-                Link,
-                {
-                  to: prev.path,
-                  className: "flex flex-col items-stretch gap-2 flex-1 truncate border border-border rounded px-6 py-4 text-start hover:border-primary/85 transition shadow-sm hover:shadow-md",
-                  title: typeof prev.label === "string" ? prev.label : void 0,
-                  children: [
-                    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-sm text-muted-foreground", children: "← Previous page" }),
-                    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-lg text-primary truncate", children: prev.label })
-                  ]
-                }
-              ) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1" }),
-              next.path ? /* @__PURE__ */ jsxRuntimeExports.jsxs(
-                Link,
-                {
-                  to: next.path,
-                  className: "flex flex-col items-stretch gap-2 flex-1 truncate border border-border rounded px-6 py-4 text-end hover:border-primary/85 transition shadow-sm hover:shadow-md",
-                  title: typeof next.label === "string" ? next.label : void 0,
-                  children: [
-                    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-sm text-muted-foreground", children: "Next page →" }),
-                    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-lg text-primary truncate", children: next.label })
-                  ]
-                }
-              ) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1" })
-            ] })
-          ] })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "hidden xl:block", children: showToc && /* @__PURE__ */ jsxRuntimeExports.jsx(Toc, { entries: tocEntries }) })
-  ] });
-};
-export {
-  MdxPage
-};
-//# sourceMappingURL=MdxPage-Dlujuj-J.js.map