@quietmind/mdx-docs 0.1.2 → 0.1.4

package/dist/index.js

@@ -1,43 +1,43 @@
-import { jsx as r, jsxs as p, Fragment as z } from "react/jsx-runtime";
-import X, { createContext as F, useContext as K, useState as T, Suspense as j, useEffect as b, useLayoutEffect as Y, useMemo as V, StrictMode as q } from "react";
-import { createRoot as Z } from "react-dom/client";
-import { AppBar as J, Toolbar as N, IconButton as v, Typography as Q, Box as c, useTheme as D, Tooltip as ee, CircularProgress as te, List as re, ListItem as oe, ListItemButton as ne, ListItemText as ae, Drawer as _, createTheme as ie, ThemeProvider as se, CssBaseline as de } from "@mui/material";
-import { Link as L, Routes as le, Route as P, useLocation as M, BrowserRouter as ce, useNavigate as pe } from "react-router-dom";
-import ue from "@mui/icons-material/DarkMode";
-import fe from "@mui/icons-material/LightMode";
-import me from "@mui/icons-material/Menu";
-import { MDXProvider as he } from "@mdx-js/react";
-import ge from "@mui/icons-material/Check";
-import be from "@mui/icons-material/ContentCopy";
-import { Highlight as $ } from "prism-react-renderer";
-import Se from "prismjs";
-const B = F(null), ye = ({ pages: e, site: t, children: o }) => /* @__PURE__ */ r(B.Provider, { value: { pages: e, site: t }, children: o }), A = () => {
-  const e = K(B);
+import { jsx as n, jsxs as m, Fragment as U } from "react/jsx-runtime";
+import X, { createContext as Z, useContext as K, useState as F, Suspense as Y, useEffect as x, useLayoutEffect as q, 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 A, Typography as te, Box as g, useTheme as D, Tooltip as re, CircularProgress as ne, List as ae, 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 ue, Route as I, useLocation as B, BrowserRouter as pe, useNavigate as ge } from "react-router-dom";
+import fe from "@mui/icons-material/DarkMode";
+import me from "@mui/icons-material/LightMode";
+import he from "@mui/icons-material/Menu";
+import { MDXProvider as be } 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), we = ({ pages: e, site: t, children: r }) => /* @__PURE__ */ n(j.Provider, { value: { pages: e, site: t }, children: r }), E = () => {
+  const e = K(j);
   if (!e)
     throw new Error("useDocsContext must be used within a DocsProvider");
   return e;
 };
