@mintlify/msft-sdk 1.1.7 → 1.1.9

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

@@ -1,155 +1,161 @@
-import { jsxs as i, jsx as e, Fragment as f } from "react/jsx-runtime";
-import { useState as h, useRef as P, useEffect as w } from "react";
-import { CopyRegular as k, MarkdownRegular as C, ChevronDownRegular as F, ArrowUpRightRegular as T, DocumentOnePageSparkleRegular as A, DocumentOnePageMultipleSparkleRegular as I } from "@fluentui/react-icons";
-import { copyMarkdownToClipboard as S } from "../hooks/useMarkdownCopy.js";
-import { cn as x } from "../utils/cn.js";
-const B = ({
-  className: v,
+import { jsxs as n, jsx as e, Fragment as N } from "react/jsx-runtime";
+import { useState as _, useRef as E, useEffect as R } from "react";
+import { CopyRegular as O, MarkdownRegular as T, ChevronDownRegular as j, ArrowUpRightRegular as y, DocumentOnePageSparkleRegular as V, DocumentOnePageMultipleSparkleRegular as z } from "@fluentui/react-icons";
+import { copyMarkdownToClipboard as B } from "../hooks/useMarkdownCopy.js";
+import { cn as u } from "../utils/cn.js";
+const J = ({
+  className: L,
   pathname: d,
-  markdownContent: u,
-  onCopyMarkdown: n,
-  onViewMarkdown: p,
-  allPages: N,
-  baseUrl: _
+  markdownContent: p,
+  onCopyMarkdown: i,
+  onCopyPage: f,
+  onViewMarkdown: g,
+  onViewLlmsTxt: h,
+  onViewLlmsFullTxt: k,
+  allPages: P,
+  baseUrl: F,
+  customActions: w
 }) => {
-  const [r, s] = h(!1), [a, g] = h(!1), c = P(null);
-  w(() => {
+  const [m, o] = _(!1), [a, v] = _(!1), c = E(null);
+  R(() => {
     if (a) {
       const t = setTimeout(() => {
-        g(!1);
+        v(!1);
       }, 2e3);
       return () => clearTimeout(t);
     }
-  }, [a]), w(() => {
-    const t = (b) => {
-      c.current && !c.current.contains(b.target) && s(!1);
+  }, [a]), R(() => {
+    const t = (x) => {
+      c.current && !c.current.contains(x.target) && o(!1);
     };
-    return r && document.addEventListener("mousedown", t), () => {
+    return m && document.addEventListener("mousedown", t), () => {
       document.removeEventListener("mousedown", t);
     };
-  }, [r]);
-  const R = async () => {
-    g(!0);
+  }, [m]);
+  const I = async () => {
+    v(!0);
     try {
-      if (u) {
+      if (f)
+        await f(), i == null || i();
+      else if (p) {
         const t = new ClipboardItem({
-          "text/plain": new Blob([u], { type: "text/plain" })
+          "text/plain": new Blob([p], { type: "text/plain" })
         });
-        await navigator.clipboard.write([t]), n == null || n();
+        await navigator.clipboard.write([t]), i == null || i();
       } else
-        S({
+        B({
           pathname: d,
           onSuccess: () => {
-            n == null || n();
+            i == null || i();
           }
         });
     } catch (t) {
       console.error("Failed to copy markdown:", t);
     }
-  }, y = () => {
-    p ? p(d) : window.open(`${d}.md`, "_blank");
-  }, L = () => {
-    window.open("/docs/llms.txt", "_blank");
-  }, O = () => {
-    window.open("/docs/llms-full.txt", "_blank");
-  }, l = (t) => () => {
-    s(!1), t();
-  }, m = [
+  }, S = () => {
+    g ? g(d) : window.open(`${d}.md`, "_blank");
+  }, A = () => {
+    h ? h() : window.open("/docs/llms.txt", "_blank");
+  }, D = () => {
+    k ? k() : window.open("/docs/llms-full.txt", "_blank");
+  }, r = (t) => () => {
+    o(!1), t();
+  }, b = [
     {
       id: "copy",
       title: "Copy Page",
       description: "Copy page as markdown",
-      icon: k,
-      action: l(R)
+      icon: O,
+      action: r(I)
     },
     {
       id: "view",
       title: "View as Markdown",
       description: "View this page as plain text",
-      icon: C,
-      action: l(y),
+      icon: T,
+      action: r(S),
       externalLink: !0
     }
   ];
-  N && _ && (m.push({
+  P && F && (b.push({
     id: "llms",
     title: "View llms.txt",
     description: "View generated llms.txt file",
-    icon: A,
-    action: l(L),
+    icon: V,
+    action: r(A),
     externalLink: !0
-  }), m.push({
+  }), b.push({
     id: "llms-full",
     title: "View llms-full.txt",
     description: "Generated llms-full.txt file",
-    icon: I,
-    action: l(O),
+    icon: z,
+    action: r(D),
     externalLink: !0
   }));
-  const o = m[0];
-  return /* @__PURE__ */ i(
+  const l = w ? w.map((t) => ({
+    ...t,
+    action: r(t.action)
+  })) : b, s = l[0];
+  return /* @__PURE__ */ n(
     "div",
     {
-      className: x(
-        "mint:flex mint:items-center mint:flex-shrink-0",
-        v
-      ),
+      className: u("mint:flex mint:items-center mint:shrink-0", L),
       ref: c,
       children: [
         /* @__PURE__ */ e(
           "button",
           {
-            className: x(
+            className: u(
               "mint:rounded-xl 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)]",
-              m.length > 1 && "mint:rounded-tr-none mint:rounded-br-none mint:border-r-0",
+              l.length > 1 && "mint:rounded-tr-none mint:rounded-br-none mint:border-r-0",
               a && "mint:text-[#6b7280] mint:dark:text-[#9ca3af]"
             ),
             onClick: () => {
-              o.action();
+              s.action();
             },
-            children: /* @__PURE__ */ e("div", { className: "mint:flex mint:items-center mint:gap-2 mint:text-sm mint:font-medium mint:text-[#242424] mint:dark:text-[#dbdbdb]", children: o.id === "copy" ? /* @__PURE__ */ i(f, { children: [
-              /* @__PURE__ */ e(k, { className: "mint:w-5 mint:h-5 mint:text-[#424242] mint:dark:text-[#b2b2b2]" }),
+            children: /* @__PURE__ */ e("div", { className: "mint:flex mint:items-center mint:gap-2 mint:text-sm mint:font-medium mint:text-[#242424] mint:dark:text-[#dbdbdb]", children: s.id === "copy" ? /* @__PURE__ */ n(N, { children: [
+              /* @__PURE__ */ e(O, { className: "mint:w-5 mint:h-5 mint:text-[#424242] mint:dark:text-[#b2b2b2]" }),
               /* @__PURE__ */ e("span", { children: a ? "Copied" : "Copy Page" })
-            ] }) : /* @__PURE__ */ i(f, { children: [
-              /* @__PURE__ */ e(o.icon, { className: "mint:w-5 mint:h-5 mint:text-[#424242] mint:dark:text-[#b2b2b2]" }),
-              /* @__PURE__ */ e("span", { children: o.title })
+            ] }) : /* @__PURE__ */ n(N, { children: [
+              /* @__PURE__ */ e(s.icon, { className: "mint:w-5 mint:h-5 mint:text-[#424242] mint:dark:text-[#b2b2b2]" }),
+              /* @__PURE__ */ e("span", { children: s.title })
             ] }) })
           }
         ),
-        m.length > 1 && /* @__PURE__ */ i("div", { className: "mint:relative", children: [
+        l.length > 1 && /* @__PURE__ */ n("div", { className: "mint:relative", children: [
           /* @__PURE__ */ e(
             "button",
             {
               className: "mint:rounded-none mint:rounded-tr-xl mint:rounded-br-xl 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: () => s(!r),
+              onClick: () => o(!m),
               children: /* @__PURE__ */ e(
-                F,
+                j,
                 {
-                  className: x(
+                  className: u(
                     "mint:w-4 mint:h-4 mint:transition-transform mint:duration-150",
-                    r && "mint:rotate-180"
+                    m && "mint:rotate-180"
                   )
                 }
               )
             }
           ),
-          r && /* @__PURE__ */ e("div", { className: "mint:absolute mint:right-0 mint:top-full mint:mt-1 mint:z-50 mint:max-h-[420px] mint:py-1.5 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-xl 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: m.map((t, b) => /* @__PURE__ */ i(
+          m && /* @__PURE__ */ e("div", { className: "mint:absolute mint:right-0 mint:top-full mint:mt-1 mint:z-50 mint:max-h-[420px] mint:py-1.5 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-xl 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: l.map((t, x) => /* @__PURE__ */ n(
             "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-none mint:hover:bg-[rgba(75,85,99,0.05)] mint:dark:hover:bg-[rgba(229,231,235,0.05)]",
               children: [
-                /* @__PURE__ */ e("div", { className: "mint:border mint:border-[#e5e7eb] mint:dark:border-[rgba(255,255,255,0.07)] mint:rounded-lg mint:p-1 mint:flex-shrink-0", children: /* @__PURE__ */ e(t.icon, { className: "mint:w-5 mint:h-5 mint:text-[#424242] mint:dark:text-[#b2b2b2]" }) }),
-                /* @__PURE__ */ i("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: [
+                /* @__PURE__ */ e("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__ */ e(t.icon, { className: "mint:w-5 mint:h-5 mint:text-[#424242] mint:dark:text-[#b2b2b2]" }) }),
+                /* @__PURE__ */ n("div", { className: "mint:flex mint:flex-col mint:flex-1 mint:min-w-0 mint:text-left", children: [
+                  /* @__PURE__ */ 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", children: [
                     t.title,
-                    t.externalLink && /* @__PURE__ */ e(T, { className: "mint:w-3 mint:h-3 mint:text-[#6b7280] mint:dark:text-[#9ca3af] mint:flex-shrink-0" })
+                    t.externalLink && /* @__PURE__ */ e(y, { className: "mint:w-3 mint:h-3 mint:text-[#6b7280] mint:dark:text-[#9ca3af] mint:shrink-0" })
                   ] }),
                   /* @__PURE__ */ e("div", { className: "mint:text-xs mint:text-[#6b7280] mint:dark:text-[#9ca3af] mint:mt-0.5", children: t.description })
                 ] })
               ]
             },
-            t.id + b
+            t.id + x
           )) })
         ] })
       ]
@@ -157,6 +163,6 @@ const B = ({
   );
 };
 export {
-  B as PageContextMenu
+  J 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  ArrowUpRightRegular,\n  DocumentTextRegular,\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\ntype ContextualOption = {\n  id: string;\n  title: string;\n  description: string;\n  icon: React.ElementType;\n  action: () => void;\n  externalLink?: boolean;\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      externalLink: true,\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      externalLink: true,\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      externalLink: true,\n    });\n  }\n\n  const firstOption = options[0];\n\n  return (\n    <div\n      className={cn(\n        \"mint:flex mint:items-center mint:flex-shrink-0\",\n        className\n      )}\n      ref={dropdownRef}\n    >\n      <button\n        className={cn(\n          \"mint:rounded-xl 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              <span>{isCopied ? \"Copied\" : \"Copy Page\"}</span>\n            </>\n          ) : (\n            <>\n              <firstOption.icon className=\"mint:w-5 mint:h-5 mint:text-[#424242] mint:dark:text-[#b2b2b2]\" />\n              <span>{firstOption.title}</span>\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-xl mint:rounded-br-xl 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:py-1.5 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-xl 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-none 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:flex-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                      {option.externalLink && (\n                        <ArrowUpRightRegular className=\"mint:w-3 mint:h-3 mint:text-[#6b7280] mint:dark:text-[#9ca3af] mint:flex-shrink-0\" />\n                      )}\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","ArrowUpRightRegular"],"mappings":"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"}
+{"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  ArrowUpRightRegular,\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  externalLink?: boolean;\n};\n\nexport interface PageContextMenuProps {\n  className?: string;\n  pathname: string;\n  markdownContent?: string;\n  /** Callback fired after markdown is successfully copied */\n  onCopyMarkdown?: () => void;\n  /** Custom handler for \"Copy Page\" action. If provided, replaces default copy behavior. */\n  onCopyPage?: () => void | Promise<void>;\n  /** Custom handler for \"View as Markdown\" action. If provided, replaces default view behavior. */\n  onViewMarkdown?: (pathname: string) => void;\n  /** Custom handler for \"View llms.txt\" action. If provided, replaces default behavior. */\n  onViewLlmsTxt?: () => void;\n  /** Custom handler for \"View llms-full.txt\" action. If provided, replaces default behavior. */\n  onViewLlmsFullTxt?: () => void;\n  allPages?: LlmsPageConfig[];\n  baseUrl?: string;\n  customActions?: ContextualOption[];\n}\n\nexport const PageContextMenu = ({\n  className,\n  pathname,\n  markdownContent,\n  onCopyMarkdown,\n  onCopyPage,\n  onViewMarkdown,\n  onViewLlmsTxt,\n  onViewLlmsFullTxt,\n  allPages,\n  baseUrl,\n  customActions,\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      // Use custom copy handler if provided\n      if (onCopyPage) {\n        await onCopyPage();\n        onCopyMarkdown?.();\n      } else 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    if (onViewLlmsTxt) {\n      onViewLlmsTxt();\n    } else {\n      window.open(\"/docs/llms.txt\", \"_blank\");\n    }\n  };\n\n  const viewLlmsFullTxtFile = () => {\n    if (onViewLlmsFullTxt) {\n      onViewLlmsFullTxt();\n    } else {\n      window.open(\"/docs/llms-full.txt\", \"_blank\");\n    }\n  };\n\n  const wrapAction = (actionFn: () => void) => {\n    return () => {\n      setIsOpen(false);\n      actionFn();\n    };\n  };\n\n  const defaultOptions: 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      externalLink: true,\n    },\n  ];\n\n  if (allPages && baseUrl) {\n    defaultOptions.push({\n      id: \"llms\",\n      title: \"View llms.txt\",\n      description: \"View generated llms.txt file\",\n      icon: DocumentOnePageSparkleRegular,\n      action: wrapAction(viewLlmsTxtFile),\n      externalLink: true,\n    });\n    defaultOptions.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      externalLink: true,\n    });\n  }\n\n  // Use custom actions if provided, otherwise use default options\n  const options: ContextualOption[] = customActions\n    ? customActions.map((action) => ({\n        ...action,\n        action: wrapAction(action.action),\n      }))\n    : defaultOptions;\n\n  const firstOption = options[0];\n\n  return (\n    <div\n      className={cn(\"mint:flex mint:items-center mint:shrink-0\", className)}\n      ref={dropdownRef}\n    >\n      <button\n        className={cn(\n          \"mint:rounded-xl 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              <span>{isCopied ? \"Copied\" : \"Copy Page\"}</span>\n            </>\n          ) : (\n            <>\n              <firstOption.icon className=\"mint:w-5 mint:h-5 mint:text-[#424242] mint:dark:text-[#b2b2b2]\" />\n              <span>{firstOption.title}</span>\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-xl mint:rounded-br-xl 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:py-1.5 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-xl 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-none 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                      {option.externalLink && (\n                        <ArrowUpRightRegular className=\"mint:w-3 mint:h-3 mint:text-[#6b7280] mint:dark:text-[#9ca3af] mint:shrink-0\" />\n                      )}\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","onCopyPage","onViewMarkdown","onViewLlmsTxt","onViewLlmsFullTxt","allPages","baseUrl","customActions","isOpen","setIsOpen","useState","isCopied","setIsCopied","dropdownRef","useRef","useEffect","timeout","handleClickOutside","event","copyPageAsMarkdown","clipboardItem","copyMarkdownToClipboard","error","viewAsMarkdown","viewLlmsTxtFile","viewLlmsFullTxtFile","wrapAction","actionFn","defaultOptions","CopyRegular","MarkdownRegular","DocumentOnePageSparkleRegular","DocumentOnePageMultipleSparkleRegular","options","action","firstOption","jsxs","cn","jsx","Fragment","ChevronDownRegular","option","index","ArrowUpRightRegular"],"mappings":"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"}

package/dist/components/toc/index.js

@@ -1,4 +1,4 @@
-import { jsx as d, jsxs as S } from "react/jsx-runtime";
+import { jsx as d, jsxs as k } from "react/jsx-runtime";
 import { useState as y, useRef as w, useEffect as B } from "react";
 import { cn as A } from "../../utils/cn.js";
 function j({ toc: i }) {
@@ -21,16 +21,16 @@ function j({ toc: i }) {
       if (!e) return (p = i[0]) == null ? void 0 : p.slug;
       const r = window.getComputedStyle(document.documentElement), E = parseFloat(
         r.getPropertyValue("--scroll-mt") || "0"
-      ), R = parseFloat(r.fontSize), k = E * R + 100, h = e.scrollTop, f = i.map((s) => {
+      ), R = parseFloat(r.fontSize), C = E * R + 100, h = e.scrollTop, f = i.map((s) => {
         const v = document.getElementById(s.slug);
         if (!v) return null;
-        const C = v.getBoundingClientRect(), I = e.getBoundingClientRect(), L = C.top - I.top + h;
-        return { id: s.slug, top: L };
+        const I = v.getBoundingClientRect(), L = e.getBoundingClientRect(), S = I.top - L.top + h;
+        return { id: s.slug, top: S };
       }).filter(Boolean);
       if (f.length === 0) return (b = i[0]) == null ? void 0 : b.slug;
       let a = f[0];
       for (const s of f)
-        h + k >= s.top && (a = s);
+        h + C >= s.top && (a = s);
       return a == null ? void 0 : a.id;
     }, l = () => {
       if (o.current) return;
@@ -44,17 +44,17 @@ function j({ toc: i }) {
     return n || (u = setTimeout(l, 100)), () => {
       u && clearTimeout(u), t.current && clearTimeout(t.current), window.removeEventListener("hashchange", m), e ? e.removeEventListener("scroll", l) : window.removeEventListener("scroll", l);
     };
-  }, [i]), /* @__PURE__ */ d("ul", { className: "mint:flex mint:flex-col mint:gap-1 mint:text-sm mint:text-[#6b7280] mint:dark:text-[#9ca3af] mint:font-medium mint:relative mint:pl-[0.15rem] mint:before:content-[''] mint:before:absolute mint:before:left-[0.15rem] mint:before:top-0 mint:before:bottom-0 mint:before:w-[3px] mint:before:bg-[#f2f3f3] mint:dark:before:bg-[#222223] mint:before:rounded-full", children: i.map((n, m) => {
+  }, [i]), /* @__PURE__ */ d("ul", { className: "mint:flex mint:flex-col mint:gap-2 mint:text-sm mint:font-medium mint:relative mint:pl-[0.15rem] mint:before:content-[''] mint:before:absolute mint:before:top-0 mint:before:bottom-0 mint:before:w-[3px] mint:before:bg-[#f2f3f3] mint:dark:before:bg-[#222223] mint:before:rounded-full", children: i.map((n, m) => {
     const e = x === n.slug;
-    return /* @__PURE__ */ S("li", { className: "mint:relative", children: [
-      e && /* @__PURE__ */ d("div", { className: "mint:absolute mint:left-0 mint:top-0 mint:bottom-0 mint:w-[3px] mint:rounded-full mint:bg-[#643fb2] mint:dark:bg-[#c9aaf9] mint:z-[1]" }),
+    return /* @__PURE__ */ k("li", { className: "mint:relative", children: [
+      e && /* @__PURE__ */ d("div", { className: "mint:absolute mint:left-0 mint:top-0 mint:bottom-0 mint:w-[3px] mint:rounded-full mint:bg-[#643fb2] mint:dark:bg-[#c9aaf9] mint:z-1" }),
       /* @__PURE__ */ d(
         "a",
         {
           href: `#${n.slug}`,
           className: A(
-            "mint:block mint:pl-6 mint:leading-[1.625] mint:transition-colors mint:duration-150 mint:no-underline",
-            e ? "mint:text-[#643fb2] mint:dark:text-[#c9aaf9]" : "mint:hover:text-[#111827] mint:dark:hover:text-[#d1d5db]"
+            "mint:block mint:pl-6 mint:leading-relaxed mint:transition-colors mint:duration-150 mint:no-underline",
+            e ? "mint:text-[#643fb2] mint:dark:text-[#c9aaf9] font-semibold" : "mint:text-[#424242] mint:hover:text-[#111827] mint:dark:hover:text-[#d1d5db]"
           ),
           children: n.title
         }

package/dist/components/toc/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/toc/index.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport type { TocItem } from \"../../types\";\nimport { cn } from \"../../utils/cn\";\n\ninterface TableOfContentsProps {\n  toc: TocItem[];\n}\n\nexport function TableOfContents({ toc }: TableOfContentsProps) {\n  const [activeId, setActiveId] = useState(\"\");\n  const ignoreScrollRef = useRef(false);\n  const ignoreTimeoutRef = useRef<NodeJS.Timeout>();\n\n  useEffect(() => {\n    if (toc.length === 0) return;\n\n    ignoreScrollRef.current = false;\n    if (ignoreTimeoutRef.current) {\n      clearTimeout(ignoreTimeoutRef.current);\n    }\n\n    const hash = window.location.hash.slice(1);\n    if (hash) {\n      setActiveId(hash);\n      ignoreScrollRef.current = true;\n      ignoreTimeoutRef.current = setTimeout(() => {\n        ignoreScrollRef.current = false;\n      }, 1000);\n    } else {\n      setActiveId(toc[0]?.slug || \"\");\n    }\n\n    const handleHashChange = () => {\n      const hash = window.location.hash.slice(1);\n      if (hash) {\n        setActiveId(hash);\n        ignoreScrollRef.current = true;\n        if (ignoreTimeoutRef.current) {\n          clearTimeout(ignoreTimeoutRef.current);\n        }\n        ignoreTimeoutRef.current = setTimeout(() => {\n          ignoreScrollRef.current = false;\n        }, 1000);\n      }\n    };\n\n    const scrollContainer = document.getElementById(\"main-content\");\n\n    const getActiveHeading = () => {\n      if (!scrollContainer) return toc[0]?.slug;\n\n      const style = window.getComputedStyle(document.documentElement);\n      const scrollMtRem = parseFloat(\n        style.getPropertyValue(\"--scroll-mt\") || \"0\"\n      );\n      const fontSize = parseFloat(style.fontSize);\n      const scrollOffset = scrollMtRem * fontSize + 100;\n\n      const scrollY = scrollContainer.scrollTop;\n\n      const headingPositions = toc\n        .map((item) => {\n          const element = document.getElementById(item.slug);\n          if (!element) return null;\n\n          const rect = element.getBoundingClientRect();\n          const containerRect = scrollContainer.getBoundingClientRect();\n          const relativeTop = rect.top - containerRect.top + scrollY;\n\n          return { id: item.slug, top: relativeTop };\n        })\n        .filter(Boolean) as Array<{ id: string; top: number }>;\n\n      if (headingPositions.length === 0) return toc[0]?.slug;\n\n      let currentHeading = headingPositions[0];\n      for (const heading of headingPositions) {\n        if (scrollY + scrollOffset >= heading.top) {\n          currentHeading = heading;\n        }\n      }\n\n      return currentHeading?.id;\n    };\n\n    const handleScroll = () => {\n      if (ignoreScrollRef.current) return;\n\n      const newActiveId = getActiveHeading();\n      if (newActiveId) {\n        setActiveId(newActiveId);\n      }\n    };\n\n    window.addEventListener(\"hashchange\", handleHashChange);\n\n    if (scrollContainer) {\n      scrollContainer.addEventListener(\"scroll\", handleScroll, {\n        passive: true,\n      });\n    } else {\n      window.addEventListener(\"scroll\", handleScroll, { passive: true });\n    }\n\n    let timeoutId: NodeJS.Timeout | undefined;\n    if (!hash) {\n      timeoutId = setTimeout(handleScroll, 100);\n    }\n\n    return () => {\n      if (timeoutId) clearTimeout(timeoutId);\n      if (ignoreTimeoutRef.current) clearTimeout(ignoreTimeoutRef.current);\n      window.removeEventListener(\"hashchange\", handleHashChange);\n      if (scrollContainer) {\n        scrollContainer.removeEventListener(\"scroll\", handleScroll);\n      } else {\n        window.removeEventListener(\"scroll\", handleScroll);\n      }\n    };\n  }, [toc]);\n\n  return (\n    <ul className=\"mint:flex mint:flex-col mint:gap-1 mint:text-sm mint:text-[#6b7280] mint:dark:text-[#9ca3af] mint:font-medium mint:relative mint:pl-[0.15rem] mint:before:content-[''] mint:before:absolute mint:before:left-[0.15rem] mint:before:top-0 mint:before:bottom-0 mint:before:w-[3px] mint:before:bg-[#f2f3f3] mint:dark:before:bg-[#222223] mint:before:rounded-full\">\n      {toc.map((item, index) => {\n        const isActive = activeId === item.slug;\n        return (\n          <li key={`${item.slug}-${index}`} className=\"mint:relative\">\n            {isActive && (\n              <div className=\"mint:absolute mint:left-0 mint:top-0 mint:bottom-0 mint:w-[3px] mint:rounded-full mint:bg-[#643fb2] mint:dark:bg-[#c9aaf9] mint:z-[1]\" />\n            )}\n            <a\n              href={`#${item.slug}`}\n              className={cn(\n                \"mint:block mint:pl-6 mint:leading-[1.625] mint:transition-colors mint:duration-150 mint:no-underline\",\n                isActive\n                  ? \"mint:text-[#643fb2] mint:dark:text-[#c9aaf9]\"\n                  : \"mint:hover:text-[#111827] mint:dark:hover:text-[#d1d5db]\"\n              )}\n            >\n              {item.title}\n            </a>\n          </li>\n        );\n      })}\n    </ul>\n  );\n}\n"],"names":["TableOfContents","toc","activeId","setActiveId","useState","ignoreScrollRef","useRef","ignoreTimeoutRef","useEffect","hash","_a","handleHashChange","scrollContainer","getActiveHeading","style","scrollMtRem","fontSize","scrollOffset","scrollY","headingPositions","item","element","rect","containerRect","relativeTop","_b","currentHeading","heading","handleScroll","newActiveId","timeoutId","jsx","index","isActive","jsxs","cn"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/toc/index.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport type { TocItem } from \"../../types\";\nimport { cn } from \"../../utils/cn\";\n\ninterface TableOfContentsProps {\n  toc: TocItem[];\n}\n\nexport function TableOfContents({ toc }: TableOfContentsProps) {\n  const [activeId, setActiveId] = useState(\"\");\n  const ignoreScrollRef = useRef(false);\n  const ignoreTimeoutRef = useRef<NodeJS.Timeout>();\n\n  useEffect(() => {\n    if (toc.length === 0) return;\n\n    ignoreScrollRef.current = false;\n    if (ignoreTimeoutRef.current) {\n      clearTimeout(ignoreTimeoutRef.current);\n    }\n\n    const hash = window.location.hash.slice(1);\n    if (hash) {\n      setActiveId(hash);\n      ignoreScrollRef.current = true;\n      ignoreTimeoutRef.current = setTimeout(() => {\n        ignoreScrollRef.current = false;\n      }, 1000);\n    } else {\n      setActiveId(toc[0]?.slug || \"\");\n    }\n\n    const handleHashChange = () => {\n      const hash = window.location.hash.slice(1);\n      if (hash) {\n        setActiveId(hash);\n        ignoreScrollRef.current = true;\n        if (ignoreTimeoutRef.current) {\n          clearTimeout(ignoreTimeoutRef.current);\n        }\n        ignoreTimeoutRef.current = setTimeout(() => {\n          ignoreScrollRef.current = false;\n        }, 1000);\n      }\n    };\n\n    const scrollContainer = document.getElementById(\"main-content\");\n\n    const getActiveHeading = () => {\n      if (!scrollContainer) return toc[0]?.slug;\n\n      const style = window.getComputedStyle(document.documentElement);\n      const scrollMtRem = parseFloat(\n        style.getPropertyValue(\"--scroll-mt\") || \"0\"\n      );\n      const fontSize = parseFloat(style.fontSize);\n      const scrollOffset = scrollMtRem * fontSize + 100;\n\n      const scrollY = scrollContainer.scrollTop;\n\n      const headingPositions = toc\n        .map((item) => {\n          const element = document.getElementById(item.slug);\n          if (!element) return null;\n\n          const rect = element.getBoundingClientRect();\n          const containerRect = scrollContainer.getBoundingClientRect();\n          const relativeTop = rect.top - containerRect.top + scrollY;\n\n          return { id: item.slug, top: relativeTop };\n        })\n        .filter(Boolean) as Array<{ id: string; top: number }>;\n\n      if (headingPositions.length === 0) return toc[0]?.slug;\n\n      let currentHeading = headingPositions[0];\n      for (const heading of headingPositions) {\n        if (scrollY + scrollOffset >= heading.top) {\n          currentHeading = heading;\n        }\n      }\n\n      return currentHeading?.id;\n    };\n\n    const handleScroll = () => {\n      if (ignoreScrollRef.current) return;\n\n      const newActiveId = getActiveHeading();\n      if (newActiveId) {\n        setActiveId(newActiveId);\n      }\n    };\n\n    window.addEventListener(\"hashchange\", handleHashChange);\n\n    if (scrollContainer) {\n      scrollContainer.addEventListener(\"scroll\", handleScroll, {\n        passive: true,\n      });\n    } else {\n      window.addEventListener(\"scroll\", handleScroll, { passive: true });\n    }\n\n    let timeoutId: NodeJS.Timeout | undefined;\n    if (!hash) {\n      timeoutId = setTimeout(handleScroll, 100);\n    }\n\n    return () => {\n      if (timeoutId) clearTimeout(timeoutId);\n      if (ignoreTimeoutRef.current) clearTimeout(ignoreTimeoutRef.current);\n      window.removeEventListener(\"hashchange\", handleHashChange);\n      if (scrollContainer) {\n        scrollContainer.removeEventListener(\"scroll\", handleScroll);\n      } else {\n        window.removeEventListener(\"scroll\", handleScroll);\n      }\n    };\n  }, [toc]);\n\n  return (\n    <ul className=\"mint:flex mint:flex-col mint:gap-2 mint:text-sm mint:font-medium mint:relative mint:pl-[0.15rem] mint:before:content-[''] mint:before:absolute mint:before:top-0 mint:before:bottom-0 mint:before:w-[3px] mint:before:bg-[#f2f3f3] mint:dark:before:bg-[#222223] mint:before:rounded-full\">\n      {toc.map((item, index) => {\n        const isActive = activeId === item.slug;\n        return (\n          <li key={`${item.slug}-${index}`} className=\"mint:relative\">\n            {isActive && (\n              <div className=\"mint:absolute mint:left-0 mint:top-0 mint:bottom-0 mint:w-[3px] mint:rounded-full mint:bg-[#643fb2] mint:dark:bg-[#c9aaf9] mint:z-1\" />\n            )}\n            <a\n              href={`#${item.slug}`}\n              className={cn(\n                \"mint:block mint:pl-6 mint:leading-relaxed mint:transition-colors mint:duration-150 mint:no-underline\",\n                isActive\n                  ? \"mint:text-[#643fb2] mint:dark:text-[#c9aaf9] font-semibold\"\n                  : \"mint:text-[#424242] mint:hover:text-[#111827] mint:dark:hover:text-[#d1d5db]\"\n              )}\n            >\n              {item.title}\n            </a>\n          </li>\n        );\n      })}\n    </ul>\n  );\n}\n"],"names":["TableOfContents","toc","activeId","setActiveId","useState","ignoreScrollRef","useRef","ignoreTimeoutRef","useEffect","hash","_a","handleHashChange","scrollContainer","getActiveHeading","style","scrollMtRem","fontSize","scrollOffset","scrollY","headingPositions","item","element","rect","containerRect","relativeTop","_b","currentHeading","heading","handleScroll","newActiveId","timeoutId","jsx","index","isActive","jsxs","cn"],"mappings":";;;AAQO,SAASA,EAAgB,EAAE,KAAAC,KAA6B;AAC7D,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAE,GACrCC,IAAkBC,EAAO,EAAK,GAC9BC,IAAmBD,EAAA;AAEzB,SAAAE,EAAU,MAAM;;AACd,QAAIP,EAAI,WAAW,EAAG;AAEtB,IAAAI,EAAgB,UAAU,IACtBE,EAAiB,WACnB,aAAaA,EAAiB,OAAO;AAGvC,UAAME,IAAO,OAAO,SAAS,KAAK,MAAM,CAAC;AACzC,IAAIA,KACFN,EAAYM,CAAI,GAChBJ,EAAgB,UAAU,IAC1BE,EAAiB,UAAU,WAAW,MAAM;AAC1C,MAAAF,EAAgB,UAAU;AAAA,IAC5B,GAAG,GAAI,KAEPF,IAAYO,IAAAT,EAAI,CAAC,MAAL,gBAAAS,EAAQ,SAAQ,EAAE;AAGhC,UAAMC,IAAmB,MAAM;AAC7B,YAAMF,IAAO,OAAO,SAAS,KAAK,MAAM,CAAC;AACzC,MAAIA,MACFN,EAAYM,CAAI,GAChBJ,EAAgB,UAAU,IACtBE,EAAiB,WACnB,aAAaA,EAAiB,OAAO,GAEvCA,EAAiB,UAAU,WAAW,MAAM;AAC1C,QAAAF,EAAgB,UAAU;AAAA,MAC5B,GAAG,GAAI;AAAA,IAEX,GAEMO,IAAkB,SAAS,eAAe,cAAc,GAExDC,IAAmB,MAAM;;AAC7B,UAAI,CAACD,EAAiB,SAAOF,IAAAT,EAAI,CAAC,MAAL,gBAAAS,EAAQ;AAErC,YAAMI,IAAQ,OAAO,iBAAiB,SAAS,eAAe,GACxDC,IAAc;AAAA,QAClBD,EAAM,iBAAiB,aAAa,KAAK;AAAA,MAAA,GAErCE,IAAW,WAAWF,EAAM,QAAQ,GACpCG,IAAeF,IAAcC,IAAW,KAExCE,IAAUN,EAAgB,WAE1BO,IAAmBlB,EACtB,IAAI,CAACmB,MAAS;AACb,cAAMC,IAAU,SAAS,eAAeD,EAAK,IAAI;AACjD,YAAI,CAACC,EAAS,QAAO;AAErB,cAAMC,IAAOD,EAAQ,sBAAA,GACfE,IAAgBX,EAAgB,sBAAA,GAChCY,IAAcF,EAAK,MAAMC,EAAc,MAAML;AAEnD,eAAO,EAAE,IAAIE,EAAK,MAAM,KAAKI,EAAA;AAAA,MAC/B,CAAC,EACA,OAAO,OAAO;AAEjB,UAAIL,EAAiB,WAAW,EAAG,SAAOM,IAAAxB,EAAI,CAAC,MAAL,gBAAAwB,EAAQ;AAElD,UAAIC,IAAiBP,EAAiB,CAAC;AACvC,iBAAWQ,KAAWR;AACpB,QAAID,IAAUD,KAAgBU,EAAQ,QACpCD,IAAiBC;AAIrB,aAAOD,KAAA,gBAAAA,EAAgB;AAAA,IACzB,GAEME,IAAe,MAAM;AACzB,UAAIvB,EAAgB,QAAS;AAE7B,YAAMwB,IAAchB,EAAA;AACpB,MAAIgB,KACF1B,EAAY0B,CAAW;AAAA,IAE3B;AAEA,WAAO,iBAAiB,cAAclB,CAAgB,GAElDC,IACFA,EAAgB,iBAAiB,UAAUgB,GAAc;AAAA,MACvD,SAAS;AAAA,IAAA,CACV,IAED,OAAO,iBAAiB,UAAUA,GAAc,EAAE,SAAS,IAAM;AAGnE,QAAIE;AACJ,WAAKrB,MACHqB,IAAY,WAAWF,GAAc,GAAG,IAGnC,MAAM;AACX,MAAIE,kBAAwBA,CAAS,GACjCvB,EAAiB,WAAS,aAAaA,EAAiB,OAAO,GACnE,OAAO,oBAAoB,cAAcI,CAAgB,GACrDC,IACFA,EAAgB,oBAAoB,UAAUgB,CAAY,IAE1D,OAAO,oBAAoB,UAAUA,CAAY;AAAA,IAErD;AAAA,EACF,GAAG,CAAC3B,CAAG,CAAC,GAGN,gBAAA8B,EAAC,QAAG,WAAU,6RACX,YAAI,IAAI,CAACX,GAAMY,MAAU;AACxB,UAAMC,IAAW/B,MAAakB,EAAK;AACnC,WACE,gBAAAc,EAAC,MAAA,EAAiC,WAAU,iBACzC,UAAA;AAAA,MAAAD,KACC,gBAAAF,EAAC,OAAA,EAAI,WAAU,sIAAA,CAAsI;AAAA,MAEvJ,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAM,IAAIX,EAAK,IAAI;AAAA,UACnB,WAAWe;AAAA,YACT;AAAA,YACAF,IACI,+DACA;AAAA,UAAA;AAAA,UAGL,UAAAb,EAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IACR,EAAA,GAdO,GAAGA,EAAK,IAAI,IAAIY,CAAK,EAe9B;AAAA,EAEJ,CAAC,EAAA,CACH;AAEJ;"}