@mintlify/msft-sdk 1.1.27 → 1.1.30

package/dist/components/page-context-menu.js

@@ -1,156 +1,87 @@
-import { jsxs as m, jsx as i, Fragment as g } from "react/jsx-runtime";
-import { useState as h, useRef as C, useEffect as w } from "react";
-import { CopyRegular as k, MarkdownRegular as F, ChevronDownRegular as T, DocumentOnePageSparkleRegular as I, DocumentOnePageMultipleSparkleRegular as L } from "@fluentui/react-icons";
-import { copyMarkdownToClipboard as S } from "../hooks/useMarkdownCopy.js";
-import { cn as u } from "../utils/cn.js";
-const z = ({
-  className: v,
-  pathname: s,
-  markdownContent: p,
-  onCopyMarkdown: e,
-  onViewMarkdown: x,
-  allPages: N,
-  baseUrl: _
+import { jsxs as r, jsx as i } from "react/jsx-runtime";
+import { useState as p, useEffect as b } from "react";
+import { CopyRegular as x, MarkdownRegular as u } from "@fluentui/react-icons";
+import { copyMarkdownToClipboard as g } from "../hooks/useMarkdownCopy.js";
+import { cn as l } from "../utils/cn.js";
+const P = ({
+  className: c,
+  pathname: m,
+  markdownContent: a,
+  onCopyMarkdown: t,
+  onViewMarkdown: s,
+  allPages: h,
+  baseUrl: v
 }) => {
-  const [r, d] = h(!1), [a, f] = h(!1), c = C(null);
-  w(() => {
-    if (a) {
-      const t = setTimeout(() => {
-        f(!1);
+  const [n, o] = p(!1);
+  b(() => {
+    if (n) {
+      const e = setTimeout(() => {
+        o(!1);
       }, 2e3);
-      return () => clearTimeout(t);
+      return () => clearTimeout(e);
     }
-  }, [a]), w(() => {
-    const t = (b) => {
-      c.current && !c.current.contains(b.target) && d(!1);
-    };
-    return r && document.addEventListener("mousedown", t), () => {
-      document.removeEventListener("mousedown", t);
-    };
-  }, [r]);
-  const y = async () => {
-    f(!0);
+  }, [n]);
+  const d = async () => {
+    o(!0);
     try {
-      if (p) {
-        const t = new ClipboardItem({
-          "text/plain": new Blob([p], { type: "text/plain" })
+      if (a) {
+        const e = new ClipboardItem({
+          "text/plain": new Blob([a], { type: "text/plain" })
         });
-        await navigator.clipboard.write([t]), e == null || e();
+        await navigator.clipboard.write([e]), t == null || t();
       } else
-        S({
-          pathname: s,
+        g({
+          pathname: m,
           onSuccess: () => {
-            e == null || e();
+            t == null || t();
           }
         });
-    } catch (t) {
-      console.error("Failed to copy markdown:", t);
+    } catch (e) {
+      console.error("Failed to copy markdown:", e);
     }
-  }, R = () => {
-    x ? x(s) : window.open(`${s}.md`, "_blank");
-  }, O = () => {
-    window.open("/docs/llms.txt", "_blank");
-  }, P = () => {
-    window.open("/docs/llms-full.txt", "_blank");
-  }, o = (t) => () => {
-    d(!1), t();
-  }, n = [
-    {
-      id: "copy",
-      title: "Copy Page",
-      description: "Copy page as markdown",
-      icon: k,
-      action: o(y)
-    },
-    {
-      id: "view",
-      title: "View as Markdown",
-      description: "View this page as plain text",
-      icon: F,
-      action: o(R)
-    }
-  ];
-  N && _ && (n.push({
-    id: "llms",
-    title: "View llms.txt",
-    description: "View generated llms.txt file",
-    icon: I,
-    action: o(O)
-  }), n.push({
-    id: "llms-full",
-    title: "View llms-full.txt",
-    description: "Generated llms-full.txt file",
-    icon: L,
-    action: o(P)
-  }));
-  const l = n[0];
-  return /* @__PURE__ */ m(
+  }, f = () => {
+    s ? s(m) : window.open(`${m}.md`, "_blank");
+  };
+  return /* @__PURE__ */ r(
     "div",
     {
-      className: u(
-        "mint:flex mint:items-center mint:justify-end mint:shrink-0 mint:w-[160px] mint:font-aptos",
-        v
+      className: l(
+        "mint:flex mint:items-center mint:gap-3 mint:font-aptos",
+        c
       ),
-      ref: c,
       children: [
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ r(
           "button",
           {
-            className: u(
-              "mint:rounded-full mint:py-1.5 mint:px-3 mint:border mint:border-[#e5e7eb] mint:dark:border-[rgba(255,255,255,0.07)] mint:bg-white mint:dark:bg-[#1a1a1a] mint:text-[#374151] mint:dark:text-[#d1d5db] mint:cursor-pointer mint:flex mint:items-center mint:gap-2 mint:text-sm mint:font-medium mint:hover:bg-[rgba(75,85,99,0.05)] mint:dark:hover:bg-[rgba(229,231,235,0.05)]",
-              n.length > 1 && "mint:rounded-tr-none mint:rounded-br-none mint:border-r-0",
-              a && "mint:text-[#6b7280] mint:dark:text-[#9ca3af]"
+            className: l(
+              "mint:flex mint:items-center mint:gap-2 mint:text-sm mint:text-[#424242] mint:dark:text-[#b2b2b2] mint:cursor-pointer mint:border-none mint:bg-transparent mint:p-0 mint:transition-colors mint:hover:text-[#141414] mint:dark:hover:text-[#fafafa]"
             ),
-            onClick: () => {
-              l.action();
-            },
-            children: /* @__PURE__ */ i("div", { className: "mint:flex mint:items-center mint:gap-2 mint:text-sm mint:font-medium mint:text-[#242424] mint:dark:text-[#dbdbdb]", children: l.id === "copy" ? /* @__PURE__ */ m(g, { children: [
-              /* @__PURE__ */ i(k, { className: "mint:w-5 mint:h-5 mint:text-[#424242] mint:dark:text-[#b2b2b2]" }),
-              /* @__PURE__ */ i("p", { className: "mint:font-medium mint:font-aptos", children: a ? "Copied" : "Copy Page" })
-            ] }) : /* @__PURE__ */ m(g, { children: [
-              /* @__PURE__ */ i(l.icon, { className: "mint:w-5 mint:h-5 mint:text-[#424242] mint:dark:text-[#b2b2b2]" }),
-              /* @__PURE__ */ i("p", { className: "mint:font-medium mint:font-aptos", children: l.title })
-            ] }) })
+            onClick: d,
+            "aria-label": n ? "Copied" : "Copy for LLM",
+            children: [
+              /* @__PURE__ */ i(x, { className: "mint:w-5 mint:h-5" }),
+              /* @__PURE__ */ i("span", { className: "mint:font-medium", children: n ? "Copied" : "Copy for LLM" })
+            ]
           }
         ),
-        n.length > 1 && /* @__PURE__ */ m("div", { className: "mint:relative", children: [
-          /* @__PURE__ */ i(
-            "button",
-            {
-              className: "mint:rounded-none mint:rounded-tr-full mint:rounded-br-full mint:py-1.5 mint:px-2 mint:border mint:border-[#e5e7eb] mint:dark:border-[rgba(255,255,255,0.07)] mint:bg-white mint:dark:bg-[#1a1a1a] mint:text-[#374151] mint:dark:text-[#d1d5db] mint:cursor-pointer mint:hover:bg-[rgba(75,85,99,0.05)] mint:dark:hover:bg-[rgba(229,231,235,0.05)]",
-              onClick: () => d(!r),
-              children: /* @__PURE__ */ i(
-                T,
-                {
-                  className: u(
-                    "mint:w-4 mint:h-4 mint:transition-transform mint:duration-150",
-                    r && "mint:rotate-180"
-                  )
-                }
-              )
-            }
-          ),
-          r && /* @__PURE__ */ i("div", { className: "mint:absolute mint:right-0 mint:top-full mint:mt-1 mint:z-50 mint:max-h-[420px] mint:p-1 mint:min-w-[240px] mint:border mint:border-[#e5e7eb] mint:dark:border-[rgba(255,255,255,0.07)] mint:bg-white mint:dark:bg-[#1a1a1a] mint:rounded-2xl mint:shadow-[0_20px_25px_-5px_rgba(0,0,0,0.1),0_10px_10px_-5px_rgba(0,0,0,0.04)] mint:overflow-y-auto", children: n.map((t, b) => /* @__PURE__ */ m(
-            "button",
-            {
-              onClick: t.action,
-              className: "mint:w-full mint:flex mint:items-center mint:gap-3 mint:py-2 mint:px-2.5 mint:cursor-pointer mint:rounded-xl mint:transition-colors mint:duration-150 mint:border-none mint:bg-transparent mint:hover:bg-[rgba(75,85,99,0.05)] mint:dark:hover:bg-[rgba(229,231,235,0.05)]",
-              children: [
-                /* @__PURE__ */ i("div", { className: "mint:border mint:border-[#e5e7eb] mint:dark:border-[rgba(255,255,255,0.07)] mint:rounded-lg mint:p-1 mint:shrink-0", children: /* @__PURE__ */ i(t.icon, { className: "mint:w-5 mint:h-5 mint:text-[#424242] mint:dark:text-[#b2b2b2]" }) }),
-                /* @__PURE__ */ m("div", { className: "mint:flex mint:flex-col mint:flex-1 mint:min-w-0 mint:text-left", children: [
-                  /* @__PURE__ */ i("div", { className: "mint:text-sm mint:font-medium mint:text-[#1f2937] mint:dark:text-[#d1d5db] mint:flex mint:items-center mint:gap-1.5", children: t.title }),
-                  /* @__PURE__ */ i("div", { className: "mint:text-xs mint:text-[#6b7280] mint:dark:text-[#9ca3af] mint:mt-0.5", children: t.description })
-                ] })
-              ]
-            },
-            t.id + b
-          )) })
-        ] })
+        /* @__PURE__ */ i("div", { className: "mint:h-5 mint:w-px mint:bg-[#d1d1d1] mint:dark:bg-[#404040]" }),
+        /* @__PURE__ */ r(
+          "button",
+          {
+            className: "mint:flex mint:items-center mint:gap-2 mint:text-sm mint:text-[#424242] mint:dark:text-[#b2b2b2] mint:cursor-pointer mint:border-none mint:bg-transparent mint:p-0 mint:transition-colors mint:hover:text-[#141414] mint:dark:hover:text-[#fafafa]",
+            onClick: f,
+            "aria-label": "View as Markdown",
+            children: [
+              /* @__PURE__ */ i(u, { className: "mint:w-5 mint:h-5" }),
+              /* @__PURE__ */ i("span", { className: "mint:font-medium", children: "View as Markdown" })
+            ]
+          }
+        )
       ]
     }
   );
 };
 export {
-  z as PageContextMenu
+  P as PageContextMenu
 };
 //# sourceMappingURL=page-context-menu.js.map

package/dist/components/page-context-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"page-context-menu.js","sources":["../../src/components/page-context-menu.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from \"react\";\nimport {\n  CopyRegular,\n  MarkdownRegular,\n  ChevronDownRegular,\n  DocumentOnePageSparkleRegular,\n  DocumentOnePageMultipleSparkleRegular,\n} from \"@fluentui/react-icons\";\nimport { copyMarkdownToClipboard } from \"../hooks/useMarkdownCopy\";\nimport type { LlmsPageConfig } from \"../utils/generate-llms-txt\";\nimport { cn } from \"../utils/cn\";\n\nexport type ContextualOption = {\n  id: string;\n  title: string;\n  description: string;\n  icon: React.ElementType;\n  action: () => void;\n};\n\nexport interface PageContextMenuProps {\n  className?: string;\n  pathname: string;\n  markdownContent?: string;\n  onCopyMarkdown?: () => void;\n  onViewMarkdown?: (pathname: string) => void;\n  allPages?: LlmsPageConfig[];\n  baseUrl?: string;\n}\n\nexport const PageContextMenu = ({\n  className,\n  pathname,\n  markdownContent,\n  onCopyMarkdown,\n  onViewMarkdown,\n  allPages,\n  baseUrl,\n}: PageContextMenuProps) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const [isCopied, setIsCopied] = useState(false);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (isCopied) {\n      const timeout = setTimeout(() => {\n        setIsCopied(false);\n      }, 2000);\n      return () => clearTimeout(timeout);\n    }\n  }, [isCopied]);\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (\n        dropdownRef.current &&\n        !dropdownRef.current.contains(event.target as Node)\n      ) {\n        setIsOpen(false);\n      }\n    };\n\n    if (isOpen) {\n      document.addEventListener(\"mousedown\", handleClickOutside);\n    }\n\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    };\n  }, [isOpen]);\n\n  const copyPageAsMarkdown = async () => {\n    setIsCopied(true);\n    try {\n      if (markdownContent) {\n        const clipboardItem = new ClipboardItem({\n          \"text/plain\": new Blob([markdownContent], { type: \"text/plain\" }),\n        });\n        await navigator.clipboard.write([clipboardItem]);\n        onCopyMarkdown?.();\n      } else {\n        copyMarkdownToClipboard({\n          pathname,\n          onSuccess: () => {\n            onCopyMarkdown?.();\n          },\n        });\n      }\n    } catch (error) {\n      console.error(\"Failed to copy markdown:\", error);\n    }\n  };\n\n  const viewAsMarkdown = () => {\n    if (onViewMarkdown) {\n      onViewMarkdown(pathname);\n    } else {\n      window.open(`${pathname}.md`, \"_blank\");\n    }\n  };\n\n  const viewLlmsTxtFile = () => {\n    window.open(\"/docs/llms.txt\", \"_blank\");\n  };\n\n  const viewLlmsFullTxtFile = () => {\n    window.open(\"/docs/llms-full.txt\", \"_blank\");\n  };\n\n  const wrapAction = (actionFn: () => void) => {\n    return () => {\n      setIsOpen(false);\n      actionFn();\n    };\n  };\n\n  const options: ContextualOption[] = [\n    {\n      id: \"copy\",\n      title: \"Copy Page\",\n      description: \"Copy page as markdown\",\n      icon: CopyRegular,\n      action: wrapAction(copyPageAsMarkdown),\n    },\n    {\n      id: \"view\",\n      title: \"View as Markdown\",\n      description: \"View this page as plain text\",\n      icon: MarkdownRegular,\n      action: wrapAction(viewAsMarkdown),\n    },\n  ];\n\n  if (allPages && baseUrl) {\n    options.push({\n      id: \"llms\",\n      title: \"View llms.txt\",\n      description: \"View generated llms.txt file\",\n      icon: DocumentOnePageSparkleRegular,\n      action: wrapAction(viewLlmsTxtFile),\n    });\n    options.push({\n      id: \"llms-full\",\n      title: \"View llms-full.txt\",\n      description: \"Generated llms-full.txt file\",\n      icon: DocumentOnePageMultipleSparkleRegular,\n      action: wrapAction(viewLlmsFullTxtFile),\n    });\n  }\n\n  const firstOption = options[0];\n\n  return (\n    <div\n      className={cn(\n        \"mint:flex mint:items-center mint:justify-end mint:shrink-0 mint:w-[160px] mint:font-aptos\",\n        className\n      )}\n      ref={dropdownRef}\n    >\n      <button\n        className={cn(\n          \"mint:rounded-full mint:py-1.5 mint:px-3 mint:border mint:border-[#e5e7eb] mint:dark:border-[rgba(255,255,255,0.07)] mint:bg-white mint:dark:bg-[#1a1a1a] mint:text-[#374151] mint:dark:text-[#d1d5db] mint:cursor-pointer mint:flex mint:items-center mint:gap-2 mint:text-sm mint:font-medium mint:hover:bg-[rgba(75,85,99,0.05)] mint:dark:hover:bg-[rgba(229,231,235,0.05)]\",\n          options.length > 1 &&\n            \"mint:rounded-tr-none mint:rounded-br-none mint:border-r-0\",\n          isCopied && \"mint:text-[#6b7280] mint:dark:text-[#9ca3af]\"\n        )}\n        onClick={() => {\n          void firstOption.action();\n        }}\n      >\n        <div className=\"mint:flex mint:items-center mint:gap-2 mint:text-sm mint:font-medium mint:text-[#242424] mint:dark:text-[#dbdbdb]\">\n          {firstOption.id === \"copy\" ? (\n            <>\n              <CopyRegular className=\"mint:w-5 mint:h-5 mint:text-[#424242] mint:dark:text-[#b2b2b2]\" />\n              <p className=\"mint:font-medium mint:font-aptos\">{isCopied ? \"Copied\" : \"Copy Page\"}</p>\n            </>\n          ) : (\n            <>\n              <firstOption.icon className=\"mint:w-5 mint:h-5 mint:text-[#424242] mint:dark:text-[#b2b2b2]\" />\n              <p className=\"mint:font-medium mint:font-aptos\">{firstOption.title}</p>\n            </>\n          )}\n        </div>\n      </button>\n\n      {options.length > 1 && (\n        <div className=\"mint:relative\">\n          <button\n            className=\"mint:rounded-none mint:rounded-tr-full mint:rounded-br-full mint:py-1.5 mint:px-2 mint:border mint:border-[#e5e7eb] mint:dark:border-[rgba(255,255,255,0.07)] mint:bg-white mint:dark:bg-[#1a1a1a] mint:text-[#374151] mint:dark:text-[#d1d5db] mint:cursor-pointer mint:hover:bg-[rgba(75,85,99,0.05)] mint:dark:hover:bg-[rgba(229,231,235,0.05)]\"\n            onClick={() => setIsOpen(!isOpen)}\n          >\n            <ChevronDownRegular\n              className={cn(\n                \"mint:w-4 mint:h-4 mint:transition-transform mint:duration-150\",\n                isOpen && \"mint:rotate-180\"\n              )}\n            />\n          </button>\n\n          {isOpen && (\n            <div className=\"mint:absolute mint:right-0 mint:top-full mint:mt-1 mint:z-50 mint:max-h-[420px] mint:p-1 mint:min-w-[240px] mint:border mint:border-[#e5e7eb] mint:dark:border-[rgba(255,255,255,0.07)] mint:bg-white mint:dark:bg-[#1a1a1a] mint:rounded-2xl mint:shadow-[0_20px_25px_-5px_rgba(0,0,0,0.1),0_10px_10px_-5px_rgba(0,0,0,0.04)] mint:overflow-y-auto\">\n              {options.map((option, index) => (\n                <button\n                  key={option.id + index}\n                  onClick={option.action}\n                  className=\"mint:w-full mint:flex mint:items-center mint:gap-3 mint:py-2 mint:px-2.5 mint:cursor-pointer mint:rounded-xl mint:transition-colors mint:duration-150 mint:border-none mint:bg-transparent mint:hover:bg-[rgba(75,85,99,0.05)] mint:dark:hover:bg-[rgba(229,231,235,0.05)]\"\n                >\n                  <div className=\"mint:border mint:border-[#e5e7eb] mint:dark:border-[rgba(255,255,255,0.07)] mint:rounded-lg mint:p-1 mint:shrink-0\">\n                    <option.icon className=\"mint:w-5 mint:h-5 mint:text-[#424242] mint:dark:text-[#b2b2b2]\" />\n                  </div>\n                  <div className=\"mint:flex mint:flex-col mint:flex-1 mint:min-w-0 mint:text-left\">\n                    <div className=\"mint:text-sm mint:font-medium mint:text-[#1f2937] mint:dark:text-[#d1d5db] mint:flex mint:items-center mint:gap-1.5\">\n                      {option.title}\n                    </div>\n                    <div className=\"mint:text-xs mint:text-[#6b7280] mint:dark:text-[#9ca3af] mint:mt-0.5\">\n                      {option.description}\n                    </div>\n                  </div>\n                </button>\n              ))}\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["PageContextMenu","className","pathname","markdownContent","onCopyMarkdown","onViewMarkdown","allPages","baseUrl","isOpen","setIsOpen","useState","isCopied","setIsCopied","dropdownRef","useRef","useEffect","timeout","handleClickOutside","event","copyPageAsMarkdown","clipboardItem","copyMarkdownToClipboard","error","viewAsMarkdown","viewLlmsTxtFile","viewLlmsFullTxtFile","wrapAction","actionFn","options","CopyRegular","MarkdownRegular","DocumentOnePageSparkleRegular","DocumentOnePageMultipleSparkleRegular","firstOption","jsxs","cn","jsx","Fragment","ChevronDownRegular","option","index"],"mappings":"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"}
+{"version":3,"file":"page-context-menu.js","sources":["../../src/components/page-context-menu.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport {\n  CopyRegular,\n  MarkdownRegular,\n  ChatSparkleRegular,\n} from \"@fluentui/react-icons\";\nimport { copyMarkdownToClipboard } from \"../hooks/useMarkdownCopy\";\nimport type { LlmsPageConfig } from \"../utils/generate-llms-txt\";\nimport { cn } from \"../utils/cn\";\n\nexport type ContextualOption = {\n  id: string;\n  title: string;\n  description: string;\n  icon: React.ElementType;\n  action: () => void;\n};\n\nexport interface PageContextMenuProps {\n  className?: string;\n  pathname: string;\n  markdownContent?: string;\n  onCopyMarkdown?: () => void;\n  onViewMarkdown?: (pathname: string) => void;\n  allPages?: LlmsPageConfig[];\n  baseUrl?: string;\n}\n\nexport const PageContextMenu = ({\n  className,\n  pathname,\n  markdownContent,\n  onCopyMarkdown,\n  onViewMarkdown,\n  allPages,\n  baseUrl,\n}: PageContextMenuProps) => {\n  const [isCopied, setIsCopied] = useState(false);\n\n  useEffect(() => {\n    if (isCopied) {\n      const timeout = setTimeout(() => {\n        setIsCopied(false);\n      }, 2000);\n      return () => clearTimeout(timeout);\n    }\n  }, [isCopied]);\n\n  const copyPageAsMarkdown = async () => {\n    setIsCopied(true);\n    try {\n      if (markdownContent) {\n        const clipboardItem = new ClipboardItem({\n          \"text/plain\": new Blob([markdownContent], { type: \"text/plain\" }),\n        });\n        await navigator.clipboard.write([clipboardItem]);\n        onCopyMarkdown?.();\n      } else {\n        copyMarkdownToClipboard({\n          pathname,\n          onSuccess: () => {\n            onCopyMarkdown?.();\n          },\n        });\n      }\n    } catch (error) {\n      console.error(\"Failed to copy markdown:\", error);\n    }\n  };\n\n  const viewAsMarkdown = () => {\n    if (onViewMarkdown) {\n      onViewMarkdown(pathname);\n    } else {\n      window.open(`${pathname}.md`, \"_blank\");\n    }\n  };\n\n  const viewLlmsTxtFile = () => {\n    window.open(\"/docs/llms.txt\", \"_blank\");\n  };\n\n  return (\n    <div\n      className={cn(\n        \"mint:flex mint:items-center mint:gap-3 mint:font-aptos\",\n        className\n      )}\n    >\n      <button\n        className={cn(\n          \"mint:flex mint:items-center mint:gap-2 mint:text-sm mint:text-[#424242] mint:dark:text-[#b2b2b2] mint:cursor-pointer mint:border-none mint:bg-transparent mint:p-0 mint:transition-colors mint:hover:text-[#141414] mint:dark:hover:text-[#fafafa]\",\n        )}\n        onClick={copyPageAsMarkdown}\n        aria-label={isCopied ? \"Copied\" : \"Copy for LLM\"}\n      >\n        <CopyRegular className=\"mint:w-5 mint:h-5\" />\n        <span className=\"mint:font-medium\">{isCopied ? \"Copied\" : \"Copy for LLM\"}</span>\n      </button>\n\n      <div className=\"mint:h-5 mint:w-px mint:bg-[#d1d1d1] mint:dark:bg-[#404040]\" />\n\n      <button\n        className=\"mint:flex mint:items-center mint:gap-2 mint:text-sm mint:text-[#424242] mint:dark:text-[#b2b2b2] mint:cursor-pointer mint:border-none mint:bg-transparent mint:p-0 mint:transition-colors mint:hover:text-[#141414] mint:dark:hover:text-[#fafafa]\"\n        onClick={viewAsMarkdown}\n        aria-label=\"View as Markdown\"\n      >\n        <MarkdownRegular className=\"mint:w-5 mint:h-5\" />\n        <span className=\"mint:font-medium\">View as Markdown</span>\n      </button>\n    </div>\n  );\n};\n"],"names":["PageContextMenu","className","pathname","markdownContent","onCopyMarkdown","onViewMarkdown","allPages","baseUrl","isCopied","setIsCopied","useState","useEffect","timeout","copyPageAsMarkdown","clipboardItem","copyMarkdownToClipboard","error","viewAsMarkdown","jsxs","cn","jsx","CopyRegular","MarkdownRegular"],"mappings":";;;;;AA4BO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AACF,MAA4B;AAC1B,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK;AAE9C,EAAAC,EAAU,MAAM;AACd,QAAIH,GAAU;AACZ,YAAMI,IAAU,WAAW,MAAM;AAC/B,QAAAH,EAAY,EAAK;AAAA,MACnB,GAAG,GAAI;AACP,aAAO,MAAM,aAAaG,CAAO;AAAA,IACnC;AAAA,EACF,GAAG,CAACJ,CAAQ,CAAC;AAEb,QAAMK,IAAqB,YAAY;AACrC,IAAAJ,EAAY,EAAI;AAChB,QAAI;AACF,UAAIN,GAAiB;AACnB,cAAMW,IAAgB,IAAI,cAAc;AAAA,UACtC,cAAc,IAAI,KAAK,CAACX,CAAe,GAAG,EAAE,MAAM,aAAA,CAAc;AAAA,QAAA,CACjE;AACD,cAAM,UAAU,UAAU,MAAM,CAACW,CAAa,CAAC,GAC/CV,KAAA,QAAAA;AAAA,MACF;AACE,QAAAW,EAAwB;AAAA,UACtB,UAAAb;AAAA,UACA,WAAW,MAAM;AACf,YAAAE,KAAA,QAAAA;AAAA,UACF;AAAA,QAAA,CACD;AAAA,IAEL,SAASY,GAAO;AACd,cAAQ,MAAM,4BAA4BA,CAAK;AAAA,IACjD;AAAA,EACF,GAEMC,IAAiB,MAAM;AAC3B,IAAIZ,IACFA,EAAeH,CAAQ,IAEvB,OAAO,KAAK,GAAGA,CAAQ,OAAO,QAAQ;AAAA,EAE1C;AAMA,SACE,gBAAAgB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAlB;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAA,gBAAAiB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWC;AAAA,cACT;AAAA,YAAA;AAAA,YAEF,SAASN;AAAA,YACT,cAAYL,IAAW,WAAW;AAAA,YAElC,UAAA;AAAA,cAAA,gBAAAY,EAACC,GAAA,EAAY,WAAU,oBAAA,CAAoB;AAAA,gCAC1C,QAAA,EAAK,WAAU,oBAAoB,UAAAb,IAAW,WAAW,eAAA,CAAe;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAG3E,gBAAAY,EAAC,OAAA,EAAI,WAAU,8DAAA,CAA8D;AAAA,QAE7E,gBAAAF;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,SAASD;AAAA,YACT,cAAW;AAAA,YAEX,UAAA;AAAA,cAAA,gBAAAG,EAACE,GAAA,EAAgB,WAAU,oBAAA,CAAoB;AAAA,cAC/C,gBAAAF,EAAC,QAAA,EAAK,WAAU,oBAAmB,UAAA,mBAAA,CAAgB;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACrD;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/index.d.ts

@@ -658,7 +658,7 @@ export declare interface NavItem {
     method?: string;
 }
 
-export declare function NavTree({ navTree, activeId, className, activeHref, theme, bottomLinks, anchors, }: NavTreeProps): JSX_2.Element | null;
+export declare function NavTree({ navTree, activeId, className, activeHref, theme, bottomLinks, anchors, styling, }: NavTreeProps): JSX_2.Element | null;
 
 export declare interface NavTreeData {
     items: NavItem[];
@@ -672,6 +672,9 @@ declare interface NavTreeProps {
     theme?: 'light' | 'dark' | 'system';
     bottomLinks?: BottomLinkConfig[];
     anchors?: AnchorConfig[];
+    styling?: {
+        navTreeContentClassName?: string;
+    };
 }
 
 export declare const OperationPage: ({ apiReferenceData, operation, children, }: {