-function ke({ darkMode: e, setDarkMode: t, handleDrawerToggle: o }) {
-  const { site: n } = A();
-  return /* @__PURE__ */ r(
-    J,
+function ke({ darkMode: e, setDarkMode: t, handleDrawerToggle: r }) {
+  const { site: o } = E();
+  return /* @__PURE__ */ n(
+    ee,
     {
       position: "fixed",
-      sx: { zIndex: (i) => i.zIndex.drawer + 1 },
-      children: /* @__PURE__ */ p(N, { children: [
-        /* @__PURE__ */ r(
-          v,
+      sx: { zIndex: (l) => l.zIndex.drawer + 1 },
+      children: /* @__PURE__ */ m(P, { children: [
+        /* @__PURE__ */ n(
+          A,
           {
             color: "inherit",
             edge: "start",
-            onClick: o,
+            onClick: r,
             "aria-label": "Toggle navigation menu",
             sx: { mr: 2, display: { sm: "none" } },
-            children: /* @__PURE__ */ r(me, {})
+            children: /* @__PURE__ */ n(he, {})
           }
         ),
-        /* @__PURE__ */ r(
-          Q,
+        /* @__PURE__ */ n(
+          te,
           {
             variant: "h6",
             noWrap: !0,
@@ -50,12 +50,12 @@ function ke({ darkMode: e, setDarkMode: t, handleDrawerToggle: o }) {
                 color: "inherit"
               }
             },
-            children: n.name
+            children: o.name
           }
         ),
-        /* @__PURE__ */ r(c, { sx: { flexGrow: 1 } }),
-        /* @__PURE__ */ r(
-          v,
+        /* @__PURE__ */ n(g, { sx: { flexGrow: 1 } }),
+        /* @__PURE__ */ n(
+          A,
           {
             onClick: () => t(!e),
             color: "inherit",
@@ -79,7 +79,7 @@ function ke({ darkMode: e, setDarkMode: t, handleDrawerToggle: o }) {
                 outline: "none"
               }
             },
-            children: e ? /* @__PURE__ */ r(fe, {}) : /* @__PURE__ */ r(ue, {})
+            children: e ? /* @__PURE__ */ n(me, {}) : /* @__PURE__ */ n(fe, {})
           }
         )
       ] })
@@ -87,15 +87,15 @@ function ke({ darkMode: e, setDarkMode: t, handleDrawerToggle: o }) {
   );
 }
 (function(e) {
-  var t = "\\b(?:BASH|BASHOPTS|BASH_ALIASES|BASH_ARGC|BASH_ARGV|BASH_CMDS|BASH_COMPLETION_COMPAT_DIR|BASH_LINENO|BASH_REMATCH|BASH_SOURCE|BASH_VERSINFO|BASH_VERSION|COLORTERM|COLUMNS|COMP_WORDBREAKS|DBUS_SESSION_BUS_ADDRESS|DEFAULTS_PATH|DESKTOP_SESSION|DIRSTACK|DISPLAY|EUID|GDMSESSION|GDM_LANG|GNOME_KEYRING_CONTROL|GNOME_KEYRING_PID|GPG_AGENT_INFO|GROUPS|HISTCONTROL|HISTFILE|HISTFILESIZE|HISTSIZE|HOME|HOSTNAME|HOSTTYPE|IFS|INSTANCE|JOB|LANG|LANGUAGE|LC_ADDRESS|LC_ALL|LC_IDENTIFICATION|LC_MEASUREMENT|LC_MONETARY|LC_NAME|LC_NUMERIC|LC_PAPER|LC_TELEPHONE|LC_TIME|LESSCLOSE|LESSOPEN|LINES|LOGNAME|LS_COLORS|MACHTYPE|MAILCHECK|MANDATORY_PATH|NO_AT_BRIDGE|OLDPWD|OPTERR|OPTIND|ORBIT_SOCKETDIR|OSTYPE|PAPERSIZE|PATH|PIPESTATUS|PPID|PS1|PS2|PS3|PS4|PWD|RANDOM|REPLY|SECONDS|SELINUX_INIT|SESSION|SESSIONTYPE|SESSION_MANAGER|SHELL|SHELLOPTS|SHLVL|SSH_AUTH_SOCK|TERM|UID|UPSTART_EVENTS|UPSTART_INSTANCE|UPSTART_JOB|UPSTART_SESSION|USER|WINDOWID|XAUTHORITY|XDG_CONFIG_DIRS|XDG_CURRENT_DESKTOP|XDG_DATA_DIRS|XDG_GREETER_DATA_DIR|XDG_MENU_PREFIX|XDG_RUNTIME_DIR|XDG_SEAT|XDG_SEAT_PATH|XDG_SESSION_DESKTOP|XDG_SESSION_ID|XDG_SESSION_PATH|XDG_SESSION_TYPE|XDG_VTNR|XMODIFIERS)\\b", o = {
+  var t = "\\b(?:BASH|BASHOPTS|BASH_ALIASES|BASH_ARGC|BASH_ARGV|BASH_CMDS|BASH_COMPLETION_COMPAT_DIR|BASH_LINENO|BASH_REMATCH|BASH_SOURCE|BASH_VERSINFO|BASH_VERSION|COLORTERM|COLUMNS|COMP_WORDBREAKS|DBUS_SESSION_BUS_ADDRESS|DEFAULTS_PATH|DESKTOP_SESSION|DIRSTACK|DISPLAY|EUID|GDMSESSION|GDM_LANG|GNOME_KEYRING_CONTROL|GNOME_KEYRING_PID|GPG_AGENT_INFO|GROUPS|HISTCONTROL|HISTFILE|HISTFILESIZE|HISTSIZE|HOME|HOSTNAME|HOSTTYPE|IFS|INSTANCE|JOB|LANG|LANGUAGE|LC_ADDRESS|LC_ALL|LC_IDENTIFICATION|LC_MEASUREMENT|LC_MONETARY|LC_NAME|LC_NUMERIC|LC_PAPER|LC_TELEPHONE|LC_TIME|LESSCLOSE|LESSOPEN|LINES|LOGNAME|LS_COLORS|MACHTYPE|MAILCHECK|MANDATORY_PATH|NO_AT_BRIDGE|OLDPWD|OPTERR|OPTIND|ORBIT_SOCKETDIR|OSTYPE|PAPERSIZE|PATH|PIPESTATUS|PPID|PS1|PS2|PS3|PS4|PWD|RANDOM|REPLY|SECONDS|SELINUX_INIT|SESSION|SESSIONTYPE|SESSION_MANAGER|SHELL|SHELLOPTS|SHLVL|SSH_AUTH_SOCK|TERM|UID|UPSTART_EVENTS|UPSTART_INSTANCE|UPSTART_JOB|UPSTART_SESSION|USER|WINDOWID|XAUTHORITY|XDG_CONFIG_DIRS|XDG_CURRENT_DESKTOP|XDG_DATA_DIRS|XDG_GREETER_DATA_DIR|XDG_MENU_PREFIX|XDG_RUNTIME_DIR|XDG_SEAT|XDG_SEAT_PATH|XDG_SESSION_DESKTOP|XDG_SESSION_ID|XDG_SESSION_PATH|XDG_SESSION_TYPE|XDG_VTNR|XMODIFIERS)\\b", r = {
     pattern: /(^(["']?)\w+\2)[ \t]+\S.*/,
     lookbehind: !0,
     alias: "punctuation",
     // this looks reasonably well in all themes
     inside: null
     // see below
-  }, n = {
-    bash: o,
+  }, o = {
+    bash: r,
     environment: {
       pattern: RegExp("\\$" + t),
       alias: "constant"
@@ -206,7 +206,7 @@ function ke({ darkMode: e, setDarkMode: t, handleDrawerToggle: o }) {
         pattern: /((?:^|[^<])<<-?\s*)(\w+)\s[\s\S]*?(?:\r?\n|\r)\2/,
         lookbehind: !0,
         greedy: !0,
-        inside: n
+        inside: o
       },
       // Here-document with quotes around the tag
       // → No expansion (so no “inside”).
@@ -215,7 +215,7 @@ function ke({ darkMode: e, setDarkMode: t, handleDrawerToggle: o }) {
         lookbehind: !0,
         greedy: !0,
         inside: {
-          bash: o
+          bash: r
         }
       },
       // “Normal” string
@@ -224,7 +224,7 @@ function ke({ darkMode: e, setDarkMode: t, handleDrawerToggle: o }) {
         pattern: /(^|[^\\](?:\\\\)*)"(?:\\[\s\S]|\$\([^)]+\)|\$(?!\()|`[^`]+`|[^"\\`$])*"/,
         lookbehind: !0,
         greedy: !0,
-        inside: n
+        inside: o
       },
       {
         // https://www.gnu.org/software/bash/manual/html_node/Single-Quotes.html
@@ -237,7 +237,7 @@ function ke({ darkMode: e, setDarkMode: t, handleDrawerToggle: o }) {
         pattern: /\$'(?:[^'\\]|\\[\s\S])*'/,
         greedy: !0,
         inside: {
-          entity: n.entity
+          entity: o.entity
         }
       }
     ],
@@ -245,7 +245,7 @@ function ke({ darkMode: e, setDarkMode: t, handleDrawerToggle: o }) {
       pattern: RegExp("\\$?" + t),
       alias: "constant"
     },
-    variable: n.variable,
+    variable: o.variable,
     function: {
       pattern: /(^|[\s;|&]|[<>]\()(?:add|apropos|apt|apt-cache|apt-get|aptitude|aspell|automysqlbackup|awk|basename|bash|bc|bconsole|bg|bzip2|cal|cargo|cat|cfdisk|chgrp|chkconfig|chmod|chown|chroot|cksum|clear|cmp|column|comm|composer|cp|cron|crontab|csplit|curl|cut|date|dc|dd|ddrescue|debootstrap|df|diff|diff3|dig|dir|dircolors|dirname|dirs|dmesg|docker|docker-compose|du|egrep|eject|env|ethtool|expand|expect|expr|fdformat|fdisk|fg|fgrep|file|find|fmt|fold|format|free|fsck|ftp|fuser|gawk|git|gparted|grep|groupadd|groupdel|groupmod|groups|grub-mkconfig|gzip|halt|head|hg|history|host|hostname|htop|iconv|id|ifconfig|ifdown|ifup|import|install|ip|java|jobs|join|kill|killall|less|link|ln|locate|logname|logrotate|look|lpc|lpr|lprint|lprintd|lprintq|lprm|ls|lsof|lynx|make|man|mc|mdadm|mkconfig|mkdir|mke2fs|mkfifo|mkfs|mkisofs|mknod|mkswap|mmv|more|most|mount|mtools|mtr|mutt|mv|nano|nc|netstat|nice|nl|node|nohup|notify-send|npm|nslookup|op|open|parted|passwd|paste|pathchk|ping|pkill|pnpm|podman|podman-compose|popd|pr|printcap|printenv|ps|pushd|pv|quota|quotacheck|quotactl|ram|rar|rcp|reboot|remsync|rename|renice|rev|rm|rmdir|rpm|rsync|scp|screen|sdiff|sed|sendmail|seq|service|sftp|sh|shellcheck|shuf|shutdown|sleep|slocate|sort|split|ssh|stat|strace|su|sudo|sum|suspend|swapon|sync|sysctl|tac|tail|tar|tee|time|timeout|top|touch|tr|traceroute|tsort|tty|umount|uname|unexpand|uniq|units|unrar|unshar|unzip|update-grub|uptime|useradd|userdel|usermod|users|uudecode|uuencode|v|vcpkg|vdir|vi|vim|virsh|vmstat|wait|watch|wc|wget|whereis|which|who|whoami|write|xargs|xdg-open|yarn|yes|zenity|zip|zsh|zypper)(?=$|[)\s;|&])/,
       lookbehind: !0
@@ -284,8 +284,8 @@ function ke({ darkMode: e, setDarkMode: t, handleDrawerToggle: o }) {
       pattern: /(^|\s)(?:[1-9]\d*|0)(?:[.,]\d+)?\b/,
       lookbehind: !0
     }
-  }, o.inside = e.languages.bash;
-  for (var i = [
+  }, r.inside = e.languages.bash;
+  for (var l = [
     "comment",
     "function-name",
     "for-or-select",
@@ -301,13 +301,13 @@ function ke({ darkMode: e, setDarkMode: t, handleDrawerToggle: o }) {
     "operator",
     "punctuation",
     "number"
-  ], a = n.variable[1].inside, s = 0; s < i.length; s++)
-    a[i[s]] = e.languages.bash[i[s]];
+  ], s = o.variable[1].inside, i = 0; i < l.length; i++)
+    s[l[i]] = e.languages.bash[l[i]];
   e.languages.sh = e.languages.bash, e.languages.shell = e.languages.bash;
 })(Prism);
-var R = {}, C;
-function we() {
-  return C || (C = 1, function(e) {
+var O = {}, R;
+function ve() {
+  return R || (R = 1, function(e) {
     var t = [
       // normal string
       /"(?:\\[\s\S]|\$\([^)]+\)|\$(?!\()|`[^`]+`|[^"\\`$])*"/.source,
@@ -360,28 +360,28 @@ function we() {
       },
       output: /.(?:.*(?:[\r\n]|.$))*/
     }, e.languages["sh-session"] = e.languages.shellsession = e.languages["shell-session"];
-  }(Prism)), R;
+  }(Prism)), O;
 }
-we();
+ve();
 (function(e) {
-  var t = /\\[\r\n](?:\s|\\[\r\n]|#.*(?!.))*(?![\s#]|\\[\r\n])/.source, o = /(?:[ \t]+(?![ \t])(?:<SP_BS>)?|<SP_BS>)/.source.replace(/<SP_BS>/g, function() {
+  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;
-  }), n = /"(?:[^"\\\r\n]|\\(?:\r\n|[\s\S]))*"|'(?:[^'\\\r\n]|\\(?:\r\n|[\s\S]))*'/.source, i = /--[\w-]+=(?:<STR>|(?!["'])(?:[^\s\\]|\\.)+)/.source.replace(/<STR>/g, function() {
-    return n;
-  }), a = {
-    pattern: RegExp(n),
+  }), o = /"(?:[^"\\\r\n]|\\(?:\r\n|[\s\S]))*"|'(?:[^'\\\r\n]|\\(?:\r\n|[\s\S]))*'/.source, l = /--[\w-]+=(?:<STR>|(?!["'])(?:[^\s\\]|\\.)+)/.source.replace(/<STR>/g, function() {
+    return o;
+  }), s = {
+    pattern: RegExp(o),
     greedy: !0
-  }, s = {
+  }, i = {
     pattern: /(^[ \t]*)#.*/m,
     lookbehind: !0,
     greedy: !0
   };
-  function d(l, u) {
-    return l = l.replace(/<OPT>/g, function() {
-      return i;
+  function u(a, c) {
+    return a = a.replace(/<OPT>/g, function() {
+      return l;
     }).replace(/<SP>/g, function() {
-      return o;
-    }), RegExp(l, u);
+      return r;
+    }), RegExp(a, c);
   }
   e.languages.docker = {
     instruction: {
@@ -390,7 +390,7 @@ we();
       greedy: !0,
       inside: {
         options: {
-          pattern: d(/(^(?: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,7 +399,7 @@ we();
               lookbehind: !0
             },
             string: [
-              a,
+              s,
               {
                 pattern: /(=)(?!["'])(?:[^\s\\]|\\.)+/,
                 lookbehind: !0
@@ -412,19 +412,19 @@ we();
         keyword: [
           {
             // https://docs.docker.com/engine/reference/builder/#healthcheck
-            pattern: d(/(^(?: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: d(/(^(?: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: d(/(^ONBUILD<SP>)\w+/.source, "i"),
+            pattern: u(/(^ONBUILD<SP>)\w+/.source, "i"),
             lookbehind: !0,
             greedy: !0
           },
@@ -433,32 +433,32 @@ we();
             greedy: !0
           }
         ],
-        comment: s,
-        string: a,
+        comment: i,
+        string: s,
         variable: /\$(?:\w+|\{[^{}"'\\]*\})/,
         operator: /\\$/m
       }
     },
-    comment: s
+    comment: i
   }, e.languages.dockerfile = e.languages.docker;
 })(Prism);
 (function(e) {
-  var t = /[*&][^\s[\]{},]+/, o = /!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/, n = "(?:" + o.source + "(?:[ 	]+" + t.source + ")?|" + t.source + "(?:[ 	]+" + o.source + ")?)", i = /(?:[^\s\x00-\x08\x0e-\x1f!"#%&'*,\-:>?@[\]`{|}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]|[?:-]<PLAIN>)(?:[ \t]*(?:(?![#:])<PLAIN>|:<PLAIN>))*/.source.replace(/<PLAIN>/g, function() {
+  var t = /[*&][^\s[\]{},]+/, r = /!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/, o = "(?:" + r.source + "(?:[ 	]+" + t.source + ")?|" + t.source + "(?:[ 	]+" + r.source + ")?)", l = /(?:[^\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;
-  }), a = /"(?:[^"\\\r\n]|\\.)*"|'(?:[^'\\\r\n]|\\.)*'/.source;
-  function s(d, l) {
-    l = (l || "").replace(/m/g, "") + "m";
-    var u = /([:\-,[{]\s*(?:\s<<prop>>[ \t]+)?)(?:<<value>>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<<prop>>/g, function() {
-      return n;
+  }), s = /"(?:[^"\\\r\n]|\\.)*"|'(?:[^'\\\r\n]|\\.)*'/.source;
+  function i(u, a) {
+    a = (a || "").replace(/m/g, "") + "m";
+    var c = /([:\-,[{]\s*(?:\s<<prop>>[ \t]+)?)(?:<<value>>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<<prop>>/g, function() {
+      return o;
     }).replace(/<<value>>/g, function() {
-      return d;
+      return u;
     });
-    return RegExp(u, l);
+    return RegExp(c, a);
   }
   e.languages.yaml = {
     scalar: {
       pattern: RegExp(/([\-:]\s*(?:\s<<prop>>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)\S[^\r\n]*(?:\2[^\r\n]+)*)/.source.replace(/<<prop>>/g, function() {
-        return n;
+        return o;
       })),
       lookbehind: !0,
       alias: "string"
@@ -466,9 +466,9 @@ we();
     comment: /#.*/,
     key: {
       pattern: RegExp(/((?:^|[:\-,[{\r\n?])[ \t]*(?:<<prop>>[ \t]+)?)<<key>>(?=\s*:\s)/.source.replace(/<<prop>>/g, function() {
-        return n;
+        return o;
       }).replace(/<<key>>/g, function() {
-        return "(?:" + i + "|" + a + ")";
+        return "(?:" + l + "|" + s + ")";
       })),
       lookbehind: !0,
       greedy: !0,
@@ -480,38 +480,38 @@ we();
       alias: "important"
     },
     datetime: {
-      pattern: s(/\d{4}-\d\d?-\d\d?(?:[tT]|[ \t]+)\d\d?:\d{2}:\d{2}(?:\.\d*)?(?:[ \t]*(?:Z|[-+]\d\d?(?::\d{2})?))?|\d{4}-\d{2}-\d{2}|\d\d?:\d{2}(?::\d{2}(?:\.\d*)?)?/.source),
+      pattern: i(/\d{4}-\d\d?-\d\d?(?:[tT]|[ \t]+)\d\d?:\d{2}:\d{2}(?:\.\d*)?(?:[ \t]*(?:Z|[-+]\d\d?(?::\d{2})?))?|\d{4}-\d{2}-\d{2}|\d\d?:\d{2}(?::\d{2}(?:\.\d*)?)?/.source),
       lookbehind: !0,
       alias: "number"
     },
     boolean: {
-      pattern: s(/false|true/.source, "i"),
+      pattern: i(/false|true/.source, "i"),
       lookbehind: !0,
       alias: "important"
     },
     null: {
-      pattern: s(/null|~/.source, "i"),
+      pattern: i(/null|~/.source, "i"),
       lookbehind: !0,
       alias: "important"
     },
     string: {
-      pattern: s(a),
+      pattern: i(s),
       lookbehind: !0,
       greedy: !0
     },
     number: {
-      pattern: s(/[+-]?(?:0x[\da-f]+|0o[0-7]+|(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?|\.inf|\.nan)/.source, "i"),
+      pattern: i(/[+-]?(?:0x[\da-f]+|0o[0-7]+|(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?|\.inf|\.nan)/.source, "i"),
       lookbehind: !0
     },
-    tag: o,
+    tag: r,
     important: t,
     punctuation: /---|[:[\]{}\-,|>?]|\.\.\./
   }, e.languages.yml = e.languages.yaml;
 })(Prism);
 (function(e) {
   var t = /(?:[\w-]+|'[^'\n\r]*'|"(?:\\.|[^\\"\r\n])*")/.source;
-  function o(n) {
-    return n.replace(/__/g, function() {
+  function r(o) {
+    return o.replace(/__/g, function() {
       return t;
     });
   }
@@ -521,13 +521,13 @@ we();
       greedy: !0
     },
     table: {
-      pattern: RegExp(o(/(^[\t ]*\[\s*(?:\[\s*)?)__(?:\s*\.\s*__)*(?=\s*\])/.source), "m"),
+      pattern: RegExp(r(/(^[\t ]*\[\s*(?:\[\s*)?)__(?:\s*\.\s*__)*(?=\s*\])/.source), "m"),
       lookbehind: !0,
       greedy: !0,
       alias: "class-name"
     },
     key: {
-      pattern: RegExp(o(/(^[\t ]*|[{,]\s*)__(?:\s*\.\s*__)*(?=\s*=)/.source), "m"),
+      pattern: RegExp(r(/(^[\t ]*|[{,]\s*)__(?:\s*\.\s*__)*(?=\s*=)/.source), "m"),
       lookbehind: !0,
       greedy: !0,
       alias: "property"
@@ -553,124 +553,367 @@ we();
     punctuation: /[.,=[\]{}]/
   };
 })(Prism);
-const xe = {
+Prism.languages.javascript = Prism.languages.extend("clike", {
+  "class-name": [
+    Prism.languages.clike["class-name"],
+    {
+      pattern: /(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,
+      lookbehind: !0
+    }
+  ],
+  keyword: [
+    {
+      pattern: /((?:^|\})\s*)catch\b/,
+      lookbehind: !0
+    },
+    {
+      pattern: /(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,
+      lookbehind: !0
+    }
+  ],
+  // Allow for all non-ASCII characters (See http://stackoverflow.com/a/2008444)
+  function: /#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,
+  number: {
+    pattern: RegExp(
+      /(^|[^\w$])/.source + "(?:" + // constant
+      (/NaN|Infinity/.source + "|" + // binary integer
+      /0[bB][01]+(?:_[01]+)*n?/.source + "|" + // octal integer
+      /0[oO][0-7]+(?:_[0-7]+)*n?/.source + "|" + // hexadecimal integer
+      /0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source + "|" + // decimal bigint
+      /\d+(?:_\d+)*n/.source + "|" + // decimal number (integer or float) but no bigint
+      /(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source) + ")" + /(?![\w$])/.source
+    ),
+    lookbehind: !0
+  },
+  operator: /--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/
+});
+Prism.languages.javascript["class-name"][0].pattern = /(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/;
+Prism.languages.insertBefore("javascript", "keyword", {
+  regex: {
+    pattern: RegExp(
+      // lookbehind
+      // eslint-disable-next-line regexp/no-dupe-characters-character-class
+      /((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)/.source + // Regex pattern:
+      // There are 2 regex patterns here. The RegExp set notation proposal added support for nested character
+      // classes if the `v` flag is present. Unfortunately, nested CCs are both context-free and incompatible
+      // with the only syntax, so we have to define 2 different regex patterns.
+      /\//.source + "(?:" + /(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}/.source + "|" + // `v` flag syntax. This supports 3 levels of nested character classes.
+      /(?:\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.)*\])*\])*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}v[dgimyus]{0,7}/.source + ")" + // lookahead
+      /(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/.source
+    ),
+    lookbehind: !0,
+    greedy: !0,
+    inside: {
+      "regex-source": {
+        pattern: /^(\/)[\s\S]+(?=\/[a-z]*$)/,
+        lookbehind: !0,
+        alias: "language-regex",
+        inside: Prism.languages.regex
+      },
+      "regex-delimiter": /^\/|\/$/,
+      "regex-flags": /^[a-z]+$/
+    }
+  },
+  // This must be declared before keyword because we use "function" inside the look-forward
+  "function-variable": {
+    pattern: /#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,
+    alias: "function"
+  },
+  parameter: [
+    {
+      pattern: /(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,
+      lookbehind: !0,
+      inside: Prism.languages.javascript
+    },
+    {
+      pattern: /(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,
+      lookbehind: !0,
+      inside: Prism.languages.javascript
+    },
+    {
+      pattern: /(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,
+      lookbehind: !0,
+      inside: Prism.languages.javascript
+    },
+    {
+      pattern: /((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,
+      lookbehind: !0,
+      inside: Prism.languages.javascript
+    }
+  ],
+  constant: /\b[A-Z](?:[A-Z_]|\dx?)*\b/
+});
+Prism.languages.insertBefore("javascript", "string", {
+  hashbang: {
+    pattern: /^#!.*/,
+    greedy: !0,
+    alias: "comment"
+  },
+  "template-string": {
+    pattern: /`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,
+    greedy: !0,
+    inside: {
+      "template-punctuation": {
+        pattern: /^`|`$/,
+        alias: "string"
+      },
+      interpolation: {
+        pattern: /((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,
+        lookbehind: !0,
+        inside: {
+          "interpolation-punctuation": {
+            pattern: /^\$\{|\}$/,
+            alias: "punctuation"
+          },
+          rest: Prism.languages.javascript
+        }
+      },
+      string: /[\s\S]+/
+    }
+  },
+  "string-property": {
+    pattern: /((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,
+    lookbehind: !0,
+    greedy: !0,
+    alias: "property"
+  }
+});
+Prism.languages.insertBefore("javascript", "operator", {
+  "literal-property": {
+    pattern: /((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,
+    lookbehind: !0,
+    alias: "property"
+  }
+});
+Prism.languages.markup && (Prism.languages.markup.tag.addInlined("script", "javascript"), Prism.languages.markup.tag.addAttribute(
+  /on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,
+  "javascript"
+));
+Prism.languages.js = Prism.languages.javascript;
+(function(e) {
+  var t = e.util.clone(e.languages.javascript), r = /(?:\s|\/\/.*(?!.)|\/\*(?:[^*]|\*(?!\/))\*\/)/.source, o = /(?:\{(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])*\})/.source, l = /(?:\{<S>*\.{3}(?:[^{}]|<BRACES>)*\})/.source;
+  function s(a, c) {
+    return a = a.replace(/<S>/g, function() {
+      return r;
+    }).replace(/<BRACES>/g, function() {
+      return o;
+    }).replace(/<SPREAD>/g, function() {
+      return l;
+    }), RegExp(a, c);
+  }
+  l = s(l).source, e.languages.jsx = e.languages.extend("markup", t), e.languages.jsx.tag.pattern = s(
+    /<\/?(?:[\w.:-]+(?:<S>+(?:[\w.:$-]+(?:=(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s{'"/>=]+|<BRACES>))?|<SPREAD>))*<S>*\/?)?>/.source
+  ), e.languages.jsx.tag.inside.tag.pattern = /^<\/?[^\s>\/]*/, e.languages.jsx.tag.inside["attr-value"].pattern = /=(?!\{)(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s'">]+)/, e.languages.jsx.tag.inside.tag.inside["class-name"] = /^[A-Z]\w*(?:\.[A-Z]\w*)*$/, e.languages.jsx.tag.inside.comment = t.comment, e.languages.insertBefore("inside", "attr-name", {
+    spread: {
+      pattern: s(/<SPREAD>/.source),
+      inside: e.languages.jsx
+    }
+  }, e.languages.jsx.tag), e.languages.insertBefore("inside", "special-attr", {
+    script: {
+      // Allow for two levels of nesting
+      pattern: s(/=<BRACES>/.source),
+      alias: "language-javascript",
+      inside: {
+        "script-punctuation": {
+          pattern: /^=(?=\{)/,
+          alias: "punctuation"
+        },
+        rest: e.languages.jsx
+      }
+    }
+  }, e.languages.jsx.tag);
+  var i = function(a) {
+    return a ? typeof a == "string" ? a : typeof a.content == "string" ? a.content : a.content.map(i).join("") : "";
+  }, u = function(a) {
+    for (var c = [], p = 0; p < a.length; p++) {
+      var d = a[p], h = !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 === i(d.content[0].content[1]) && c.pop() : d.content[d.content.length - 1].content === "/>" || c.push({
+        tagName: i(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-- : h = !0), (h || typeof d == "string") && c.length > 0 && c[c.length - 1].openedBraces === 0) {
+        var f = i(d);
+        p < a.length - 1 && (typeof a[p + 1] == "string" || a[p + 1].type === "plain-text") && (f += i(a[p + 1]), a.splice(p + 1, 1)), p > 0 && (typeof a[p - 1] == "string" || a[p - 1].type === "plain-text") && (f = i(a[p - 1]) + f, a.splice(p - 1, 1), p--), a[p] = new e.Token("plain-text", f, null, f);
+      }
+      d.content && typeof d.content != "string" && u(d.content);
+    }
+  };
+  e.hooks.add("after-tokenize", function(a) {
+    a.language !== "jsx" && a.language !== "tsx" || u(a.tokens);
+  });
+})(Prism);
+var C = {}, N;
+function Ae() {
+  return N || (N = 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*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,
+        lookbehind: !0,
+        greedy: !0,
+        inside: null
+        // see below
+      },
+      builtin: /\b(?:Array|Function|Promise|any|boolean|console|never|number|string|symbol|unknown)\b/
+    }), e.languages.typescript.keyword.push(
+      /\b(?:abstract|declare|is|keyof|readonly|require)\b/,
+      // keywords that have to be followed by an identifier
+      /\b(?:asserts|infer|interface|module|namespace|type)\b(?=\s*(?:[{_$a-zA-Z\xA0-\uFFFF]|$))/,
+      // This is for `import type *, {}`
+      /\btype\b(?=\s*(?:[\{*]|$))/
+    ), delete e.languages.typescript.parameter, delete e.languages.typescript["literal-property"];
+    var t = e.languages.extend("typescript", {});
+    delete t["class-name"], e.languages.typescript["class-name"].inside = t, e.languages.insertBefore("typescript", "function", {
+      decorator: {
+        pattern: /@[$\w\xA0-\uFFFF]+/,
+        inside: {
+          at: {
+            pattern: /^@/,
+            alias: "operator"
+          },
+          function: /^[\s\S]+/
+        }
+      },
+      "generic-function": {
+        // e.g. foo<T extends "bar" | "baz">( ...
+        pattern: /#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>(?=\s*\()/,
+        greedy: !0,
+        inside: {
+          function: /^#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/,
+          generic: {
+            pattern: /<[\s\S]+/,
+            // everything after the first <
+            alias: "class-name",
+            inside: t
+          }
+        }
+      }
+    }), e.languages.ts = e.languages.typescript;
+  }(Prism)), C;
+}
+Ae();
+(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 = {
   sh: "bash",
   shell: "bash",
   zsh: "bash",
   console: "bash"
-}, Ee = ({ children: e, className: t = "", ...o }) => {
-  const [n, i] = T(!1), a = D(), s = t.replace("language-", "") || "jsx", d = xe[s] ?? s;
-  let l = "";
-  typeof e == "string" ? l = e.trim() : e && typeof e == "object" && e.props && (typeof e.props.children == "string" ? l = e.props.children.trim() : Array.isArray(e.props.children) && (l = e.props.children.join("").trim()));
-  const u = {
+}, Ee = ({ children: e, className: t = "", ...r }) => {
+  const [o, l] = F(!1), s = D(), i = t.replace("language-", "") || "jsx", u = Fe[i] ?? i;
+  let a = "";
+  typeof e == "string" ? a = e.trim() : e && typeof e == "object" && e.props && (typeof e.props.children == "string" ? a = e.props.children.trim() : Array.isArray(e.props.children) && (a = e.props.children.join("").trim()));
+  const c = {
     plain: {
-      color: a.palette.text.primary,
-      backgroundColor: a.palette.background.paper
+      color: s.palette.text.primary,
+      backgroundColor: s.palette.background.paper
     },
     styles: [
       {
         types: ["comment", "prolog", "doctype", "cdata"],
         style: {
-          color: a.palette.mode === "dark" ? "#6a737d" : "#6a7781"
+          color: s.palette.mode === "dark" ? "#6a737d" : "#6a7781"
         }
       },
       {
         types: ["punctuation"],
         style: {
-          color: a.palette.mode === "dark" ? "#e1e4e8" : "#24292e"
+          color: s.palette.mode === "dark" ? "#e1e4e8" : "#24292e"
         }
       },
       {
         types: ["property", "tag", "boolean", "number", "constant", "symbol"],
         style: {
-          color: a.palette.mode === "dark" ? "#79b8ff" : "#005cc5"
+          color: s.palette.mode === "dark" ? "#79b8ff" : "#005cc5"
         }
       },
       {
         types: ["selector", "attr-name", "string", "char", "builtin"],
         style: {
-          color: a.palette.mode === "dark" ? "#a5d6ff" : "#032f62"
+          color: s.palette.mode === "dark" ? "#a5d6ff" : "#032f62"
         }
       },
       {
         types: ["operator", "entity", "url"],
         style: {
-          color: (a.palette.mode === "dark", "#d73a49")
+          color: (s.palette.mode === "dark", "#d73a49")
         }
       },
       {
         types: ["atrule", "attr-value", "keyword"],
         style: {
-          color: a.palette.mode === "dark" ? "#f97583" : "#d73a49"
+          color: s.palette.mode === "dark" ? "#f97583" : "#d73a49"
         }
       },
       {
         types: ["function"],
         style: {
-          color: a.palette.mode === "dark" ? "#b392f0" : "#6f42c1"
+          color: s.palette.mode === "dark" ? "#b392f0" : "#6f42c1"
         }
       },
       {
         types: ["class-name"],
         style: {
-          color: a.palette.mode === "dark" ? "#ffab70" : "#e36209"
+          color: s.palette.mode === "dark" ? "#ffab70" : "#e36209"
         }
       }
     ]
   };
-  return /* @__PURE__ */ p(c, { sx: { position: "relative", my: 2 }, children: [
-    /* @__PURE__ */ r(c, { sx: { position: "absolute", top: 4, right: 4, zIndex: 1 }, children: /* @__PURE__ */ r(ee, { title: n ? "Copied!" : "Copy", children: /* @__PURE__ */ r(
-      v,
+  return /* @__PURE__ */ m(g, { sx: { position: "relative", my: 2 }, children: [
+    /* @__PURE__ */ n(g, { sx: { position: "absolute", top: 4, right: 4, zIndex: 1 }, children: /* @__PURE__ */ n(re, { title: o ? "Copied!" : "Copy", children: /* @__PURE__ */ n(
+      A,
       {
         size: "small",
         onClick: async () => {
           try {
-            await navigator.clipboard.writeText(l), i(!0), setTimeout(() => i(!1), 1500);
+            await navigator.clipboard.writeText(a), l(!0), setTimeout(() => l(!1), 1500);
           } catch {
           }
         },
         color: "inherit",
-        "aria-label": n ? "Code copied to clipboard" : "Copy code to clipboard",
+        "aria-label": o ? "Code copied to clipboard" : "Copy code to clipboard",
         sx: { width: 24, height: 24 },
-        children: n ? /* @__PURE__ */ r(ge, { sx: { fontSize: 16 } }) : /* @__PURE__ */ r(be, { sx: { fontSize: 16 } })
+        children: o ? /* @__PURE__ */ n(ye, { sx: { fontSize: 16 } }) : /* @__PURE__ */ n(Se, { sx: { fontSize: 16 } })
       }
     ) }) }),
-    /* @__PURE__ */ r($, { prism: Se, code: l, language: d, theme: u, children: ({ className: h, style: y, tokens: k, getLineProps: w, getTokenProps: x }) => /* @__PURE__ */ p(
-      c,
+    /* @__PURE__ */ n(M, { prism: xe, code: a, language: u, theme: c, children: ({ className: d, style: h, tokens: f, getLineProps: w, getTokenProps: k }) => /* @__PURE__ */ m(
+      g,
       {
         sx: {
           border: 1,
           borderColor: "divider",
           borderRadius: 2,
           overflow: "hidden",
-          backgroundColor: a.palette.background.paper,
+          backgroundColor: s.palette.background.paper,
           boxShadow: 1
         },
         children: [
-          /* @__PURE__ */ r(
-            c,
+          /* @__PURE__ */ n(
+            g,
             {
               sx: {
                 px: 2,
                 py: 1,
-                backgroundColor: a.palette.mode === "dark" ? "rgba(255,255,255,0.08)" : "rgba(0,0,0,0.04)",
+                backgroundColor: s.palette.mode === "dark" ? "rgba(255,255,255,0.08)" : "rgba(0,0,0,0.04)",
                 borderBottom: 1,
                 borderColor: "divider",
                 fontSize: "0.75rem",
-                color: a.palette.text.secondary,
+                color: s.palette.text.secondary,
                 fontFamily: "monospace",
                 textTransform: "uppercase",
                 letterSpacing: 0.5
               },
-              children: d
+              children: u
             }
           ),
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ n(
             "pre",
             {
-              className: h,
+              className: d,
               style: {
-                ...y,
+                ...h,
                 margin: 0,
                 padding: 16,
                 overflowX: "auto",
@@ -679,13 +922,13 @@ const xe = {
                 overflowWrap: "break-word",
                 whiteSpace: "pre-wrap"
               },
-              ...o,
-              children: k.map((f, g) => {
-                const I = w({ line: f, key: g }), { key: E, ...H } = I;
-                return /* @__PURE__ */ r("div", { ...H, children: f.map((G, O) => {
-                  const W = x({ token: G, key: O }), { key: He, ...U } = W;
-                  return /* @__PURE__ */ r("span", { ...U }, `${g}-${O}`);
-                }) }, E);
+              ...r,
+              children: f.map((b, S) => {
+                const T = w({ line: b, key: S }), { key: v, ...H } = T;
+                return /* @__PURE__ */ n("div", { ...H, children: b.map((G, _) => {
+                  const z = k({ token: G, key: _ }), { key: Ge, ...W } = z;
+                  return /* @__PURE__ */ n("span", { ...W }, `${S}-${_}`);
+                }) }, v);
               })
             }
           )
@@ -693,69 +936,69 @@ const xe = {
       }
     ) })
   ] });
-}, ve = ({ children: e, ...t }) => {
-  const o = D(), n = typeof e == "string" ? e.trim() : "", i = {
+}, Te = ({ children: e, ...t }) => {
+  const r = D(), o = typeof e == "string" ? e.trim() : "", l = {
     plain: {
-      color: o.palette.text.primary,
-      backgroundColor: o.palette.mode === "dark" ? "rgba(255,255,255,0.08)" : "rgba(0,0,0,0.08)"
+      color: r.palette.text.primary,
+      backgroundColor: r.palette.mode === "dark" ? "rgba(255,255,255,0.08)" : "rgba(0,0,0,0.08)"
     },
     styles: [
       {
         types: ["comment", "prolog", "doctype", "cdata"],
         style: {
-          color: o.palette.mode === "dark" ? "#6a737d" : "#6a7781"
+          color: r.palette.mode === "dark" ? "#6a737d" : "#6a7781"
         }
       },
       {
         types: ["punctuation"],
         style: {
-          color: o.palette.mode === "dark" ? "#e1e4e8" : "#24292e"
+          color: r.palette.mode === "dark" ? "#e1e4e8" : "#24292e"
         }
       },
       {
         types: ["property", "tag", "boolean", "number", "constant", "symbol"],
         style: {
-          color: o.palette.mode === "dark" ? "#79b8ff" : "#005cc5"
+          color: r.palette.mode === "dark" ? "#79b8ff" : "#005cc5"
         }
       },
       {
         types: ["selector", "attr-name", "string", "char", "builtin"],
         style: {
-          color: o.palette.mode === "dark" ? "#a5d6ff" : "#032f62"
+          color: r.palette.mode === "dark" ? "#a5d6ff" : "#032f62"
         }
       },
       {
         types: ["operator", "entity", "url"],
         style: {
-          color: (o.palette.mode === "dark", "#d73a49")
+          color: (r.palette.mode === "dark", "#d73a49")
         }
       },
       {
         types: ["atrule", "attr-value", "keyword"],
         style: {
-          color: o.palette.mode === "dark" ? "#f97583" : "#d73a49"
+          color: r.palette.mode === "dark" ? "#f97583" : "#d73a49"
         }
       },
       {
         types: ["function"],
         style: {
-          color: o.palette.mode === "dark" ? "#b392f0" : "#6f42c1"
+          color: r.palette.mode === "dark" ? "#b392f0" : "#6f42c1"
         }
       },
       {
         types: ["class-name"],
         style: {
-          color: o.palette.mode === "dark" ? "#ffab70" : "#e36209"
+          color: r.palette.mode === "dark" ? "#ffab70" : "#e36209"
         }
       }
     ]
   };
-  return /* @__PURE__ */ r($, { code: n, language: "jsx", theme: i, children: ({ className: a, style: s, tokens: d, getLineProps: l, getTokenProps: u }) => /* @__PURE__ */ r(
+  return /* @__PURE__ */ n(M, { code: o, language: "jsx", theme: l, children: ({ className: s, style: i, tokens: u, getLineProps: a, getTokenProps: c }) => /* @__PURE__ */ n(
     "code",
     {
-      className: a,
+      className: s,
       style: {
-        ...s,
+        ...i,
         padding: "2px 4px",
         borderRadius: "3px",
         fontSize: "0.875em",
@@ -766,19 +1009,19 @@ const xe = {
         maxWidth: "100%"
       },
       ...t,
-      children: d.map((S, h) => {
-        const y = l({ line: S, key: h }), { key: k, ...w } = y;
-        return /* @__PURE__ */ r("div", { ...w, children: S.map((x, f) => {
-          const g = u({ token: x, key: f }), { key: I, ...E } = g;
-          return /* @__PURE__ */ r("span", { ...E }, `${h}-${f}`);
-        }) }, k);
+      children: u.map((p, d) => {
+        const h = a({ line: p, key: d }), { key: f, ...w } = h;
+        return /* @__PURE__ */ n("div", { ...w, children: p.map((k, b) => {
+          const S = c({ token: k, key: b }), { key: T, ...v } = S;
+          return /* @__PURE__ */ n("span", { ...v }, `${d}-${b}`);
+        }) }, f);
       })
     }
   ) });
-}, Te = (e) => e.filter((t) => !t.isDefault), Ae = (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 } = A();
-  return /* @__PURE__ */ r(
-    c,
+}, _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();
+  return /* @__PURE__ */ n(
+    g,
     {
       sx: {
         width: "100%",
@@ -826,44 +1069,44 @@ const xe = {
           }
         }
       },
-      children: /* @__PURE__ */ r(
-        he,
+      children: /* @__PURE__ */ n(
+        be,
         {
           components: {
             // pre: CodeBlock,
-            code: (t) => t.className ? /* @__PURE__ */ r(Ee, { ...t }) : /* @__PURE__ */ r(ve, { ...t }),
+            code: (t) => t.className ? /* @__PURE__ */ n(Ee, { ...t }) : /* @__PURE__ */ n(Te, { ...t }),
             a: (t) => {
-              const o = Ie(t.href);
-              return /* @__PURE__ */ r(
+              const r = Ie(t.href);
+              return /* @__PURE__ */ n(
                 "a",
                 {
                   ...t,
-                  target: o ? "_blank" : void 0,
-                  rel: o ? "noopener noreferrer" : void 0
+                  target: r ? "_blank" : void 0,
+                  rel: r ? "noopener noreferrer" : void 0
                 }
               );
             },
             p: (t) => {
-              const o = t.children && (Array.isArray(t.children) ? t.children.some(
-                (s) => typeof s == "object" && s.type
-              ) : typeof t.children == "object" && t.children.type), n = t.children && typeof t.children == "string" && t.children.length < 20, i = t.children && typeof t.children == "string" && (t.children.includes("Color Text") || t.children.includes("Text")), a = o || n || i;
-              return o ? /* @__PURE__ */ r(z, { children: t.children }) : i ? /* @__PURE__ */ r("span", { style: { margin: 0, padding: 0 }, children: t.children }) : /* @__PURE__ */ r(
+              const r = t.children && (Array.isArray(t.children) ? t.children.some(
+                (i) => typeof i == "object" && i.type
+              ) : typeof t.children == "object" && t.children.type), o = t.children && typeof t.children == "string" && t.children.length < 20, l = t.children && typeof t.children == "string" && (t.children.includes("Color Text") || t.children.includes("Text")), s = r || o || l;
+              return r ? /* @__PURE__ */ n(U, { children: t.children }) : l ? /* @__PURE__ */ n("span", { style: { margin: 0, padding: 0 }, children: t.children }) : /* @__PURE__ */ n(
                 "p",
                 {
                   ...t,
                   style: {
-                    margin: a ? 0 : void 0,
-                    padding: a ? 0 : void 0
+                    margin: s ? 0 : void 0,
+                    padding: s ? 0 : void 0
                   }
                 }
               );
             }
           },
-          children: /* @__PURE__ */ r(
-            j,
+          children: /* @__PURE__ */ n(
+            Y,
             {
-              fallback: /* @__PURE__ */ r(
-                c,
+              fallback: /* @__PURE__ */ n(
+                g,
                 {
                   sx: {
                     display: "flex",
@@ -871,26 +1114,26 @@ const xe = {
                     alignItems: "center",
                     minHeight: "200px"
                   },
-                  children: /* @__PURE__ */ r(te, {})
+                  children: /* @__PURE__ */ n(ne, {})
                 }
               ),
-              children: /* @__PURE__ */ p(le, { children: [
+              children: /* @__PURE__ */ m(ue, { children: [
                 e.map((t) => {
-                  const o = t.component;
-                  return /* @__PURE__ */ r(
-                    P,
+                  const r = t.component;
+                  return /* @__PURE__ */ n(
+                    I,
                     {
                       path: t.route,
-                      element: /* @__PURE__ */ r(o, {})
+                      element: /* @__PURE__ */ n(r, {})
                     },
                     t.route
                   );
                 }),
-                /* @__PURE__ */ r(
-                  P,
+                /* @__PURE__ */ n(
+                  I,
                   {
                     path: "*",
-                    element: X.createElement(Ae(e).component)
+                    element: X.createElement($e(e).component)
                   }
                 )
               ] })
@@ -900,42 +1143,42 @@ const xe = {
       )
     }
   );
-}, m = 240, _e = ({ mobileOpen: e, handleDrawerToggle: t }) => {
-  const o = M(), { pages: n } = A(), i = Te(n);
-  b(() => {
-    const d = setTimeout(() => {
+}, y = 240, Re = ({ mobileOpen: e, handleDrawerToggle: t }) => {
+  const r = B(), { pages: o } = E(), l = _e(o);
+  x(() => {
+    const u = setTimeout(() => {
       document.body.style.overflow = "";
     }, 100);
-    return () => clearTimeout(d);
-  }, [o.pathname]);
-  const a = () => {
+    return () => clearTimeout(u);
+  }, [r.pathname]);
+  const s = () => {
     t();
-  }, s = /* @__PURE__ */ p("div", { children: [
-    /* @__PURE__ */ r(N, {}),
-    /* @__PURE__ */ r(re, { children: i.map((d) => /* @__PURE__ */ r(oe, { disablePadding: !0, children: /* @__PURE__ */ r(
-      ne,
+  }, i = /* @__PURE__ */ m("div", { children: [
+    /* @__PURE__ */ n(P, {}),
+    /* @__PURE__ */ n(ae, { children: l.map((u) => /* @__PURE__ */ n(oe, { disablePadding: !0, children: /* @__PURE__ */ n(
+      se,
       {
         component: L,
-        to: d.route,
-        onClick: () => a(),
+        to: u.route,
+        onClick: () => s(),
         sx: {
           "&:hover": {
             color: "inherit"
           }
         },
-        children: /* @__PURE__ */ r(ae, { primary: d.name })
+        children: /* @__PURE__ */ n(ie, { primary: u.name })
       }
-    ) }, d.route)) })
+    ) }, u.route)) })
   ] });
-  return /* @__PURE__ */ p(
-    c,
+  return /* @__PURE__ */ m(
+    g,
     {
       component: "nav",
-      sx: { width: { sm: m }, flexShrink: { sm: 0 } },
+      sx: { width: { sm: y }, flexShrink: { sm: 0 } },
       "aria-label": "sidebar navigation",
       children: [
-        /* @__PURE__ */ r(
-          _,
+        /* @__PURE__ */ n(
+          $,
           {
             variant: "temporary",
             open: e,
@@ -948,51 +1191,51 @@ const xe = {
               display: { xs: "block", sm: "none" },
               "& .MuiDrawer-paper": {
                 boxSizing: "border-box",
-                width: { xs: "85vw", sm: m },
-                maxWidth: m
+                width: { xs: "85vw", sm: y },
+                maxWidth: y
               }
             },
-            children: s
+            children: i
           }
         ),
-        /* @__PURE__ */ r(
-          _,
+        /* @__PURE__ */ n(
+          $,
           {
             variant: "permanent",
             sx: {
               display: { xs: "none", sm: "block" },
               "& .MuiDrawer-paper": {
                 boxSizing: "border-box",
-                width: m
+                width: y
               }
             },
             open: !0,
-            children: s
+            children: i
           }
         )
       ]
     }
   );
-}, Pe = () => typeof window < "u" && window.matchMedia ? window.matchMedia("(prefers-color-scheme: dark)").matches : !0, Re = () => {
+}, Ce = () => typeof window < "u" && window.matchMedia ? window.matchMedia("(prefers-color-scheme: dark)").matches : !0, Ne = () => {
   if (typeof window < "u") {
     const e = localStorage.getItem("darkMode");
     if (e !== null)
       return JSON.parse(e);
   }
-  return Pe();
-}, Ce = () => {
-  const [e, t] = T(Re);
-  return b(() => {
+  return Ce();
+}, Pe = () => {
+  const [e, t] = F(Ne);
+  return x(() => {
     typeof window < "u" && localStorage.setItem("darkMode", JSON.stringify(e));
-  }, [e]), b(() => {
+  }, [e]), x(() => {
     if (typeof window < "u" && window.matchMedia) {
-      const o = window.matchMedia("(prefers-color-scheme: dark)"), n = (i) => {
-        localStorage.getItem("darkMode") === null && t(i.matches);
+      const r = window.matchMedia("(prefers-color-scheme: dark)"), o = (l) => {
+        localStorage.getItem("darkMode") === null && t(l.matches);
       };
-      return o.addEventListener("change", n), () => o.removeEventListener("change", n);
+      return r.addEventListener("change", o), () => r.removeEventListener("change", o);
     }
   }, []), { darkMode: e, setDarkMode: t };
-}, Ne = {
+}, De = {
   palette: {
     primary: {
       main: "#90caf9",
@@ -1077,7 +1320,7 @@ const xe = {
       activatedOpacity: 0.24
     }
   }
-}, De = {
+}, Le = {
   palette: {
     primary: {
       main: "#1976d2",
@@ -1161,9 +1404,9 @@ const xe = {
       activatedOpacity: 0.12
     }
   }
-}, Le = (e = "light") => {
-  const t = e === "dark" ? Ne : De;
-  return ie({
+}, Be = (e = "light") => {
+  const t = e === "dark" ? De : Le;
+  return le({
     ...t,
     palette: {
       ...t.palette,
@@ -1195,45 +1438,45 @@ const xe = {
     }
   });
 }, Me = ({ children: e }) => {
-  const t = M(), o = pe();
-  return b(() => {
-    const n = new URLSearchParams(window.location.search), i = n.get("redirect");
-    if (i) {
-      n.delete("redirect");
-      const a = window.location.pathname + (n.toString() ? "?" + n.toString() : "");
-      window.history.replaceState({}, "", a), o(i);
+  const t = B(), r = ge();
+  return x(() => {
+    const o = new URLSearchParams(window.location.search), l = o.get("redirect");
+    if (l) {
+      o.delete("redirect");
+      const s = window.location.pathname + (o.toString() ? "?" + o.toString() : "");
+      window.history.replaceState({}, "", s), r(l);
     }
-  }, [o]), Y(() => {
+  }, [r]), q(() => {
     window.scrollTo({ top: 0, left: 0, behavior: "instant" });
   }, [t.pathname]), e;
 };
-function $e() {
-  const { darkMode: e, setDarkMode: t } = Ce(), [o, n] = T(!1), i = V(
-    () => Le(e ? "dark" : "light"),
+function je() {
+  const { darkMode: e, setDarkMode: t } = Pe(), [r, o] = F(!1), l = V(
+    () => Be(e ? "dark" : "light"),
     [e]
-  ), a = () => {
-    n(!o);
+  ), s = () => {
+    o(!r);
   };
-  return /* @__PURE__ */ p(se, { theme: i, children: [
-    /* @__PURE__ */ r(de, {}),
-    /* @__PURE__ */ p(c, { sx: { display: "flex" }, children: [
-      /* @__PURE__ */ r(
+  return /* @__PURE__ */ m(ce, { theme: l, children: [
+    /* @__PURE__ */ n(de, {}),
+    /* @__PURE__ */ m(g, { sx: { display: "flex" }, children: [
+      /* @__PURE__ */ n(
         ke,
         {
           darkMode: e,
           setDarkMode: t,
-          handleDrawerToggle: a
+          handleDrawerToggle: s
         }
       ),
-      /* @__PURE__ */ r(
-        _e,
+      /* @__PURE__ */ n(
+        Re,
         {
-          mobileOpen: o,
-          handleDrawerToggle: a
+          mobileOpen: r,
+          handleDrawerToggle: s
         }
       ),
-      /* @__PURE__ */ r(
-        c,
+      /* @__PURE__ */ n(
+        g,
         {
           component: "main",
           sx: {
@@ -1242,24 +1485,24 @@ function $e() {
             // Add top padding to account for AppBar
             px: { xs: 0.5, sm: 3 },
             // Reduce padding even more on very small screens
-            width: { sm: `calc(100% - ${m}px)` },
+            width: { sm: `calc(100% - ${y}px)` },
             // Prevent horizontal overflow on very small screens
             overflowX: "hidden"
           },
-          children: /* @__PURE__ */ r(Oe, {})
+          children: /* @__PURE__ */ n(Oe, {})
         }
       )
     ] })
   ] });
 }
-function Be({ pages: e, site: t }) {
-  return /* @__PURE__ */ r(ye, { pages: e, site: t, children: /* @__PURE__ */ r(ce, { basename: "/", children: /* @__PURE__ */ r(Me, { children: /* @__PURE__ */ r($e, {}) }) }) });
+function He({ pages: e, site: t }) {
+  return /* @__PURE__ */ n(we, { pages: e, site: t, children: /* @__PURE__ */ n(pe, { basename: "/", children: /* @__PURE__ */ n(Me, { children: /* @__PURE__ */ n(je, {}) }) }) });
 }
-function Qe({ pages: e, site: t }) {
-  Z(document.getElementById("root")).render(
-    /* @__PURE__ */ r(q, { children: /* @__PURE__ */ r(Be, { pages: e, site: t }) })
+function rt({ pages: e, site: t }) {
+  Q(document.getElementById("root")).render(
+    /* @__PURE__ */ n(J, { children: /* @__PURE__ */ n(He, { pages: e, site: t }) })
   );
 }
 export {
-  Qe as createApp
+  rt as createApp
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quietmind/mdx-docs",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "type": "module",
   "homepage": "https://mdxdocs.com",
   "exports": {
@@ -20,6 +20,7 @@
     "build:lib": "vite build --config vite.lib.config.js",
     "lint": "eslint .",
     "preview": "vite preview",
+    "release": "yarn build:lib && npm publish",
     "serve": "vite preview --host",
     "test": "vitest run",
     "test:watch": "vitest",