@quietmind/mdx-docs 0.1.17 → 0.1.19

package/dist/index.css

@@ -1 +1 @@
-:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background-color:#1976d233;color:inherit}::-moz-selection{background-color:#1976d233;color:inherit}@media (prefers-color-scheme: dark){::selection{background-color:#90caf94d;color:inherit}::-moz-selection{background-color:#90caf94d;color:inherit}}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body{min-height:100vh;width:100%;margin:0;padding:0}h1{font-size:3.2em;line-height:1.1}@media (max-width: 768px){h1{font-size:2em}}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media (max-width: 600px){*{word-wrap:break-word;overflow-wrap:break-word}body{word-wrap:break-word;overflow-wrap:break-word;overflow-x:hidden}pre,code{white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}h1,h2,h3,h4,h5,h6,p{word-wrap:break-word;overflow-wrap:break-word}}@media (max-width: 378px){html,body{overflow-x:hidden;width:100%}*{word-wrap:break-word;overflow-wrap:break-word;max-width:100%}pre,code{white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}}
+:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background-color:#1976d233;color:inherit}::-moz-selection{background-color:#1976d233;color:inherit}@media(prefers-color-scheme:dark){::selection{background-color:#90caf94d;color:inherit}::-moz-selection{background-color:#90caf94d;color:inherit}}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body{min-height:100vh;width:100%;margin:0;padding:0}h1{font-size:3.2em;line-height:1.1}@media(max-width:768px){h1{font-size:2em}}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media(max-width:600px){*{word-wrap:break-word;overflow-wrap:break-word}body{word-wrap:break-word;overflow-wrap:break-word;overflow-x:hidden}pre,code{white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}h1,h2,h3,h4,h5,h6,p{word-wrap:break-word;overflow-wrap:break-word}}@media(max-width:378px){html,body{overflow-x:hidden;width:100%}*{word-wrap:break-word;overflow-wrap:break-word;max-width:100%}pre,code{white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}}

package/dist/index.js

