@mintlify/msft-sdk 1.1.1 → 1.1.4

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

@@ -1,143 +1,160 @@
-import { jsxs as n, jsx as i, Fragment as h } from "react/jsx-runtime";
-import { useState as x, useRef as T, useEffect as v } from "react";
-import { CopyRegular as N, MarkdownRegular as O, ChevronDownRegular as P, ArrowUpRightRegular as F, DocumentOnePageSparkleRegular as y, DocumentOnePageMultipleSparkleRegular as A } from "@fluentui/react-icons";
-import { copyMarkdownToClipboard as D } from "../hooks/useMarkdownCopy.js";
-import e from "./page-context-menu.module.css.js";
+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: b,
+  className: v,
   pathname: d,
-  markdownContent: w,
-  onCopyMarkdown: l,
-  onViewMarkdown: f,
-  allPages: I,
-  baseUrl: k
+  markdownContent: u,
+  onCopyMarkdown: n,
+  onViewMarkdown: p,
+  allPages: N,
+  baseUrl: _
 }) => {
-  const [o, m] = x(!1), [c, g] = x(!1), p = T(null);
-  v(() => {
-    if (c) {
+  const [r, s] = h(!1), [a, g] = h(!1), c = P(null);
+  w(() => {
+    if (a) {
       const t = setTimeout(() => {
         g(!1);
       }, 2e3);
       return () => clearTimeout(t);
     }
-  }, [c]), v(() => {
-    const t = (u) => {
-      p.current && !p.current.contains(u.target) && m(!1);
+  }, [a]), w(() => {
+    const t = (b) => {
+      c.current && !c.current.contains(b.target) && s(!1);
     };
-    return o && document.addEventListener("mousedown", t), () => {
+    return r && document.addEventListener("mousedown", t), () => {
       document.removeEventListener("mousedown", t);
     };
-  }, [o]);
+  }, [r]);
   const R = async () => {
     g(!0);
     try {
-      if (w) {
+      if (u) {
         const t = new ClipboardItem({
-          "text/plain": new Blob([w], { type: "text/plain" })
+          "text/plain": new Blob([u], { type: "text/plain" })
         });
-        await navigator.clipboard.write([t]), l == null || l();
+        await navigator.clipboard.write([t]), n == null || n();
       } else
-        D({
+        S({
           pathname: d,
           onSuccess: () => {
-            l == null || l();
+            n == null || n();
           }
         });
     } catch (t) {
       console.error("Failed to copy markdown:", t);
     }
+  }, y = () => {
+    p ? p(d) : window.open(`${d}.md`, "_blank");
   }, L = () => {
-    f ? f(d) : window.open(`${d}.md`, "_blank");
-  }, $ = () => {
     window.open("/docs/llms.txt", "_blank");
-  }, C = () => {
+  }, O = () => {
     window.open("/docs/llms-full.txt", "_blank");
-  }, r = (t) => () => {
-    m(!1), t();
-  }, s = [
+  }, l = (t) => () => {
+    s(!1), t();
+  }, m = [
     {
       id: "copy",
       title: "Copy Page",
       description: "Copy page as markdown",
-      icon: N,
-      action: r(R)
+      icon: k,
+      action: l(R)
     },
     {
       id: "view",
       title: "View as Markdown",
       description: "View this page as plain text",
-      icon: O,
-      action: r(L),
+      icon: C,
+      action: l(y),
       externalLink: !0
     }
   ];
-  I && k && (s.push({
+  N && _ && (m.push({
     id: "llms",
     title: "View llms.txt",
     description: "View generated llms.txt file",
-    icon: y,
-    action: r($),
+    icon: A,
+    action: l(L),
     externalLink: !0
-  }), s.push({
+  }), m.push({
     id: "llms-full",
     title: "View llms-full.txt",
     description: "Generated llms-full.txt file",
-    icon: A,
-    action: r(C),
+    icon: I,
+    action: l(O),
     externalLink: !0
   }));
-  const a = s[0];
-  return /* @__PURE__ */ n("div", { className: `${e.container} ${b || ""}`, ref: p, children: [
-    /* @__PURE__ */ i(
-      "button",
-      {
-        className: `${e.mainButton} ${s.length > 1 ? e.split : ""} ${c ? e.copied : ""}`,
-        onClick: () => {
-          a.action();
-        },
-        children: /* @__PURE__ */ i("div", { className: e.buttonContent, children: a.id === "copy" ? /* @__PURE__ */ n(h, { children: [
-          /* @__PURE__ */ i(N, { className: e.icon }),
-          /* @__PURE__ */ i("span", { children: c ? "Copied" : "Copy Page" })
-        ] }) : /* @__PURE__ */ n(h, { children: [
-          /* @__PURE__ */ i(a.icon, { className: e.icon }),
-          /* @__PURE__ */ i("span", { children: a.title })
-        ] }) })
-      }
-    ),
-    s.length > 1 && /* @__PURE__ */ n("div", { className: e.dropdownWrapper, children: [
-      /* @__PURE__ */ i(
-        "button",
-        {
-          className: e.dropdownToggle,
-          onClick: () => m(!o),
-          children: /* @__PURE__ */ i(
-            P,
+  const o = m[0];
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      className: x(
+        "mint:flex mint:items-center mint:flex-shrink-0",
+        v
+      ),
+      ref: c,
+      children: [
+        /* @__PURE__ */ e(
+          "button",
+          {
+            className: x(
+              "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",
+              a && "mint:text-[#6b7280] mint:dark:text-[#9ca3af]"
+            ),
+            onClick: () => {
+              o.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]" }),
+              /* @__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 })
+            ] }) })
+          }
+        ),
+        m.length > 1 && /* @__PURE__ */ i("div", { className: "mint:relative", children: [
+          /* @__PURE__ */ e(
+            "button",
             {
-              className: `${e.chevron} ${o ? e.open : ""}`
+              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),
+              children: /* @__PURE__ */ e(
+                F,
+                {
+                  className: x(
+                    "mint:w-4 mint:h-4 mint:transition-transform mint:duration-150",
+                    r && "mint:rotate-180"
+                  )
+                }
+              )
             }
-          )
-        }
-      ),
-      o && /* @__PURE__ */ i("div", { className: e.dropdown, children: s.map((t, u) => /* @__PURE__ */ n(
-        "button",
-        {
-          onClick: t.action,
-          className: e.dropdownItem,
-          children: [
-            /* @__PURE__ */ i("div", { className: e.dropdownIconWrapper, children: /* @__PURE__ */ i(t.icon, { className: e.dropdownIcon }) }),
-            /* @__PURE__ */ n("div", { className: e.dropdownItemContent, children: [
-              /* @__PURE__ */ n("div", { className: e.dropdownItemTitle, children: [
-                t.title,
-                t.externalLink && /* @__PURE__ */ i(F, { className: e.externalIcon })
-              ] }),
-              /* @__PURE__ */ i("div", { className: e.dropdownItemDescription, children: t.description })
-            ] })
-          ]
-        },
-        t.id + u
-      )) })
-    ] })
-  ] });
+          ),
+          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(
+            "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: [
+                    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" })
+                  ] }),
+                  /* @__PURE__ */ e("div", { className: "mint:text-xs mint:text-[#6b7280] mint:dark:text-[#9ca3af] mint:mt-0.5", children: t.description })
+                ] })
+              ]
+            },
+            t.id + b
+          )) })
+        ] })
+      ]
+    }
+  );
 };
 export {
   B as PageContextMenu

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 styles from \"./page-context-menu.module.css\";\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 className={`${styles.container} ${className || \"\"}`} ref={dropdownRef}>\n      <button\n        className={`${styles.mainButton} ${\n          options.length > 1 ? styles.split : \"\"\n        } ${isCopied ? styles.copied : \"\"}`}\n        onClick={() => {\n          void firstOption.action();\n        }}\n      >\n        <div className={styles.buttonContent}>\n          {firstOption.id === \"copy\" ? (\n            <>\n              <CopyRegular className={styles.icon} />\n              <span>{isCopied ? \"Copied\" : \"Copy Page\"}</span>\n            </>\n          ) : (\n            <>\n              <firstOption.icon className={styles.icon} />\n              <span>{firstOption.title}</span>\n            </>\n          )}\n        </div>\n      </button>\n\n      {options.length > 1 && (\n        <div className={styles.dropdownWrapper}>\n          <button\n            className={styles.dropdownToggle}\n            onClick={() => setIsOpen(!isOpen)}\n          >\n            <ChevronDownRegular\n              className={`${styles.chevron} ${isOpen ? styles.open : \"\"}`}\n            />\n          </button>\n\n          {isOpen && (\n            <div className={styles.dropdown}>\n              {options.map((option, index) => (\n                <button\n                  key={option.id + index}\n                  onClick={option.action}\n                  className={styles.dropdownItem}\n                >\n                  <div className={styles.dropdownIconWrapper}>\n                    <option.icon className={styles.dropdownIcon} />\n                  </div>\n                  <div className={styles.dropdownItemContent}>\n                    <div className={styles.dropdownItemTitle}>\n                      {option.title}\n                      {option.externalLink && (\n                        <ArrowUpRightRegular className={styles.externalIcon} />\n                      )}\n                    </div>\n                    <div className={styles.dropdownItemDescription}>\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","styles","jsx","Fragment","ChevronDownRegular","option","index","ArrowUpRightRegular"],"mappings":";;;;;AAiCO,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,GAAQC,CAAS,IAAIC,EAAS,EAAK,GACpC,CAACC,GAAUC,CAAW,IAAIF,EAAS,EAAK,GACxCG,IAAcC,EAAuB,IAAI;AAE/C,EAAAC,EAAU,MAAM;AACd,QAAIJ,GAAU;AACZ,YAAMK,IAAU,WAAW,MAAM;AAC/B,QAAAJ,EAAY,EAAK;AAAA,MACnB,GAAG,GAAI;AACP,aAAO,MAAM,aAAaI,CAAO;AAAA,IACnC;AAAA,EACF,GAAG,CAACL,CAAQ,CAAC,GAEbI,EAAU,MAAM;AACd,UAAME,IAAqB,CAACC,MAAsB;AAChD,MACEL,EAAY,WACZ,CAACA,EAAY,QAAQ,SAASK,EAAM,MAAc,KAElDT,EAAU,EAAK;AAAA,IAEnB;AAEA,WAAID,KACF,SAAS,iBAAiB,aAAaS,CAAkB,GAGpD,MAAM;AACX,eAAS,oBAAoB,aAAaA,CAAkB;AAAA,IAC9D;AAAA,EACF,GAAG,CAACT,CAAM,CAAC;AAEX,QAAMW,IAAqB,YAAY;AACrC,IAAAP,EAAY,EAAI;AAChB,QAAI;AACF,UAAIT,GAAiB;AACnB,cAAMiB,IAAgB,IAAI,cAAc;AAAA,UACtC,cAAc,IAAI,KAAK,CAACjB,CAAe,GAAG,EAAE,MAAM,aAAA,CAAc;AAAA,QAAA,CACjE;AACD,cAAM,UAAU,UAAU,MAAM,CAACiB,CAAa,CAAC,GAC/ChB,KAAA,QAAAA;AAAA,MACF;AACE,QAAAiB,EAAwB;AAAA,UACtB,UAAAnB;AAAA,UACA,WAAW,MAAM;AACf,YAAAE,KAAA,QAAAA;AAAA,UACF;AAAA,QAAA,CACD;AAAA,IAEL,SAASkB,GAAO;AACd,cAAQ,MAAM,4BAA4BA,CAAK;AAAA,IACjD;AAAA,EACF,GAEMC,IAAiB,MAAM;AAC3B,IAAIlB,IACFA,EAAeH,CAAQ,IAEvB,OAAO,KAAK,GAAGA,CAAQ,OAAO,QAAQ;AAAA,EAE1C,GAEMsB,IAAkB,MAAM;AAC5B,WAAO,KAAK,kBAAkB,QAAQ;AAAA,EACxC,GAEMC,IAAsB,MAAM;AAChC,WAAO,KAAK,uBAAuB,QAAQ;AAAA,EAC7C,GAEMC,IAAa,CAACC,MACX,MAAM;AACX,IAAAlB,EAAU,EAAK,GACfkB,EAAA;AAAA,EACF,GAGIC,IAA8B;AAAA,IAClC;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,aAAa;AAAA,MACb,MAAMC;AAAA,MACN,QAAQH,EAAWP,CAAkB;AAAA,IAAA;AAAA,IAEvC;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,aAAa;AAAA,MACb,MAAMW;AAAA,MACN,QAAQJ,EAAWH,CAAc;AAAA,MACjC,cAAc;AAAA,IAAA;AAAA,EAChB;AAGF,EAAIjB,KAAYC,MACdqB,EAAQ,KAAK;AAAA,IACX,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aAAa;AAAA,IACb,MAAMG;AAAA,IACN,QAAQL,EAAWF,CAAe;AAAA,IAClC,cAAc;AAAA,EAAA,CACf,GACDI,EAAQ,KAAK;AAAA,IACX,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aAAa;AAAA,IACb,MAAMI;AAAA,IACN,QAAQN,EAAWD,CAAmB;AAAA,IACtC,cAAc;AAAA,EAAA,CACf;AAGH,QAAMQ,IAAcL,EAAQ,CAAC;AAE7B,SACE,gBAAAM,EAAC,OAAA,EAAI,WAAW,GAAGC,EAAO,SAAS,IAAIlC,KAAa,EAAE,IAAI,KAAKY,GAC7D,UAAA;AAAA,IAAA,gBAAAuB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,GAAGD,EAAO,UAAU,IAC7BP,EAAQ,SAAS,IAAIO,EAAO,QAAQ,EACtC,IAAIxB,IAAWwB,EAAO,SAAS,EAAE;AAAA,QACjC,SAAS,MAAM;AACb,UAAKF,EAAY,OAAA;AAAA,QACnB;AAAA,QAEA,UAAA,gBAAAG,EAAC,SAAI,WAAWD,EAAO,eACpB,UAAAF,EAAY,OAAO,SAClB,gBAAAC,EAAAG,GAAA,EACE,UAAA;AAAA,UAAA,gBAAAD,EAACP,GAAA,EAAY,WAAWM,EAAO,KAAA,CAAM;AAAA,UACrC,gBAAAC,EAAC,QAAA,EAAM,UAAAzB,IAAW,WAAW,YAAA,CAAY;AAAA,QAAA,EAAA,CAC3C,IAEA,gBAAAuB,EAAAG,GAAA,EACE,UAAA;AAAA,UAAA,gBAAAD,EAACH,EAAY,MAAZ,EAAiB,WAAWE,EAAO,MAAM;AAAA,UAC1C,gBAAAC,EAAC,QAAA,EAAM,UAAAH,EAAY,MAAA,CAAM;AAAA,QAAA,EAAA,CAC3B,EAAA,CAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,IAGDL,EAAQ,SAAS,uBACf,OAAA,EAAI,WAAWO,EAAO,iBACrB,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWD,EAAO;AAAA,UAClB,SAAS,MAAM1B,EAAU,CAACD,CAAM;AAAA,UAEhC,UAAA,gBAAA4B;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,WAAW,GAAGH,EAAO,OAAO,IAAI3B,IAAS2B,EAAO,OAAO,EAAE;AAAA,YAAA;AAAA,UAAA;AAAA,QAC3D;AAAA,MAAA;AAAA,MAGD3B,KACC,gBAAA4B,EAAC,OAAA,EAAI,WAAWD,EAAO,UACpB,UAAAP,EAAQ,IAAI,CAACW,GAAQC,MACpB,gBAAAN;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,SAASK,EAAO;AAAA,UAChB,WAAWJ,EAAO;AAAA,UAElB,UAAA;AAAA,YAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAO,qBACrB,UAAA,gBAAAC,EAACG,EAAO,MAAP,EAAY,WAAWJ,EAAO,aAAA,CAAc,EAAA,CAC/C;AAAA,YACA,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAO,qBACrB,UAAA;AAAA,cAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAO,mBACpB,UAAA;AAAA,gBAAAI,EAAO;AAAA,gBACPA,EAAO,gBACN,gBAAAH,EAACK,GAAA,EAAoB,WAAWN,EAAO,aAAA,CAAc;AAAA,cAAA,GAEzD;AAAA,gCACC,OAAA,EAAI,WAAWA,EAAO,yBACpB,YAAO,YAAA,CACV;AAAA,YAAA,EAAA,CACF;AAAA,UAAA;AAAA,QAAA;AAAA,QAjBKI,EAAO,KAAKC;AAAA,MAAA,CAmBpB,EAAA,CACH;AAAA,IAAA,EAAA,CAEJ;AAAA,EAAA,GAEJ;AAEJ;"}
+{"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":";;;;;AAiCO,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,GAAQC,CAAS,IAAIC,EAAS,EAAK,GACpC,CAACC,GAAUC,CAAW,IAAIF,EAAS,EAAK,GACxCG,IAAcC,EAAuB,IAAI;AAE/C,EAAAC,EAAU,MAAM;AACd,QAAIJ,GAAU;AACZ,YAAMK,IAAU,WAAW,MAAM;AAC/B,QAAAJ,EAAY,EAAK;AAAA,MACnB,GAAG,GAAI;AACP,aAAO,MAAM,aAAaI,CAAO;AAAA,IACnC;AAAA,EACF,GAAG,CAACL,CAAQ,CAAC,GAEbI,EAAU,MAAM;AACd,UAAME,IAAqB,CAACC,MAAsB;AAChD,MACEL,EAAY,WACZ,CAACA,EAAY,QAAQ,SAASK,EAAM,MAAc,KAElDT,EAAU,EAAK;AAAA,IAEnB;AAEA,WAAID,KACF,SAAS,iBAAiB,aAAaS,CAAkB,GAGpD,MAAM;AACX,eAAS,oBAAoB,aAAaA,CAAkB;AAAA,IAC9D;AAAA,EACF,GAAG,CAACT,CAAM,CAAC;AAEX,QAAMW,IAAqB,YAAY;AACrC,IAAAP,EAAY,EAAI;AAChB,QAAI;AACF,UAAIT,GAAiB;AACnB,cAAMiB,IAAgB,IAAI,cAAc;AAAA,UACtC,cAAc,IAAI,KAAK,CAACjB,CAAe,GAAG,EAAE,MAAM,aAAA,CAAc;AAAA,QAAA,CACjE;AACD,cAAM,UAAU,UAAU,MAAM,CAACiB,CAAa,CAAC,GAC/ChB,KAAA,QAAAA;AAAA,MACF;AACE,QAAAiB,EAAwB;AAAA,UACtB,UAAAnB;AAAA,UACA,WAAW,MAAM;AACf,YAAAE,KAAA,QAAAA;AAAA,UACF;AAAA,QAAA,CACD;AAAA,IAEL,SAASkB,GAAO;AACd,cAAQ,MAAM,4BAA4BA,CAAK;AAAA,IACjD;AAAA,EACF,GAEMC,IAAiB,MAAM;AAC3B,IAAIlB,IACFA,EAAeH,CAAQ,IAEvB,OAAO,KAAK,GAAGA,CAAQ,OAAO,QAAQ;AAAA,EAE1C,GAEMsB,IAAkB,MAAM;AAC5B,WAAO,KAAK,kBAAkB,QAAQ;AAAA,EACxC,GAEMC,IAAsB,MAAM;AAChC,WAAO,KAAK,uBAAuB,QAAQ;AAAA,EAC7C,GAEMC,IAAa,CAACC,MACX,MAAM;AACX,IAAAlB,EAAU,EAAK,GACfkB,EAAA;AAAA,EACF,GAGIC,IAA8B;AAAA,IAClC;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,aAAa;AAAA,MACb,MAAMC;AAAA,MACN,QAAQH,EAAWP,CAAkB;AAAA,IAAA;AAAA,IAEvC;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,aAAa;AAAA,MACb,MAAMW;AAAA,MACN,QAAQJ,EAAWH,CAAc;AAAA,MACjC,cAAc;AAAA,IAAA;AAAA,EAChB;AAGF,EAAIjB,KAAYC,MACdqB,EAAQ,KAAK;AAAA,IACX,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aAAa;AAAA,IACb,MAAMG;AAAA,IACN,QAAQL,EAAWF,CAAe;AAAA,IAClC,cAAc;AAAA,EAAA,CACf,GACDI,EAAQ,KAAK;AAAA,IACX,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aAAa;AAAA,IACb,MAAMI;AAAA,IACN,QAAQN,EAAWD,CAAmB;AAAA,IACtC,cAAc;AAAA,EAAA,CACf;AAGH,QAAMQ,IAAcL,EAAQ,CAAC;AAE7B,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAlC;AAAA,MAAA;AAAA,MAEF,KAAKY;AAAA,MAEL,UAAA;AAAA,QAAA,gBAAAuB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWD;AAAA,cACT;AAAA,cACAP,EAAQ,SAAS,KACf;AAAA,cACFjB,KAAY;AAAA,YAAA;AAAA,YAEd,SAAS,MAAM;AACb,cAAKsB,EAAY,OAAA;AAAA,YACnB;AAAA,YAEA,4BAAC,OAAA,EAAI,WAAU,qHACZ,UAAAA,EAAY,OAAO,SAClB,gBAAAC,EAAAG,GAAA,EACE,UAAA;AAAA,cAAA,gBAAAD,EAACP,GAAA,EAAY,WAAU,iEAAA,CAAiE;AAAA,cACxF,gBAAAO,EAAC,QAAA,EAAM,UAAAzB,IAAW,WAAW,YAAA,CAAY;AAAA,YAAA,EAAA,CAC3C,IAEA,gBAAAuB,EAAAG,GAAA,EACE,UAAA;AAAA,cAAA,gBAAAD,EAACH,EAAY,MAAZ,EAAiB,WAAU,iEAAA,CAAiE;AAAA,cAC7F,gBAAAG,EAAC,QAAA,EAAM,UAAAH,EAAY,MAAA,CAAM;AAAA,YAAA,EAAA,CAC3B,EAAA,CAEJ;AAAA,UAAA;AAAA,QAAA;AAAA,QAGDL,EAAQ,SAAS,KAChB,gBAAAM,EAAC,OAAA,EAAI,WAAU,iBACb,UAAA;AAAA,UAAA,gBAAAE;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,SAAS,MAAM3B,EAAU,CAACD,CAAM;AAAA,cAEhC,UAAA,gBAAA4B;AAAA,gBAACE;AAAA,gBAAA;AAAA,kBACC,WAAWH;AAAA,oBACT;AAAA,oBACA3B,KAAU;AAAA,kBAAA;AAAA,gBACZ;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,UAGDA,uBACE,OAAA,EAAI,WAAU,yVACZ,UAAAoB,EAAQ,IAAI,CAACW,GAAQC,MACpB,gBAAAN;AAAA,YAAC;AAAA,YAAA;AAAA,cAEC,SAASK,EAAO;AAAA,cAChB,WAAU;AAAA,cAEV,UAAA;AAAA,gBAAA,gBAAAH,EAAC,OAAA,EAAI,WAAU,2HACb,UAAA,gBAAAA,EAACG,EAAO,MAAP,EAAY,WAAU,iEAAA,CAAiE,EAAA,CAC1F;AAAA,gBACA,gBAAAL,EAAC,OAAA,EAAI,WAAU,mEACb,UAAA;AAAA,kBAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,uHACZ,UAAA;AAAA,oBAAAK,EAAO;AAAA,oBACPA,EAAO,gBACN,gBAAAH,EAACK,GAAA,EAAoB,WAAU,oFAAA,CAAoF;AAAA,kBAAA,GAEvH;AAAA,kBACA,gBAAAL,EAAC,OAAA,EAAI,WAAU,yEACZ,YAAO,YAAA,CACV;AAAA,gBAAA,EAAA,CACF;AAAA,cAAA;AAAA,YAAA;AAAA,YAjBKG,EAAO,KAAKC;AAAA,UAAA,CAmBpB,EAAA,CACH;AAAA,QAAA,EAAA,CAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/components/page.js

@@ -1,98 +1,120 @@
-import { jsx as i, jsxs as n } from "react/jsx-runtime";
-import { MDXRenderer as u } from "./mdx-renderer.js";
-import { NavTree as T } from "./nav-tree/index.js";
-import { TableOfContents as I } from "./toc/index.js";
-import { PivotAwareTOC as $ } from "./toc/pivot-aware-toc.js";
-import { TextAlignLeftFilled as A } from "@fluentui/react-icons";
+import { jsx as t, jsxs as m } from "react/jsx-runtime";
+import { MDXRenderer as P } from "./mdx-renderer.js";
+import { NavTree as C } from "./nav-tree/index.js";
+import { TableOfContents as T } from "./toc/index.js";
+import { PivotAwareTOC as j } from "./toc/pivot-aware-toc.js";
+import { TextAlignLeftFilled as z } from "@fluentui/react-icons";
 import { PageContextMenu as O } from "./page-context-menu.js";
-import e from "./page.module.css.js";
+import { ComponentsProvider as A } from "../context/components-context.js";
+import { cn as l } from "../utils/cn.js";
 /* empty css            */
-import { ZonePivotProvider as S } from "./content-components/zone-pivots/zone-pivot-context.js";
-import { ZonePivotSelector as W } from "./content-components/zone-pivots/zone-pivot-selector.js";
-function L({
-  payload: t,
-  toc: r,
-  navTree: c,
-  dropdown: v,
-  activeHref: N,
-  theme: p,
-  className: f = "",
+import { ZonePivotProvider as D } from "./content-components/zone-pivots/zone-pivot-context.js";
+import { ZonePivotSelector as E } from "./content-components/zone-pivots/zone-pivot-selector.js";
+function B({
+  payload: i,
+  toc: n,
+  navTree: a,
+  dropdown: h,
+  activeHref: f,
+  theme: x,
+  className: p = "",
   pathname: o,
   markdownContent: g,
-  allPages: x,
-  baseUrl: C,
-  bottomLinks: P
+  allPages: v,
+  baseUrl: w,
+  bottomLinks: k,
+  LinkComponent: u
 }) {
-  var d, m;
-  const b = t.serializedContent, s = ((d = t.mdxExtracts) == null ? void 0 : d.zonePivotGroups) || [], a = (m = t.mdxExtracts) == null ? void 0 : m.pivotTocItems, l = !t.title;
-  return /* @__PURE__ */ i("div", { className: `${p === "dark" ? "dark" : ""} ${f}`, children: /* @__PURE__ */ n("div", { id: "page-container", className: e.pageContainer, children: [
-    c && /* @__PURE__ */ i("aside", { className: e.sidebar, "aria-label": "Sidebar navigation", children: /* @__PURE__ */ i("div", { className: e.sidebarInner, children: /* @__PURE__ */ i(
-      T,
-      {
-        navTree: c,
-        dropdown: v,
-        activeHref: N,
-        bottomLinks: P
-      }
-    ) }) }),
-    /* @__PURE__ */ i("div", { className: e.mainWrapper, children: /* @__PURE__ */ i(
-      "div",
-      {
-        id: "main-content",
-        className: `${e.mainContent} ${l ? e.mainContentNoTopPadding : ""}`,
-        children: /* @__PURE__ */ i(S, { groups: s, children: /* @__PURE__ */ n("div", { className: e.contentWrapper, children: [
-          r && r.length > 0 && /* @__PURE__ */ i("aside", { className: e.tocSidebar, children: /* @__PURE__ */ n("div", { className: e.tocInner, children: [
-            /* @__PURE__ */ n("div", { className: e.tocHeader, children: [
-              /* @__PURE__ */ i(A, { className: e.tocIcon }),
-              /* @__PURE__ */ i("h2", { className: e.tocTitle, children: "On this page" })
-            ] }),
-            a && Object.keys(a).length > 0 ? /* @__PURE__ */ i(
-              $,
+  var c, d;
+  const N = i.serializedContent, e = ((c = i.mdxExtracts) == null ? void 0 : c.zonePivotGroups) || [], r = (d = i.mdxExtracts) == null ? void 0 : d.pivotTocItems, s = !i.title;
+  return /* @__PURE__ */ t(A, { LinkComponent: u, children: /* @__PURE__ */ t("div", { className: l(x === "dark" && "dark", p), children: /* @__PURE__ */ m(
+    "div",
+    {
+      id: "page-container",
+      className: "mint:pr-2 mint:bg-[#f0f0f0] mint:dark:bg-[#0f0f0f]",
+      children: [
+        a && /* @__PURE__ */ t(
+          "aside",
+          {
+            className: "mint:fixed mint:z-10 mint:left-0 mint:top-14 mint:bottom-0 mint:w-[16.5rem] mint:overflow-hidden max-mint:lg:hidden mint:lg:block",
+            "aria-label": "Sidebar navigation",
+            children: /* @__PURE__ */ t("div", { className: "mint:p-4 mint:h-full mint:flex mint:flex-col", children: /* @__PURE__ */ t(
+              C,
               {
-                baseToc: r,
-                pivotTocItems: a
+                navTree: a,
+                dropdown: h,
+                activeHref: f,
+                bottomLinks: k
               }
-            ) : /* @__PURE__ */ i(I, { toc: r })
-          ] }) }),
-          /* @__PURE__ */ n(
-            "div",
-            {
-              className: `${e.contentArea} ${l ? e.contentAreaFullWidth : ""}`,
-              children: [
-                t.title && /* @__PURE__ */ i("header", { className: e.header, children: /* @__PURE__ */ n("div", { className: e.headerInner, children: [
-                  /* @__PURE__ */ n("div", { className: e.headerContent, children: [
-                    /* @__PURE__ */ i("h1", { className: e.title, children: t.title }),
-                    o && /* @__PURE__ */ i(
-                      O,
-                      {
-                        className: e.contextMenu,
-                        pathname: o,
-                        markdownContent: g,
-                        allPages: x,
-                        baseUrl: C
-                      }
-                    )
-                  ] }),
-                  t.description && /* @__PURE__ */ i("p", { className: e.description, children: t.description })
-                ] }) }),
-                s.length > 0 && /* @__PURE__ */ i("div", { className: e.pivotContainer, children: s.map((h) => /* @__PURE__ */ i(
-                  W,
+            ) })
+          }
+        ),
+        /* @__PURE__ */ t("div", { className: "mint:flex mint:rounded-2xl mint:h-[calc(100vh-4.5rem)]", children: /* @__PURE__ */ t(
+          "div",
+          {
+            id: "main-content",
+            className: l(
+              "mint:flex-1 mint:p-8 mint:overflow-y-auto mint:overflow-x-hidden mint:rounded-2xl mint:bg-white mint:dark:bg-[#1f1f1f] mint:border mint:border-[rgba(229,231,235,0.7)] mint:dark:border-[rgba(255,255,255,0.07)] [scrollbar-gutter:stable] mint:overscroll-contain mint:lg:ml-[16.5rem] mint:lg:px-16 mint:lg:pt-12 [scrollbar-width:thin] [scrollbar-color:rgba(0,0,0,0.2)_transparent] dark:[scrollbar-color:rgba(255,255,255,0.2)_transparent] mint:[&::-webkit-scrollbar]:w-1 mint:[&::-webkit-scrollbar-track]:bg-transparent mint:[&::-webkit-scrollbar-thumb]:bg-black/20 mint:dark:[&::-webkit-scrollbar-thumb]:bg-white/20 mint:[&::-webkit-scrollbar-thumb]:rounded mint:[&::-webkit-scrollbar-thumb:hover]:bg-black/30 mint:dark:[&::-webkit-scrollbar-thumb:hover]:bg-white/30",
+              s && "!mint:pt-0"
+            ),
+            children: /* @__PURE__ */ t(D, { groups: e, children: /* @__PURE__ */ m("div", { className: "mint:flex mint:flex-row-reverse mint:gap-12 mint:justify-center mint:mx-auto mint:w-full", children: [
+              n && n.length > 0 && /* @__PURE__ */ t("aside", { className: "mint:w-64 mint:flex-shrink-0 mint:ml-8 mint:max-xl:hidden mint:xl:block", children: /* @__PURE__ */ m("div", { className: "mint:sticky mint:top-2 mint:p-2 mint:pb-6 mint:max-h-[calc(100vh-3.5rem)] mint:overflow-y-auto", children: [
+                /* @__PURE__ */ m("div", { className: "mint:flex mint:items-center mint:gap-2 mint:mb-4", children: [
+                  /* @__PURE__ */ t(z, { className: "mint:w-4 mint:h-4 mint:text-[#4b5563] mint:dark:text-[#9ca3af]" }),
+                  /* @__PURE__ */ t("h2", { className: "mint:text-sm mint:font-semibold mint:text-[#141414] mint:dark:text-white", children: "On this page" })
+                ] }),
+                r && Object.keys(r).length > 0 ? /* @__PURE__ */ t(
+                  j,
                   {
-                    group: h,
-                    className: e.pivotSelector
-                  },
-                  h.id
-                )) }),
-                /* @__PURE__ */ i("div", { className: e.mdxContent, children: /* @__PURE__ */ i(u, { children: /* @__PURE__ */ i(b, {}) }) })
-              ]
-            }
-          )
-        ] }) })
-      }
-    ) })
-  ] }) });
+                    baseToc: n,
+                    pivotTocItems: r
+                  }
+                ) : /* @__PURE__ */ t(T, { toc: n })
+              ] }) }),
+              /* @__PURE__ */ m(
+                "div",
+                {
+                  className: l(
+                    "mint:w-full mint:overflow-x-visible mint:max-w-[42rem]",
+                    s && "!mint:max-w-none"
+                  ),
+                  children: [
+                    i.title && /* @__PURE__ */ t("header", { className: "mint:mb-8", children: /* @__PURE__ */ m("div", { className: "mint:mb-4", children: [
+                      /* @__PURE__ */ m("div", { className: "mint:flex mint:flex-col mint:gap-2 mint:items-start mint:sm:flex-row mint:sm:items-center mint:sm:gap-4", children: [
+                        /* @__PURE__ */ t("h1", { className: "mint:text-[1.875rem] mint:font-bold mint:text-[#141414] mint:dark:text-white mint:m-0 mint:leading-[1.2]", children: i.title }),
+                        o && /* @__PURE__ */ t(
+                          O,
+                          {
+                            className: "mint:ml-auto max-mint:sm:ml-0",
+                            pathname: o,
+                            markdownContent: g,
+                            allPages: v,
+                            baseUrl: w
+                          }
+                        )
+                      ] }),
+                      i.description && /* @__PURE__ */ t("p", { className: "mint:text-lg mint:text-[#4b5563] mint:dark:text-[#d1d5db]", children: i.description })
+                    ] }) }),
+                    e.length > 0 && /* @__PURE__ */ t("div", { className: "mint:mb-6 mint:flex mint:flex-wrap mint:gap-4", children: e.map((b) => /* @__PURE__ */ t(
+                      E,
+                      {
+                        group: b,
+                        className: "mint:flex mint:items-center mint:gap-2 mint:text-sm"
+                      },
+                      b.id
+                    )) }),
+                    /* @__PURE__ */ t("div", { className: "mint:pt-4", children: /* @__PURE__ */ t(P, { children: /* @__PURE__ */ t(N, {}) }) })
+                  ]
+                }
+              )
+            ] }) })
+          }
+        ) })
+      ]
+    }
+  ) }) });
 }
 export {
-  L as DocsPage
+  B as DocsPage
 };
 //# sourceMappingURL=page.js.map

package/dist/components/page.js.map

@@ -1 +1 @@
-{"version":3,"file":"page.js","sources":["../../src/components/page.tsx"],"sourcesContent":["import { MDXRenderer } from \"./mdx-renderer\";\nimport { NavTree } from \"./nav-tree\";\nimport type { DocsPageProps } from \"../types\";\nimport { TableOfContents } from \"./toc\";\nimport { PivotAwareTOC } from \"./toc/pivot-aware-toc\";\nimport { TextAlignLeftFilled } from \"@fluentui/react-icons\";\nimport {\n  ZonePivotProvider,\n  ZonePivotSelector,\n} from \"./content-components/zone-pivots\";\nimport { PageContextMenu } from \"./page-context-menu\";\nimport styles from \"./page.module.css\";\nimport \"../styles.css\";\n\nexport function DocsPage({\n  payload,\n  toc,\n  navTree,\n  dropdown,\n  activeHref,\n  theme,\n  className = \"\",\n  pathname,\n  markdownContent,\n  allPages,\n  baseUrl,\n  bottomLinks,\n}: DocsPageProps) {\n  const Content = payload.serializedContent;\n  const zonePivotGroups = payload.mdxExtracts?.zonePivotGroups || [];\n  const pivotTocItems = payload.mdxExtracts?.pivotTocItems;\n\n  // Check if we should use full width (no title means likely a custom component like Home)\n  const isFullWidth = !payload.title;\n\n  return (\n    <div className={`${theme === \"dark\" ? \"dark\" : \"\"} ${className}`}>\n      <div id=\"page-container\" className={styles.pageContainer}>\n        {navTree && (\n          <aside className={styles.sidebar} aria-label=\"Sidebar navigation\">\n            <div className={styles.sidebarInner}>\n              <NavTree\n                navTree={navTree}\n                dropdown={dropdown}\n                activeHref={activeHref}\n                bottomLinks={bottomLinks}\n              />\n            </div>\n          </aside>\n        )}\n\n        <div className={styles.mainWrapper}>\n          <div\n            id=\"main-content\"\n            className={`${styles.mainContent} ${\n              isFullWidth ? styles.mainContentNoTopPadding : \"\"\n            }`}\n          >\n            <ZonePivotProvider groups={zonePivotGroups}>\n              <div className={styles.contentWrapper}>\n                {toc && toc.length > 0 && (\n                  <aside className={styles.tocSidebar}>\n                    <div className={styles.tocInner}>\n                      <div className={styles.tocHeader}>\n                        <TextAlignLeftFilled className={styles.tocIcon} />\n                        <h2 className={styles.tocTitle}>On this page</h2>\n                      </div>\n                      {pivotTocItems &&\n                      Object.keys(pivotTocItems).length > 0 ? (\n                        <PivotAwareTOC\n                          baseToc={toc}\n                          pivotTocItems={pivotTocItems}\n                        />\n                      ) : (\n                        <TableOfContents toc={toc} />\n                      )}\n                    </div>\n                  </aside>\n                )}\n\n                <div\n                  className={`${styles.contentArea} ${\n                    isFullWidth ? styles.contentAreaFullWidth : \"\"\n                  }`}\n                >\n                  {payload.title && (\n                    <header className={styles.header}>\n                      <div className={styles.headerInner}>\n                        <div className={styles.headerContent}>\n                          <h1 className={styles.title}>{payload.title}</h1>\n                          {pathname && (\n                            <PageContextMenu\n                              className={styles.contextMenu}\n                              pathname={pathname}\n                              markdownContent={markdownContent}\n                              allPages={allPages}\n                              baseUrl={baseUrl}\n                            />\n                          )}\n                        </div>\n                        {payload.description && (\n                          <p className={styles.description}>\n                            {payload.description}\n                          </p>\n                        )}\n                      </div>\n                    </header>\n                  )}\n\n                  {zonePivotGroups.length > 0 && (\n                    <div className={styles.pivotContainer}>\n                      {zonePivotGroups.map((group) => (\n                        <ZonePivotSelector\n                          key={group.id}\n                          group={group}\n                          className={styles.pivotSelector}\n                        />\n                      ))}\n                    </div>\n                  )}\n\n                  <div className={styles.mdxContent}>\n                    <MDXRenderer>\n                      <Content />\n                    </MDXRenderer>\n                  </div>\n                </div>\n              </div>\n            </ZonePivotProvider>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":["DocsPage","payload","toc","navTree","dropdown","activeHref","theme","className","pathname","markdownContent","allPages","baseUrl","bottomLinks","Content","zonePivotGroups","_a","pivotTocItems","_b","isFullWidth","jsxs","styles","jsx","NavTree","ZonePivotProvider","TextAlignLeftFilled","PivotAwareTOC","TableOfContents","PageContextMenu","group","ZonePivotSelector","MDXRenderer"],"mappings":"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"}
+{"version":3,"file":"page.js","sources":["../../src/components/page.tsx"],"sourcesContent":["import { MDXRenderer } from \"./mdx-renderer\";\nimport { NavTree } from \"./nav-tree\";\nimport type { DocsPageProps } from \"../types\";\nimport { TableOfContents } from \"./toc\";\nimport { PivotAwareTOC } from \"./toc/pivot-aware-toc\";\nimport { TextAlignLeftFilled } from \"@fluentui/react-icons\";\nimport {\n  ZonePivotProvider,\n  ZonePivotSelector,\n} from \"./content-components/zone-pivots\";\nimport { PageContextMenu } from \"./page-context-menu\";\nimport { ComponentsProvider } from \"../context/components-context\";\nimport { cn } from \"../utils/cn\";\nimport \"../styles.css\";\n\nexport function DocsPage({\n  payload,\n  toc,\n  navTree,\n  dropdown,\n  activeHref,\n  theme,\n  className = \"\",\n  pathname,\n  markdownContent,\n  allPages,\n  baseUrl,\n  bottomLinks,\n  LinkComponent,\n}: DocsPageProps) {\n  const Content = payload.serializedContent;\n  const zonePivotGroups = payload.mdxExtracts?.zonePivotGroups || [];\n  const pivotTocItems = payload.mdxExtracts?.pivotTocItems;\n\n  // Check if we should use full width (no title means likely a custom component like Home)\n  const isFullWidth = !payload.title;\n\n  return (\n    <ComponentsProvider LinkComponent={LinkComponent}>\n      <div className={cn(theme === \"dark\" && \"dark\", className)}>\n        <div\n          id=\"page-container\"\n          className=\"mint:pr-2 mint:bg-[#f0f0f0] mint:dark:bg-[#0f0f0f]\"\n        >\n          {navTree && (\n            <aside\n              className=\"mint:fixed mint:z-10 mint:left-0 mint:top-14 mint:bottom-0 mint:w-[16.5rem] mint:overflow-hidden max-mint:lg:hidden mint:lg:block\"\n              aria-label=\"Sidebar navigation\"\n            >\n              <div className=\"mint:p-4 mint:h-full mint:flex mint:flex-col\">\n                <NavTree\n                  navTree={navTree}\n                  dropdown={dropdown}\n                  activeHref={activeHref}\n                  bottomLinks={bottomLinks}\n                />\n              </div>\n            </aside>\n          )}\n\n          <div className=\"mint:flex mint:rounded-2xl mint:h-[calc(100vh-4.5rem)]\">\n            <div\n              id=\"main-content\"\n              className={cn(\n                \"mint:flex-1 mint:p-8 mint:overflow-y-auto mint:overflow-x-hidden mint:rounded-2xl mint:bg-white mint:dark:bg-[#1f1f1f] mint:border mint:border-[rgba(229,231,235,0.7)] mint:dark:border-[rgba(255,255,255,0.07)] [scrollbar-gutter:stable] mint:overscroll-contain mint:lg:ml-[16.5rem] mint:lg:px-16 mint:lg:pt-12 [scrollbar-width:thin] [scrollbar-color:rgba(0,0,0,0.2)_transparent] dark:[scrollbar-color:rgba(255,255,255,0.2)_transparent] mint:[&::-webkit-scrollbar]:w-1 mint:[&::-webkit-scrollbar-track]:bg-transparent mint:[&::-webkit-scrollbar-thumb]:bg-black/20 mint:dark:[&::-webkit-scrollbar-thumb]:bg-white/20 mint:[&::-webkit-scrollbar-thumb]:rounded mint:[&::-webkit-scrollbar-thumb:hover]:bg-black/30 mint:dark:[&::-webkit-scrollbar-thumb:hover]:bg-white/30\",\n                isFullWidth && \"!mint:pt-0\"\n              )}\n            >\n              <ZonePivotProvider groups={zonePivotGroups}>\n                <div className=\"mint:flex mint:flex-row-reverse mint:gap-12 mint:justify-center mint:mx-auto mint:w-full\">\n                  {toc && toc.length > 0 && (\n                    <aside className=\"mint:w-64 mint:flex-shrink-0 mint:ml-8 mint:max-xl:hidden mint:xl:block\">\n                      <div className=\"mint:sticky mint:top-2 mint:p-2 mint:pb-6 mint:max-h-[calc(100vh-3.5rem)] mint:overflow-y-auto\">\n                        <div className=\"mint:flex mint:items-center mint:gap-2 mint:mb-4\">\n                          <TextAlignLeftFilled className=\"mint:w-4 mint:h-4 mint:text-[#4b5563] mint:dark:text-[#9ca3af]\" />\n                          <h2 className=\"mint:text-sm mint:font-semibold mint:text-[#141414] mint:dark:text-white\">\n                            On this page\n                          </h2>\n                        </div>\n                        {pivotTocItems &&\n                        Object.keys(pivotTocItems).length > 0 ? (\n                          <PivotAwareTOC\n                            baseToc={toc}\n                            pivotTocItems={pivotTocItems}\n                          />\n                        ) : (\n                          <TableOfContents toc={toc} />\n                        )}\n                      </div>\n                    </aside>\n                  )}\n\n                  <div\n                    className={cn(\n                      \"mint:w-full mint:overflow-x-visible mint:max-w-[42rem]\",\n                      isFullWidth && \"!mint:max-w-none\"\n                    )}\n                  >\n                    {payload.title && (\n                      <header className=\"mint:mb-8\">\n                        <div className=\"mint:mb-4\">\n                          <div className=\"mint:flex mint:flex-col mint:gap-2 mint:items-start mint:sm:flex-row mint:sm:items-center mint:sm:gap-4\">\n                            <h1 className=\"mint:text-[1.875rem] mint:font-bold mint:text-[#141414] mint:dark:text-white mint:m-0 mint:leading-[1.2]\">\n                              {payload.title}\n                            </h1>\n                            {pathname && (\n                              <PageContextMenu\n                                className=\"mint:ml-auto max-mint:sm:ml-0\"\n                                pathname={pathname}\n                                markdownContent={markdownContent}\n                                allPages={allPages}\n                                baseUrl={baseUrl}\n                              />\n                            )}\n                          </div>\n                          {payload.description && (\n                            <p className=\"mint:text-lg mint:text-[#4b5563] mint:dark:text-[#d1d5db]\">\n                              {payload.description}\n                            </p>\n                          )}\n                        </div>\n                      </header>\n                    )}\n\n                    {zonePivotGroups.length > 0 && (\n                      <div className=\"mint:mb-6 mint:flex mint:flex-wrap mint:gap-4\">\n                        {zonePivotGroups.map((group) => (\n                          <ZonePivotSelector\n                            key={group.id}\n                            group={group}\n                            className=\"mint:flex mint:items-center mint:gap-2 mint:text-sm\"\n                          />\n                        ))}\n                      </div>\n                    )}\n\n                    <div className=\"mint:pt-4\">\n                      <MDXRenderer>\n                        <Content />\n                      </MDXRenderer>\n                    </div>\n                  </div>\n                </div>\n              </ZonePivotProvider>\n            </div>\n          </div>\n        </div>\n      </div>\n    </ComponentsProvider>\n  );\n}\n"],"names":["DocsPage","payload","toc","navTree","dropdown","activeHref","theme","className","pathname","markdownContent","allPages","baseUrl","bottomLinks","LinkComponent","Content","zonePivotGroups","_a","pivotTocItems","_b","isFullWidth","jsx","ComponentsProvider","cn","jsxs","NavTree","ZonePivotProvider","TextAlignLeftFilled","PivotAwareTOC","TableOfContents","PageContextMenu","group","ZonePivotSelector","MDXRenderer"],"mappings":"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"}

package/dist/components/plain-text-page.js

@@ -1,12 +1,11 @@
 import { jsx as o } from "react/jsx-runtime";
 import { useEffect as n } from "react";
-import e from "./plain-text-page.module.css.js";
-function l({ content: t }) {
+function r({ content: e }) {
   return n(() => (document.body.style.backgroundColor = "#121212", document.body.style.margin = "0", document.body.style.overflowX = "hidden", document.documentElement.style.backgroundColor = "#121212", () => {
     document.body.style.backgroundColor = "", document.body.style.margin = "", document.body.style.overflowX = "", document.documentElement.style.backgroundColor = "";
-  }), []), /* @__PURE__ */ o("div", { className: e.container, children: /* @__PURE__ */ o("pre", { className: e.content, children: t }) });
+  }), []), /* @__PURE__ */ o("div", { className: "mint:min-h-screen mint:w-full mint:bg-[#121212] mint:overflow-x-hidden", children: /* @__PURE__ */ o("pre", { className: "mint:px-3 mint:pb-3 mint:pt-2 mint:m-0 mint:whitespace-pre-wrap mint:text-sm mint:text-white mint:font-[ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,'Liberation_Mono','Courier_New',monospace]", children: e }) });
 }
 export {
-  l as PlainTextPage
+  r as PlainTextPage
 };
 //# sourceMappingURL=plain-text-page.js.map

package/dist/components/plain-text-page.js.map

@@ -1 +1 @@
-{"version":3,"file":"plain-text-page.js","sources":["../../src/components/plain-text-page.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport styles from \"./plain-text-page.module.css\";\n\nexport interface PlainTextPageProps {\n  content: string;\n}\n\nexport function PlainTextPage({ content }: PlainTextPageProps) {\n  useEffect(() => {\n    document.body.style.backgroundColor = \"#121212\";\n    document.body.style.margin = \"0\";\n    document.body.style.overflowX = \"hidden\";\n    document.documentElement.style.backgroundColor = \"#121212\";\n\n    return () => {\n      document.body.style.backgroundColor = \"\";\n      document.body.style.margin = \"\";\n      document.body.style.overflowX = \"\";\n      document.documentElement.style.backgroundColor = \"\";\n    };\n  }, []);\n\n  return (\n    <div className={styles.container}>\n      <pre className={styles.content}>{content}</pre>\n    </div>\n  );\n}\n"],"names":["PlainTextPage","content","useEffect","jsx","styles"],"mappings":";;;AAOO,SAASA,EAAc,EAAE,SAAAC,KAA+B;AAC7D,SAAAC,EAAU,OACR,SAAS,KAAK,MAAM,kBAAkB,WACtC,SAAS,KAAK,MAAM,SAAS,KAC7B,SAAS,KAAK,MAAM,YAAY,UAChC,SAAS,gBAAgB,MAAM,kBAAkB,WAE1C,MAAM;AACX,aAAS,KAAK,MAAM,kBAAkB,IACtC,SAAS,KAAK,MAAM,SAAS,IAC7B,SAAS,KAAK,MAAM,YAAY,IAChC,SAAS,gBAAgB,MAAM,kBAAkB;AAAA,EACnD,IACC,CAAA,CAAE,GAGH,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAO,WACrB,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAO,SAAU,UAAAH,EAAA,CAAQ,GAC3C;AAEJ;"}
+{"version":3,"file":"plain-text-page.js","sources":["../../src/components/plain-text-page.tsx"],"sourcesContent":["import { useEffect } from \"react\";\n\nexport interface PlainTextPageProps {\n  content: string;\n}\n\nexport function PlainTextPage({ content }: PlainTextPageProps) {\n  useEffect(() => {\n    document.body.style.backgroundColor = \"#121212\";\n    document.body.style.margin = \"0\";\n    document.body.style.overflowX = \"hidden\";\n    document.documentElement.style.backgroundColor = \"#121212\";\n\n    return () => {\n      document.body.style.backgroundColor = \"\";\n      document.body.style.margin = \"\";\n      document.body.style.overflowX = \"\";\n      document.documentElement.style.backgroundColor = \"\";\n    };\n  }, []);\n\n  return (\n    <div className=\"mint:min-h-screen mint:w-full mint:bg-[#121212] mint:overflow-x-hidden\">\n      <pre className=\"mint:px-3 mint:pb-3 mint:pt-2 mint:m-0 mint:whitespace-pre-wrap mint:text-sm mint:text-white mint:font-[ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,'Liberation_Mono','Courier_New',monospace]\">\n        {content}\n      </pre>\n    </div>\n  );\n}\n"],"names":["PlainTextPage","content","useEffect","jsx"],"mappings":";;AAMO,SAASA,EAAc,EAAE,SAAAC,KAA+B;AAC7D,SAAAC,EAAU,OACR,SAAS,KAAK,MAAM,kBAAkB,WACtC,SAAS,KAAK,MAAM,SAAS,KAC7B,SAAS,KAAK,MAAM,YAAY,UAChC,SAAS,gBAAgB,MAAM,kBAAkB,WAE1C,MAAM;AACX,aAAS,KAAK,MAAM,kBAAkB,IACtC,SAAS,KAAK,MAAM,SAAS,IAC7B,SAAS,KAAK,MAAM,YAAY,IAChC,SAAS,gBAAgB,MAAM,kBAAkB;AAAA,EACnD,IACC,CAAA,CAAE,GAGH,gBAAAC,EAAC,SAAI,WAAU,0EACb,4BAAC,OAAA,EAAI,WAAU,wMACZ,UAAAF,EAAA,CACH,EAAA,CACF;AAEJ;"}