@@ -1,47 +1,47 @@
-import { jsx as a, jsxs as m, Fragment as U } from "react/jsx-runtime";
-import X, { createContext as Z, useContext as K, useState as F, Suspense as q, useEffect as x, useLayoutEffect as Y, useMemo as V, StrictMode as J } from "react";
-import { createRoot as Q } from "react-dom/client";
-import { AppBar as ee, Toolbar as P, IconButton as v, Typography as te, Box as f, useTheme as D, Tooltip as re, CircularProgress as ae, List as ne, ListItem as oe, ListItemButton as se, ListItemText as ie, Drawer as $, createTheme as le, ThemeProvider as ce, CssBaseline as de } from "@mui/material";
-import { Link as L, Routes as pe, Route as I, useLocation as B, BrowserRouter as ue, useNavigate as fe } from "react-router-dom";
-import ge from "@mui/icons-material/DarkMode";
-import me from "@mui/icons-material/LightMode";
-import be from "@mui/icons-material/Menu";
-import { MDXProvider as he } from "@mdx-js/react";
-import ye from "@mui/icons-material/Check";
-import Se from "@mui/icons-material/ContentCopy";
-import { Highlight as M } from "prism-react-renderer";
-import xe from "prismjs";
-const j = Z(null), ke = ({ pages: e, site: t, children: r }) => /* @__PURE__ */ a(j.Provider, { value: { pages: e, site: t }, children: r }), E = () => {
-  const e = K(j);
+import { jsx as a, jsxs as m, Fragment as Z } from "react/jsx-runtime";
+import { createContext as K, useContext as q, useState as E, Suspense as Y, useEffect as x, useLayoutEffect as V, useMemo as J, StrictMode as Q } from "react";
+import { createRoot as ee } from "react-dom/client";
+import { AppBar as te, Toolbar as D, IconButton as A, Typography as F, Box as f, useTheme as B, Tooltip as re, Link as ae, TableCell as I, TableRow as ne, TableBody as oe, TableHead as se, CircularProgress as ie, TableContainer as le, Paper as ce, Table as de, List as pe, ListItem as ue, ListItemButton as fe, ListItemText as ge, Drawer as O, createTheme as me, ThemeProvider as be, CssBaseline as he } from "@mui/material";
+import { Link as M, Routes as ye, Route as R, useLocation as H, BrowserRouter as Se, useNavigate as xe } from "react-router-dom";
+import ke from "@mui/icons-material/DarkMode";
+import we from "@mui/icons-material/LightMode";
+import ve from "@mui/icons-material/Menu";
+import { MDXProvider as Ae } from "@mdx-js/react";
+import Fe from "@mui/icons-material/Check";
+import Ee from "@mui/icons-material/ContentCopy";
+import { Highlight as j } from "prism-react-renderer";
+import Te from "prismjs";
+const G = K(null), _e = ({ pages: e, site: t, hideHomeFromNav: r = !1, children: n }) => /* @__PURE__ */ a(G.Provider, { value: { pages: e, site: t, hideHomeFromNav: r }, children: n }), T = () => {
+  const e = q(G);
   if (!e)
     throw new Error("useDocsContext must be used within a DocsProvider");
   return e;
 };
-function we({ darkMode: e, setDarkMode: t, handleDrawerToggle: r }) {
-  const { site: n } = E();
+function $e({ darkMode: e, setDarkMode: t, handleDrawerToggle: r }) {
+  const { site: n } = T();
   return /* @__PURE__ */ a(
-    ee,
+    te,
     {
       position: "fixed",
       sx: { zIndex: (i) => i.zIndex.drawer + 1 },
-      children: /* @__PURE__ */ m(P, { children: [
+      children: /* @__PURE__ */ m(D, { children: [
         /* @__PURE__ */ a(
-          v,
+          A,
           {
             color: "inherit",
             edge: "start",
             onClick: r,
             "aria-label": "Toggle navigation menu",
             sx: { mr: 2, display: { sm: "none" } },
-            children: /* @__PURE__ */ a(be, {})
+            children: /* @__PURE__ */ a(ve, {})
           }
         ),
         /* @__PURE__ */ a(
-          te,
+          F,
           {
             variant: "h6",
             noWrap: !0,
-            component: L,
+            component: M,
             to: "/",
             sx: {
               textDecoration: "none",
@@ -55,7 +55,7 @@ function we({ darkMode: e, setDarkMode: t, handleDrawerToggle: r }) {
         ),
         /* @__PURE__ */ a(f, { sx: { flexGrow: 1 } }),
         /* @__PURE__ */ a(
-          v,
+          A,
           {
             onClick: () => t(!e),
             color: "inherit",
@@ -66,7 +66,7 @@ function we({ darkMode: e, setDarkMode: t, handleDrawerToggle: r }) {
                 outline: "none"
               }
             },
-            children: e ? /* @__PURE__ */ a(me, {}) : /* @__PURE__ */ a(ge, {})
+            children: e ? /* @__PURE__ */ a(we, {}) : /* @__PURE__ */ a(ke, {})
           }
         )
       ] })
@@ -292,9 +292,9 @@ function we({ darkMode: e, setDarkMode: t, handleDrawerToggle: r }) {
     s[i[l]] = e.languages.bash[i[l]];
   e.languages.sh = e.languages.bash, e.languages.shell = e.languages.bash;
 })(Prism);
-var O = {}, R;
-function Ae() {
-  return R || (R = 1, function(e) {
+var C = {}, N;
+function Ie() {
+  return N || (N = 1, (function(e) {
     var t = [
       // normal string
       /"(?:\\[\s\S]|\$\([^)]+\)|\$(?!\()|`[^`]+`|[^"\\`$])*"/.source,
@@ -347,9 +347,9 @@ function Ae() {
       },
       output: /.(?:.*(?:[\r\n]|.$))*/
     }, e.languages["sh-session"] = e.languages.shellsession = e.languages["shell-session"];
-  }(Prism)), O;
+  })(Prism)), C;
 }
-Ae();
+Ie();
 (function(e) {
   var t = /\\[\r\n](?:\s|\\[\r\n]|#.*(?!.))*(?![\s#]|\\[\r\n])/.source, r = /(?:[ \t]+(?![ \t])(?:<SP_BS>)?|<SP_BS>)/.source.replace(/<SP_BS>/g, function() {
     return t;
@@ -363,7 +363,7 @@ Ae();
     lookbehind: !0,
     greedy: !0
   };
-  function p(o, c) {
+  function u(o, c) {
     return o = o.replace(/<OPT>/g, function() {
       return i;
     }).replace(/<SP>/g, function() {
@@ -377,7 +377,7 @@ Ae();
       greedy: !0,
       inside: {
         options: {
-          pattern: p(/(^(?:ONBUILD<SP>)?\w+<SP>)<OPT>(?:<SP><OPT>)*/.source, "i"),
+          pattern: u(/(^(?:ONBUILD<SP>)?\w+<SP>)<OPT>(?:<SP><OPT>)*/.source, "i"),
           lookbehind: !0,
           greedy: !0,
           inside: {
@@ -399,19 +399,19 @@ Ae();
         keyword: [
           {
             // https://docs.docker.com/engine/reference/builder/#healthcheck
-            pattern: p(/(^(?:ONBUILD<SP>)?HEALTHCHECK<SP>(?:<OPT><SP>)*)(?:CMD|NONE)\b/.source, "i"),
+            pattern: u(/(^(?:ONBUILD<SP>)?HEALTHCHECK<SP>(?:<OPT><SP>)*)(?:CMD|NONE)\b/.source, "i"),
             lookbehind: !0,
             greedy: !0
           },
           {
             // https://docs.docker.com/engine/reference/builder/#from
-            pattern: p(/(^(?:ONBUILD<SP>)?FROM<SP>(?:<OPT><SP>)*(?!--)[^ \t\\]+<SP>)AS/.source, "i"),
+            pattern: u(/(^(?:ONBUILD<SP>)?FROM<SP>(?:<OPT><SP>)*(?!--)[^ \t\\]+<SP>)AS/.source, "i"),
             lookbehind: !0,
             greedy: !0
           },
           {
             // https://docs.docker.com/engine/reference/builder/#onbuild
-            pattern: p(/(^ONBUILD<SP>)\w+/.source, "i"),
+            pattern: u(/(^ONBUILD<SP>)\w+/.source, "i"),
             lookbehind: !0,
             greedy: !0
           },
@@ -433,12 +433,12 @@ Ae();
   var t = /[*&][^\s[\]{},]+/, r = /!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/, n = "(?:" + r.source + "(?:[ 	]+" + t.source + ")?|" + t.source + "(?:[ 	]+" + r.source + ")?)", i = /(?:[^\s\x00-\x08\x0e-\x1f!"#%&'*,\-:>?@[\]`{|}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]|[?:-]<PLAIN>)(?:[ \t]*(?:(?![#:])<PLAIN>|:<PLAIN>))*/.source.replace(/<PLAIN>/g, function() {
     return /[^\s\x00-\x08\x0e-\x1f,[\]{}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]/.source;
   }), s = /"(?:[^"\\\r\n]|\\.)*"|'(?:[^'\\\r\n]|\\.)*'/.source;
-  function l(p, o) {
+  function l(u, o) {
     o = (o || "").replace(/m/g, "") + "m";
     var c = /([:\-,[{]\s*(?:\s<<prop>>[ \t]+)?)(?:<<value>>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<<prop>>/g, function() {
       return n;
     }).replace(/<<value>>/g, function() {
-      return p;
+      return u;
     });
     return RegExp(c, o);
   }
@@ -711,26 +711,26 @@ Prism.languages.js = Prism.languages.javascript;
   }, e.languages.jsx.tag);
   var l = function(o) {
     return o ? typeof o == "string" ? o : typeof o.content == "string" ? o.content : o.content.map(l).join("") : "";
-  }, p = function(o) {
-    for (var c = [], u = 0; u < o.length; u++) {
-      var d = o[u], b = !1;
+  }, u = function(o) {
+    for (var c = [], p = 0; p < o.length; p++) {
+      var d = o[p], b = !1;
       if (typeof d != "string" && (d.type === "tag" && d.content[0] && d.content[0].type === "tag" ? d.content[0].content[0].content === "</" ? c.length > 0 && c[c.length - 1].tagName === l(d.content[0].content[1]) && c.pop() : d.content[d.content.length - 1].content === "/>" || c.push({
         tagName: l(d.content[0].content[1]),
         openedBraces: 0
       }) : c.length > 0 && d.type === "punctuation" && d.content === "{" ? c[c.length - 1].openedBraces++ : c.length > 0 && c[c.length - 1].openedBraces > 0 && d.type === "punctuation" && d.content === "}" ? c[c.length - 1].openedBraces-- : b = !0), (b || typeof d == "string") && c.length > 0 && c[c.length - 1].openedBraces === 0) {
         var g = l(d);
-        u < o.length - 1 && (typeof o[u + 1] == "string" || o[u + 1].type === "plain-text") && (g += l(o[u + 1]), o.splice(u + 1, 1)), u > 0 && (typeof o[u - 1] == "string" || o[u - 1].type === "plain-text") && (g = l(o[u - 1]) + g, o.splice(u - 1, 1), u--), o[u] = new e.Token("plain-text", g, null, g);
+        p < o.length - 1 && (typeof o[p + 1] == "string" || o[p + 1].type === "plain-text") && (g += l(o[p + 1]), o.splice(p + 1, 1)), p > 0 && (typeof o[p - 1] == "string" || o[p - 1].type === "plain-text") && (g = l(o[p - 1]) + g, o.splice(p - 1, 1), p--), o[p] = new e.Token("plain-text", g, null, g);
       }
-      d.content && typeof d.content != "string" && p(d.content);
+      d.content && typeof d.content != "string" && u(d.content);
     }
   };
   e.hooks.add("after-tokenize", function(o) {
-    o.language !== "jsx" && o.language !== "tsx" || p(o.tokens);
+    o.language !== "jsx" && o.language !== "tsx" || u(o.tokens);
   });
 })(Prism);
-var C = {}, N;
-function ve() {
-  return N || (N = 1, function(e) {
+var P = {}, L;
+function Oe() {
+  return L || (L = 1, (function(e) {
     e.languages.typescript = e.languages.extend("javascript", {
       "class-name": {
         pattern: /(\b(?:class|extends|implements|instanceof|interface|new|type)\s+)(?!keyof\b)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?:\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,
@@ -774,22 +774,22 @@ function ve() {
         }
       }
     }), e.languages.ts = e.languages.typescript;
-  }(Prism)), C;
+  })(Prism)), P;
 }
-ve();
+Oe();
 (function(e) {
   var t = e.util.clone(e.languages.typescript);
   e.languages.tsx = e.languages.extend("jsx", t), delete e.languages.tsx.parameter, delete e.languages.tsx["literal-property"];
   var r = e.languages.tsx.tag;
   r.pattern = RegExp(/(^|[^\w$]|(?=<\/))/.source + "(?:" + r.pattern.source + ")", r.pattern.flags), r.lookbehind = !0;
 })(Prism);
-const Fe = {
+const Re = {
   sh: "bash",
   shell: "bash",
   zsh: "bash",
   console: "bash"
-}, Ee = ({ children: e, className: t = "", ...r }) => {
-  const [n, i] = F(!1), s = D(), l = t.replace("language-", "") || "jsx", p = Fe[l] ?? l;
+}, Ce = ({ children: e, className: t = "", ...r }) => {
+  const [n, i] = E(!1), s = B(), l = t.replace("language-", "") || "jsx", u = Re[l] ?? l;
   let o = "";
   typeof e == "string" ? o = e.trim() : e && typeof e == "object" && e.props && (typeof e.props.children == "string" ? o = e.props.children.trim() : Array.isArray(e.props.children) && (o = e.props.children.join("").trim()));
   const c = {
@@ -850,7 +850,7 @@ const Fe = {
   };
   return /* @__PURE__ */ m(f, { sx: { position: "relative", my: 2 }, children: [
     /* @__PURE__ */ a(f, { sx: { position: "absolute", top: 4, right: 4, zIndex: 1 }, children: /* @__PURE__ */ a(re, { title: n ? "Copied!" : "Copy", children: /* @__PURE__ */ a(
-      v,
+      A,
       {
         size: "small",
         onClick: async () => {
@@ -862,10 +862,10 @@ const Fe = {
         color: "inherit",
         "aria-label": n ? "Code copied to clipboard" : "Copy code to clipboard",
         sx: { width: 24, height: 24 },
-        children: n ? /* @__PURE__ */ a(ye, { sx: { fontSize: 16 } }) : /* @__PURE__ */ a(Se, { sx: { fontSize: 16 } })
+        children: n ? /* @__PURE__ */ a(Fe, { sx: { fontSize: 16 } }) : /* @__PURE__ */ a(Ee, { sx: { fontSize: 16 } })
       }
     ) }) }),
-    /* @__PURE__ */ a(M, { prism: xe, code: o, language: p, theme: c, children: ({ className: d, style: b, tokens: g, getLineProps: k, getTokenProps: w }) => /* @__PURE__ */ m(
+    /* @__PURE__ */ a(j, { prism: Te, code: o, language: u, theme: c, children: ({ className: d, style: b, tokens: g, getLineProps: k, getTokenProps: w }) => /* @__PURE__ */ m(
       f,
       {
         sx: {
@@ -892,7 +892,7 @@ const Fe = {
                 textTransform: "uppercase",
                 letterSpacing: 0.5
               },
-              children: p
+              children: u
             }
           ),
           /* @__PURE__ */ a(
@@ -911,11 +911,11 @@ const Fe = {
               },
               ...r,
               children: g.map((h, S) => {
-                const T = k({ line: h, key: S }), { key: A, ...H } = T;
-                return /* @__PURE__ */ a("div", { ...H, children: h.map((G, _) => {
-                  const z = w({ token: G, key: _ }), { key: ze, ...W } = z;
-                  return /* @__PURE__ */ a("span", { ...W }, `${S}-${_}`);
-                }) }, A);
+                const _ = k({ line: h, key: S }), { key: v, ...z } = _;
+                return /* @__PURE__ */ a("div", { ...z, children: h.map((W, $) => {
+                  const U = w({ token: W, key: $ }), { key: Ye, ...X } = U;
+                  return /* @__PURE__ */ a("span", { ...X }, `${S}-${$}`);
+                }) }, v);
               })
             }
           )
@@ -923,8 +923,8 @@ const Fe = {
       }
     ) })
   ] });
-}, Te = ({ children: e, ...t }) => {
-  const r = D(), n = typeof e == "string" ? e.trim() : "", i = {
+}, Ne = ({ children: e, ...t }) => {
+  const r = B(), n = typeof e == "string" ? e.trim() : "", i = {
     plain: {
       color: r.palette.text.primary,
       backgroundColor: r.palette.mode === "dark" ? "rgba(255,255,255,0.08)" : "rgba(0,0,0,0.08)"
@@ -980,7 +980,7 @@ const Fe = {
       }
     ]
   };
-  return /* @__PURE__ */ a(M, { code: n, language: "jsx", theme: i, children: ({ className: s, style: l, tokens: p, getLineProps: o, getTokenProps: c }) => /* @__PURE__ */ a(
+  return /* @__PURE__ */ a(j, { code: n, language: "jsx", theme: i, children: ({ className: s, style: l, tokens: u, getLineProps: o, getTokenProps: c }) => /* @__PURE__ */ a(
     "code",
     {
       className: s,
@@ -996,17 +996,37 @@ const Fe = {
         maxWidth: "100%"
       },
       ...t,
-      children: p.map((u, d) => {
-        const b = o({ line: u, key: d }), { key: g, ...k } = b;
-        return /* @__PURE__ */ a("div", { ...k, children: u.map((w, h) => {
-          const S = c({ token: w, key: h }), { key: T, ...A } = S;
-          return /* @__PURE__ */ a("span", { ...A }, `${d}-${h}`);
+      children: u.map((p, d) => {
+        const b = o({ line: p, key: d }), { key: g, ...k } = b;
+        return /* @__PURE__ */ a("div", { ...k, children: p.map((w, h) => {
+          const S = c({ token: w, key: h }), { key: _, ...v } = S;
+          return /* @__PURE__ */ a("span", { ...v }, `${d}-${h}`);
         }) }, g);
       })
     }
   ) });
-}, _e = (e) => e.filter((t) => !t.isDefault), $e = (e) => e.find((t) => t.isDefault), Ie = (e) => e ? !!(e.startsWith("http://") || e.startsWith("https://") || e.startsWith("mailto:") || e.startsWith("tel:")) : !1, Oe = () => {
-  const { pages: e } = E();
+}, Pe = () => /* @__PURE__ */ m(
+  f,
+  {
+    sx: {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      justifyContent: "center",
+      minHeight: "60vh",
+      textAlign: "center",
+      gap: 2
+    },
+    children: [
+      /* @__PURE__ */ a(F, { variant: "h1", sx: { fontSize: "6rem", fontWeight: 700, lineHeight: 1 }, children: "404" }),
+      /* @__PURE__ */ a(F, { variant: "h5", color: "text.secondary", children: "Page not found" }),
+      /* @__PURE__ */ a(ae, { href: "/", underline: "hover", children: "Go home" })
+    ]
+  }
+), Le = (e, t = !1) => e.filter(
+  (r) => !r.isHidden && (t ? r.route !== "/" : !0)
+), De = (e) => e ? !!(e.startsWith("http://") || e.startsWith("https://") || e.startsWith("mailto:") || e.startsWith("tel:")) : !1, Be = () => {
+  const { pages: e } = T();
   return /* @__PURE__ */ a(
     f,
     {
@@ -1057,13 +1077,13 @@ const Fe = {
         }
       },
       children: /* @__PURE__ */ a(
-        he,
+        Ae,
         {
           components: {
             // pre: CodeBlock,
-            code: (t) => t.className ? /* @__PURE__ */ a(Ee, { ...t }) : /* @__PURE__ */ a(Te, { ...t }),
+            code: (t) => t.className ? /* @__PURE__ */ a(Ce, { ...t }) : /* @__PURE__ */ a(Ne, { ...t }),
             a: (t) => {
-              const r = Ie(t.href);
+              const r = De(t.href);
               return /* @__PURE__ */ a(
                 "a",
                 {
@@ -1092,12 +1112,18 @@ const Fe = {
                 ...t
               }
             ),
+            table: (t) => /* @__PURE__ */ a(le, { component: ce, variant: "outlined", sx: { my: 2 }, children: /* @__PURE__ */ a(de, { size: "small", ...t }) }),
+            thead: se,
+            tbody: oe,
+            tr: ne,
+            th: (t) => /* @__PURE__ */ a(I, { component: "th", ...t }),
+            td: I,
             p: (t) => t.children && (Array.isArray(t.children) ? t.children.some(
               (n) => typeof n == "object" && n.type
-            ) : typeof t.children == "object" && t.children.type) ? /* @__PURE__ */ a(U, { children: t.children }) : /* @__PURE__ */ a("p", { ...t })
+            ) : typeof t.children == "object" && t.children.type) ? /* @__PURE__ */ a(Z, { children: t.children }) : /* @__PURE__ */ a("p", { ...t })
           },
           children: /* @__PURE__ */ a(
-            q,
+            Y,
             {
               fallback: /* @__PURE__ */ a(
                 f,
@@ -1108,14 +1134,14 @@ const Fe = {
                     alignItems: "center",
                     minHeight: "200px"
                   },
-                  children: /* @__PURE__ */ a(ae, {})
+                  children: /* @__PURE__ */ a(ie, {})
                 }
               ),
-              children: /* @__PURE__ */ m(pe, { children: [
+              children: /* @__PURE__ */ m(ye, { children: [
                 e.map((t) => {
                   const r = t.component;
                   return /* @__PURE__ */ a(
-                    I,
+                    R,
                     {
                       path: t.route,
                       element: /* @__PURE__ */ a(r, {})
@@ -1123,13 +1149,7 @@ const Fe = {
                     t.route
                   );
                 }),
-                /* @__PURE__ */ a(
-                  I,
-                  {
-                    path: "*",
-                    element: X.createElement($e(e).component)
-                  }
-                )
+                /* @__PURE__ */ a(R, { path: "*", element: /* @__PURE__ */ a(Pe, {}) })
               ] })
             }
           )
@@ -1137,32 +1157,32 @@ const Fe = {
       )
     }
   );
-}, y = 240, Re = ({ mobileOpen: e, handleDrawerToggle: t }) => {
-  const r = B(), { pages: n } = E(), i = _e(n);
+}, y = 240, Me = ({ mobileOpen: e, handleDrawerToggle: t }) => {
+  const r = H(), { pages: n, hideHomeFromNav: i } = T(), s = Le(n, i);
   x(() => {
-    const p = setTimeout(() => {
+    const o = setTimeout(() => {
       document.body.style.overflow = "";
     }, 100);
-    return () => clearTimeout(p);
+    return () => clearTimeout(o);
   }, [r.pathname]);
-  const s = () => {
+  const l = () => {
     t();
-  }, l = /* @__PURE__ */ m("div", { children: [
-    /* @__PURE__ */ a(P, {}),
-    /* @__PURE__ */ a(ne, { children: i.map((p) => /* @__PURE__ */ a(oe, { disablePadding: !0, children: /* @__PURE__ */ a(
-      se,
+  }, u = /* @__PURE__ */ m("div", { children: [
+    /* @__PURE__ */ a(D, {}),
+    /* @__PURE__ */ a(pe, { children: s.map((o) => /* @__PURE__ */ a(ue, { disablePadding: !0, children: /* @__PURE__ */ a(
+      fe,
       {
-        component: L,
-        to: p.route,
-        onClick: () => s(),
+        component: M,
+        to: o.route,
+        onClick: () => l(),
         sx: {
           "&:hover": {
             color: "inherit"
           }
         },
-        children: /* @__PURE__ */ a(ie, { primary: p.name })
+        children: /* @__PURE__ */ a(ge, { primary: o.name })
       }
-    ) }, p.route)) })
+    ) }, o.route)) })
   ] });
   return /* @__PURE__ */ m(
     f,
@@ -1172,7 +1192,7 @@ const Fe = {
       "aria-label": "sidebar navigation",
       children: [
         /* @__PURE__ */ a(
-          $,
+          O,
           {
             variant: "temporary",
             open: e,
@@ -1189,11 +1209,11 @@ const Fe = {
                 maxWidth: y
               }
             },
-            children: l
+            children: u
           }
         ),
         /* @__PURE__ */ a(
-          $,
+          O,
           {
             variant: "permanent",
             sx: {
@@ -1204,21 +1224,21 @@ const Fe = {
               }
             },
             open: !0,
-            children: l
+            children: u
           }
         )
       ]
     }
   );
-}, Ce = () => typeof window < "u" && window.matchMedia ? window.matchMedia("(prefers-color-scheme: dark)").matches : !0, Ne = () => {
+}, He = () => typeof window < "u" && window.matchMedia ? window.matchMedia("(prefers-color-scheme: dark)").matches : !0, je = () => {
   if (typeof window < "u") {
     const e = localStorage.getItem("darkMode");
     if (e !== null)
       return JSON.parse(e);
   }
-  return Ce();
-}, Pe = () => {
-  const [e, t] = F(Ne);
+  return He();
+}, Ge = () => {
+  const [e, t] = E(je);
   return x(() => {
     typeof window < "u" && localStorage.setItem("darkMode", JSON.stringify(e));
   }, [e]), x(() => {
@@ -1229,7 +1249,7 @@ const Fe = {
       return r.addEventListener("change", n), () => r.removeEventListener("change", n);
     }
   }, []), { darkMode: e, setDarkMode: t };
-}, De = {
+}, ze = {
   palette: {
     primary: {
       main: "#90caf9",
@@ -1314,7 +1334,7 @@ const Fe = {
       activatedOpacity: 0.24
     }
   }
-}, Le = {
+}, We = {
   palette: {
     primary: {
       main: "#1976d2",
@@ -1398,7 +1418,7 @@ const Fe = {
       activatedOpacity: 0.12
     }
   }
-}, Be = {
+}, Ue = {
   components: {
     MuiIconButton: {
       styleOverrides: {
@@ -1423,16 +1443,16 @@ const Fe = {
       }
     }
   }
-}, Me = (e = "light", t = {}) => {
-  const r = e === "dark" ? De : Le, n = t[e], i = {};
+}, Xe = (e = "light", t = {}) => {
+  const r = e === "dark" ? ze : We, n = t[e], i = {};
   t.primaryColor && (i.palette = { primary: { main: t.primaryColor } }), t.fontFamily && (i.typography = { fontFamily: t.fontFamily });
   const s = [
     { ...r, palette: { ...r.palette, mode: e } },
     i
   ];
-  return n && s.push(n), s.push(Be), le(...s);
-}, je = ({ children: e }) => {
-  const t = B(), r = fe();
+  return n && s.push(n), s.push(Ue), me(...s);
+}, Ze = ({ children: e }) => {
+  const t = H(), r = xe();
   return x(() => {
     const n = new URLSearchParams(window.location.search), i = n.get("redirect");
     if (i) {
@@ -1440,22 +1460,22 @@ const Fe = {
       const s = window.location.pathname + (n.toString() ? "?" + n.toString() : "");
       window.history.replaceState({}, "", s), r(i);
     }
-  }, [r]), Y(() => {
+  }, [r]), V(() => {
     window.scrollTo({ top: 0, left: 0, behavior: "instant" });
   }, [t.pathname]), e;
 };
-function He({ userTheme: e = {} }) {
-  const { darkMode: t, setDarkMode: r } = Pe(), [n, i] = F(!1), s = V(
-    () => Me(t ? "dark" : "light", e),
+function Ke({ userTheme: e = {} }) {
+  const { darkMode: t, setDarkMode: r } = Ge(), [n, i] = E(!1), s = J(
+    () => Xe(t ? "dark" : "light", e),
     [t, e]
   ), l = () => {
     i(!n);
   };
-  return /* @__PURE__ */ m(ce, { theme: s, children: [
-    /* @__PURE__ */ a(de, {}),
+  return /* @__PURE__ */ m(be, { theme: s, children: [
+    /* @__PURE__ */ a(he, {}),
     /* @__PURE__ */ m(f, { sx: { display: "flex" }, children: [
       /* @__PURE__ */ a(
-        we,
+        $e,
         {
           darkMode: t,
           setDarkMode: r,
@@ -1463,7 +1483,7 @@ function He({ userTheme: e = {} }) {
         }
       ),
       /* @__PURE__ */ a(
-        Re,
+        Me,
         {
           mobileOpen: n,
           handleDrawerToggle: l
@@ -1483,21 +1503,30 @@ function He({ userTheme: e = {} }) {
             // Prevent horizontal overflow on very small screens
             overflowX: "hidden"
           },
-          children: /* @__PURE__ */ a(Oe, {})
+          children: /* @__PURE__ */ a(Be, {})
         }
       )
     ] })
   ] });
 }
-function Ge({ pages: e, site: t, theme: r = {} }) {
-  return /* @__PURE__ */ a(ke, { pages: e, site: t, children: /* @__PURE__ */ a(ue, { basename: "/", children: /* @__PURE__ */ a(je, { children: /* @__PURE__ */ a(He, { userTheme: r }) }) }) });
+function qe({ pages: e, site: t, theme: r = {}, hideHomeFromNav: n = !1 }) {
+  return /* @__PURE__ */ a(_e, { pages: e, site: t, hideHomeFromNav: n, children: /* @__PURE__ */ a(Se, { basename: "/", children: /* @__PURE__ */ a(Ze, { children: /* @__PURE__ */ a(Ke, { userTheme: r }) }) }) });
 }
-function at({ pages: e, site: t, theme: r }) {
-  Q(document.getElementById("root")).render(
-    /* @__PURE__ */ a(J, { children: /* @__PURE__ */ a(Ge, { pages: e, site: t, theme: r }) })
+function dt({ pages: e, site: t, theme: r, hideHomeFromNav: n }) {
+  const i = e.filter((s) => s.route === "/");
+  if (i.length === 0)
+    throw new Error(
+      '[mdx-docs] No page with route "/" found. A home page at route "/" is required.'
+    );
+  if (i.length > 1)
+    throw new Error(
+      '[mdx-docs] Multiple pages with route "/" found. Only one home page is allowed.'
+    );
+  ee(document.getElementById("root")).render(
+    /* @__PURE__ */ a(Q, { children: /* @__PURE__ */ a(qe, { pages: e, site: t, theme: r, hideHomeFromNav: n }) })
   );
 }
-const nt = {
+const pt = {
   default: {},
   ocean: {
     primaryColor: "#0077b6",
@@ -1543,6 +1572,9 @@ const nt = {
   }
 };
 export {
-  at as createApp,
-  nt as themes
+  _e as DocsProvider,
+  Be as MDXContent,
+  Pe as NotFound,
+  dt as createApp,
+  pt as themes
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quietmind/mdx-docs",
-  "version": "0.1.17",
+  "version": "0.1.19",
   "type": "module",
   "homepage": "https://mdxdocs.com",
   "exports": {
@@ -28,6 +28,9 @@
     "test:coverage:average": "yarn test:coverage && node scripts/coverage-average.js",
     "test:ui": "vitest --ui"
   },
+  "dependencies": {
+    "remark-gfm": "^4.0.1"
+  },
   "peerDependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
@@ -41,7 +44,6 @@
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "react-router-dom": "^7.6.2",
-    "remark-gfm": "^4.0.1",
     "vite": "^6.4.1"
   },
   "devDependencies": {