myst-to-react 0.3.2 → 0.3.4

package/dist/cjs/admonitions.js

@@ -133,7 +133,7 @@ function Admonition({ title, kind, color, simple, dropdown, children, hideIcon,
                             'text-green-600': color === 'green',
                             'text-amber-600': color === 'yellow',
                             'text-red-600': color === 'red',
-                        }) })), (0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('text-neutral-900 dark:text-white grow self-center overflow-hidden break-words', { 'ml-4': hideIcon }), children: title }), dropdown && ((0, jsx_runtime_1.jsx)("div", { className: "font-thin text-sm text-neutral-700 dark:text-neutral-200 self-center flex-none", children: (0, jsx_runtime_1.jsx)(ChevronRightIcon_1.default, { className: (0, classnames_1.default)(iconClass, 'transition-transform details-toggle') }) }))] })), (0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('px-4', { 'py-1': !simple, 'details-body': dropdown }), children: children })] }));
+                        }) })), (0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('text-neutral-900 dark:text-white grow self-center overflow-hidden break-words', { 'ml-4': hideIcon }), children: title }), dropdown && ((0, jsx_runtime_1.jsx)("div", { className: "self-center flex-none text-sm font-thin text-neutral-700 dark:text-neutral-200", children: (0, jsx_runtime_1.jsx)(ChevronRightIcon_1.default, { className: (0, classnames_1.default)(iconClass, 'transition-transform details-toggle') }) }))] })), (0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('px-4', { 'py-1': !simple, 'details-body': dropdown }), children: children })] }));
 }
 exports.Admonition = Admonition;
 const AdmonitionRenderer = (node, children) => {

package/dist/cjs/basic.js

@@ -71,7 +71,7 @@ const BASIC_RENDERERS = {
         }
         const label = typeof children === 'string' ? backwardsCompatibleLabel(children, node.kind) : children;
         const id = node.html_id || node.identifier || node.key;
-        return ((0, jsx_runtime_1.jsx)(heading_1.HashLink, { id: id, kind: node.kind, className: "mr-1 text-inherit hover:text-inherit font-semibold hover:font-semibold", children: label }, node.key));
+        return ((0, jsx_runtime_1.jsx)(heading_1.HashLink, { id: id, kind: node.kind, className: "mr-1 font-semibold text-inherit hover:text-inherit hover:font-semibold", children: label }, node.key));
     },
     table(node, children) {
         // TODO: actually render the tbody on the server if it isn't included here.
@@ -98,7 +98,7 @@ const BASIC_RENDERERS = {
         return (0, jsx_runtime_1.jsx)("sup", { children: children }, node.key);
     },
     abbreviation(node, children) {
-        return ((0, jsx_runtime_1.jsx)(HoverPopover_1.HoverPopover, { side: "top", card: (0, jsx_runtime_1.jsx)("div", { className: "bg-blue-900 text-white dark:bg-white dark:text-black text-xs p-1", children: node.title }), arrowClass: "fill-blue-900 dark:fill-white", children: (0, jsx_runtime_1.jsx)("abbr", { "aria-label": node.title, className: "cursor-help border-b border-dotted", children: children }) }, node.key));
+        return ((0, jsx_runtime_1.jsx)(HoverPopover_1.HoverPopover, { side: "top", card: (0, jsx_runtime_1.jsx)("div", { className: "p-1 text-xs text-white bg-blue-900 dark:bg-white dark:text-black", children: node.title }), arrowClass: "fill-blue-900 dark:fill-white", children: (0, jsx_runtime_1.jsx)("abbr", { "aria-label": node.title, className: "border-b border-dotted cursor-help", children: children }) }, node.key));
     },
     mystComment() {
         return null;

package/dist/cjs/card.js

@@ -8,11 +8,11 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const classnames_1 = __importDefault(require("classnames"));
 const providers_1 = require("@myst-theme/providers");
 const Header = (node, children) => {
-    return ((0, jsx_runtime_1.jsx)("header", { className: "m-0 py-1 pl-3 bg-gray-50 dark:bg-slate-900 border-b border-gray-100 dark:border-gray-800", children: children }, node.key));
+    return ((0, jsx_runtime_1.jsx)("header", { className: "py-1 pl-3 m-0 border-b border-gray-100 bg-gray-50 dark:bg-slate-900 dark:border-gray-800", children: children }, node.key));
 };
 exports.Header = Header;
 const Footer = (node, children) => {
-    return ((0, jsx_runtime_1.jsx)("footer", { className: "m-0 py-1 pl-3 bg-gray-50 dark:bg-slate-900 border-t border-gray-100 dark:border-gray-800", children: children }, node.key));
+    return ((0, jsx_runtime_1.jsx)("footer", { className: "py-1 pl-3 m-0 border-t border-gray-100 bg-gray-50 dark:bg-slate-900 dark:border-gray-800", children: children }, node.key));
 };
 exports.Footer = Footer;
 const CardTitle = (node, children) => {
@@ -47,9 +47,9 @@ function Card({ children, url, isStatic, }) {
     const link = !!url;
     const sharedStyle = 'my-5 rounded shadow dark:shadow-neutral-800 overflow-hidden border border-gray-100 dark:border-gray-800 flex flex-col';
     if (link) {
-        return ((0, jsx_runtime_1.jsxs)(ExternalOrInternalLink, { to: url, isStatic: isStatic, className: (0, classnames_1.default)(sharedStyle, 'text-inherit hover:text-inherit', 'block font-normal no-underline hover:no-underline cursor-pointer group', 'hover:border-blue-500 dark:hover:border-blue-400'), children: [parts.header, (0, jsx_runtime_1.jsx)("div", { className: "py-2 px-4 flex-grow", children: parts.body }), parts.footer] }));
+        return ((0, jsx_runtime_1.jsxs)(ExternalOrInternalLink, { to: url, isStatic: isStatic, className: (0, classnames_1.default)(sharedStyle, 'text-inherit hover:text-inherit', 'block font-normal no-underline hover:no-underline cursor-pointer group', 'hover:border-blue-500 dark:hover:border-blue-400'), children: [parts.header, (0, jsx_runtime_1.jsx)("div", { className: "flex-grow px-4 py-2", children: parts.body }), parts.footer] }));
     }
-    return ((0, jsx_runtime_1.jsxs)("div", { className: sharedStyle, children: [parts.header, (0, jsx_runtime_1.jsx)("div", { className: "py-2 px-4 flex-grow", children: parts.body }), parts.footer] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: sharedStyle, children: [parts.header, (0, jsx_runtime_1.jsx)("div", { className: "flex-grow px-4 py-2", children: parts.body }), parts.footer] }));
 }
 const CardRenderer = (node, children) => {
     return ((0, jsx_runtime_1.jsx)(Card, { url: node.url, isStatic: node.static || false, children: children }, node.key));

package/dist/cjs/code.js

@@ -27,7 +27,7 @@ function CodeBlock(props) {
             'shadow hover:shadow-md dark:shadow-2xl dark:shadow-neutral-900 my-5 text-sm': shadow,
             'bg-stone-200/10': background,
             'border border-l-4 border-l-blue-400 border-gray-200 dark:border-l-blue-400 dark:border-gray-800': border,
-        }), children: [filename && (0, jsx_runtime_1.jsx)("div", { className: "leading-3 mt-1 p-1", children: filename }), (0, jsx_runtime_1.jsx)(react_syntax_highlighter_1.LightAsync, { language: normalizeLanguage(lang), startingLineNumber: startingLineNumber, showLineNumbers: showLineNumbers, style: isLight ? Object.assign(Object.assign({}, xcode_1.default), { hljs: Object.assign(Object.assign({}, xcode_1.default.hljs), { background: 'transparent' }) }) : vs2015_1.default, wrapLines: true, lineNumberContainerStyle: {
+        }), children: [filename && (0, jsx_runtime_1.jsx)("div", { className: "p-1 mt-1 leading-3", children: filename }), (0, jsx_runtime_1.jsx)(react_syntax_highlighter_1.LightAsync, { language: normalizeLanguage(lang), startingLineNumber: startingLineNumber, showLineNumbers: showLineNumbers, style: isLight ? Object.assign(Object.assign({}, xcode_1.default), { hljs: Object.assign(Object.assign({}, xcode_1.default.hljs), { background: 'transparent' }) }) : vs2015_1.default, wrapLines: true, lineNumberContainerStyle: {
                     // This stops page content shifts
                     display: 'inline-block',
                     float: 'left',
@@ -64,7 +64,7 @@ function isColor(maybeColorHash) {
 }
 const inlineCode = (node, children) => {
     if (isColor(node.value)) {
-        return ((0, jsx_runtime_1.jsxs)("code", { className: "bg-slate-100 text-slate-700 dark:bg-slate-800 dark:text-slate-100 px-1 rounded", children: [children, (0, jsx_runtime_1.jsx)("span", { style: { backgroundColor: node.value }, className: "inline-block w-[10px] h-[10px] rounded-full ml-1" })] }, node.key));
+        return ((0, jsx_runtime_1.jsxs)("code", { className: "px-1 rounded bg-slate-100 text-slate-700 dark:bg-slate-800 dark:text-slate-100", children: [children, (0, jsx_runtime_1.jsx)("span", { style: { backgroundColor: node.value }, className: "inline-block w-[10px] h-[10px] rounded-full ml-1" })] }, node.key));
     }
     return (0, jsx_runtime_1.jsx)("code", { children: children }, node.key);
 };

package/dist/cjs/components/LinkCard.js

@@ -14,6 +14,6 @@ function LinkCard({ url, title, internal = false, loading = false, description,
     const to = (0, providers_1.withBaseurl)(url, baseurl);
     return ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)('hover-card-content rounded overflow-hidden', className, {
             'animate-pulse': loading,
-        }), children: [!loading && thumbnail && ((0, jsx_runtime_1.jsx)("img", { src: thumbnail, className: "w-full h-[150px] object-cover object-top object-left m-0" })), loading && (0, jsx_runtime_1.jsx)("div", { className: "animate-pulse bg-slate-100 dark:bg-slate-800 w-full h-[150px]" }), internal && ((0, jsx_runtime_1.jsx)(Link, { to: to, className: "block text-sm font-semibold text-inherit hover:text-inherit px-3 mt-3", prefetch: "intent", children: title })), !internal && ((0, jsx_runtime_1.jsxs)("a", { href: to, className: "block text-sm font-semibold text-inherit hover:text-inherit px-3 mt-3", target: "_blank", rel: "noreferrer", children: [(0, jsx_runtime_1.jsx)(ArrowTopRightOnSquareIcon_1.default, { className: "w-4 h-4 float-right" }), title] })), !loading && description && ((0, jsx_runtime_1.jsx)("div", { className: "p-3 prose text-sm max-h-[300px] overflow-hidden", children: description }))] }));
+        }), children: [!loading && thumbnail && ((0, jsx_runtime_1.jsx)("img", { src: thumbnail, className: "w-full h-[150px] object-cover object-top object-left m-0" })), loading && (0, jsx_runtime_1.jsx)("div", { className: "animate-pulse bg-slate-100 dark:bg-slate-800 w-full h-[150px]" }), internal && ((0, jsx_runtime_1.jsx)(Link, { to: to, className: "block px-3 mt-3 text-sm font-semibold text-inherit hover:text-inherit", prefetch: "intent", children: title })), !internal && ((0, jsx_runtime_1.jsxs)("a", { href: to, className: "block px-3 mt-3 text-sm font-semibold text-inherit hover:text-inherit", target: "_blank", rel: "noreferrer", children: [(0, jsx_runtime_1.jsx)(ArrowTopRightOnSquareIcon_1.default, { className: "float-right w-4 h-4" }), title] })), !loading && description && ((0, jsx_runtime_1.jsx)("div", { className: "p-3 prose text-sm max-h-[300px] overflow-hidden", children: description }))] }));
 }
 exports.LinkCard = LinkCard;

package/dist/cjs/crossReference.d.ts

@@ -1,6 +1,11 @@
 /// <reference types="react" />
 import type { CrossReference } from 'myst-spec';
 import type { NodeRenderer } from '@myst-theme/providers';
+export declare function useFetchMdast({ remote, url, dataUrl, }: {
+    remote?: boolean;
+    url?: string;
+    dataUrl?: string;
+}): import("swr/_internal").SWRResponse<any, any, any>;
 export declare function CrossReferenceHover({ url: urlIn, dataUrl: dataUrlIn, remote: remoteIn, children, identifier, htmlId, }: {
     remote?: boolean;
     url?: string;

package/dist/cjs/crossReference.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"crossReference.d.ts","sourceRoot":"","sources":["../../src/crossReference.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAahD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAyJ1D,wBAAgB,mBAAmB,CAAC,EAClC,GAAG,EAAE,KAAK,EACV,OAAO,EAAE,SAAS,EAClB,MAAM,EAAE,QAAQ,EAChB,QAAQ,EACR,UAAU,EACV,MAAW,GACZ,EAAE;IACD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,2CAuDA;AAED,eAAO,MAAM,kBAAkB,EAAE,YAAY,CAAC,cAAc,CAuB3D,CAAC;AAEF,QAAA,MAAM,yBAAyB;;CAE9B,CAAC;AAEF,eAAe,yBAAyB,CAAC"}
+{"version":3,"file":"crossReference.d.ts","sourceRoot":"","sources":["../../src/crossReference.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAahD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AA2H1D,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,GAAG,EACH,OAAO,GACR,EAAE;IACD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,sDAWA;AAuBD,wBAAgB,mBAAmB,CAAC,EAClC,GAAG,EAAE,KAAK,EACV,OAAO,EAAE,SAAS,EAClB,MAAM,EAAE,QAAQ,EAChB,QAAQ,EACR,UAAU,EACV,MAAW,GACZ,EAAE;IACD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,2CAuDA;AAED,eAAO,MAAM,kBAAkB,EAAE,YAAY,CAAC,cAAc,CAuB3D,CAAC;AAEF,QAAA,MAAM,yBAAyB;;CAE9B,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

package/dist/cjs/crossReference.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.CrossReferenceNode = exports.CrossReferenceHover = void 0;
+exports.CrossReferenceNode = exports.CrossReferenceHover = exports.useFetchMdast = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const unist_util_select_1 = require("unist-util-select");
 const unist_util_visit_1 = require("unist-util-visit");
@@ -107,22 +107,27 @@ function openDetails(el) {
     }
     openDetails(el.parentElement);
 }
-function useSelectNodes({ load, remote, url, dataUrl, identifier, }) {
-    var _a, _b;
-    const baseurl = (0, providers_1.useBaseurl)();
-    const references = (0, providers_1.useReferences)();
+function useFetchMdast({ remote, url, dataUrl, }) {
+    var _a;
     // dataUrl should point directly to the cross reference mdast data.
     // If dataUrl is not provided, it will be computed by appending .json to the url.
-    if (!load)
-        return;
+    const baseurl = (0, providers_1.useBaseurl)();
     const external = (_a = url === null || url === void 0 ? void 0 : url.startsWith('http')) !== null && _a !== void 0 ? _a : false;
     const lookupUrl = external
         ? `/api/lookup?url=${url}.json`
         : dataUrl
             ? `${(0, providers_1.withBaseurl)(dataUrl, baseurl)}`
             : `${(0, providers_1.withBaseurl)(url, baseurl)}.json`;
-    const { data, error } = (0, swr_1.default)(remote ? lookupUrl : null, fetcher);
-    const mdast = (_b = data === null || data === void 0 ? void 0 : data.mdast) !== null && _b !== void 0 ? _b : references === null || references === void 0 ? void 0 : references.article;
+    return (0, swr_1.default)(remote ? lookupUrl : null, fetcher);
+}
+exports.useFetchMdast = useFetchMdast;
+function useSelectNodes({ load, remote, url, dataUrl, identifier, }) {
+    var _a;
+    const references = (0, providers_1.useReferences)();
+    if (!load)
+        return;
+    const { data, error } = useFetchMdast({ remote, url, dataUrl });
+    const mdast = (_a = data === null || data === void 0 ? void 0 : data.mdast) !== null && _a !== void 0 ? _a : references === null || references === void 0 ? void 0 : references.article;
     const { nodes, htmlId } = selectMdastNodes(mdast, identifier);
     return { htmlId, nodes, loading: remote && !data, error: remote && error };
 }

package/dist/cjs/dropdown.js

@@ -13,7 +13,7 @@ const SummaryTitle = (node, children) => {
 };
 exports.SummaryTitle = SummaryTitle;
 function Details({ title, children, open, }) {
-    return ((0, jsx_runtime_1.jsxs)("details", { className: (0, classnames_1.default)('rounded-md my-5 shadow dark:shadow-2xl dark:shadow-neutral-900 overflow-hidden', 'bg-gray-50 dark:bg-stone-800'), open: open, children: [(0, jsx_runtime_1.jsx)("summary", { className: (0, classnames_1.default)('m-0 text-lg font-medium py-1 min-h-[2em] pl-3', 'cursor-pointer hover:shadow-[inset_0_0_0px_30px_#00000003] dark:hover:shadow-[inset_0_0_0px_30px_#FFFFFF03]', 'bg-gray-100 dark:bg-slate-900'), children: (0, jsx_runtime_1.jsxs)("span", { className: "text-neutral-900 dark:text-white", children: [(0, jsx_runtime_1.jsx)("span", { className: "block float-right font-thin text-sm text-neutral-700 dark:text-neutral-200", children: (0, jsx_runtime_1.jsx)(ChevronRightIcon_1.default, { className: (0, classnames_1.default)(iconClass, 'details-toggle', 'transition-transform') }) }), title] }) }), (0, jsx_runtime_1.jsx)("div", { className: "px-4 py-1 details-body", children: children })] }));
+    return ((0, jsx_runtime_1.jsxs)("details", { className: (0, classnames_1.default)('rounded-md my-5 shadow dark:shadow-2xl dark:shadow-neutral-900 overflow-hidden', 'bg-gray-50 dark:bg-stone-800'), open: open, children: [(0, jsx_runtime_1.jsx)("summary", { className: (0, classnames_1.default)('m-0 text-lg font-medium py-1 min-h-[2em] pl-3', 'cursor-pointer hover:shadow-[inset_0_0_0px_30px_#00000003] dark:hover:shadow-[inset_0_0_0px_30px_#FFFFFF03]', 'bg-gray-100 dark:bg-slate-900'), children: (0, jsx_runtime_1.jsxs)("span", { className: "text-neutral-900 dark:text-white", children: [(0, jsx_runtime_1.jsx)("span", { className: "block float-right text-sm font-thin text-neutral-700 dark:text-neutral-200", children: (0, jsx_runtime_1.jsx)(ChevronRightIcon_1.default, { className: (0, classnames_1.default)(iconClass, 'details-toggle', 'transition-transform') }) }), title] }) }), (0, jsx_runtime_1.jsx)("div", { className: "px-4 py-1 details-body", children: children })] }));
 }
 exports.Details = Details;
 const DetailsRenderer = (node, children) => {

package/dist/cjs/exercise.js

@@ -68,7 +68,7 @@ function Callout({ title, color, dropdown, children, identifier, Icon, }) {
                             'text-red-600': color === 'red',
                             'text-purple-600': color === 'purple',
                         })) })), (0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('text-neutral-900 dark:text-white grow self-center overflow-hidden break-words', { 'ml-4': !Icon }, // No icon!
-                        'group'), children: title }), dropdown && ((0, jsx_runtime_1.jsx)("div", { className: "font-thin text-sm text-neutral-700 dark:text-neutral-200 self-center flex-none", children: (0, jsx_runtime_1.jsx)(ChevronRightIcon_1.default, { className: (0, classnames_1.default)(iconClass, 'transition-transform details-toggle') }) }))] }), (0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('px-4', { 'details-body': dropdown }), children: children })] }));
+                        'group'), children: title }), dropdown && ((0, jsx_runtime_1.jsx)("div", { className: "self-center flex-none text-sm font-thin text-neutral-700 dark:text-neutral-200", children: (0, jsx_runtime_1.jsx)(ChevronRightIcon_1.default, { className: (0, classnames_1.default)(iconClass, 'transition-transform details-toggle') }) }))] }), (0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('px-4', { 'details-body': dropdown }), children: children })] }));
 }
 exports.Callout = Callout;
 const ExerciseRenderer = (node, children) => {

package/dist/cjs/extensions/chemicalFormula.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chemicalFormula.d.ts","sourceRoot":"","sources":["../../../src/extensions/chemicalFormula.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAyB1D,eAAO,MAAM,eAAe,EAAE,YAU7B,CAAC;AAEF,QAAA,MAAM,cAAc;;CAEnB,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"chemicalFormula.d.ts","sourceRoot":"","sources":["../../../src/extensions/chemicalFormula.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AA0B1D,eAAO,MAAM,eAAe,EAAE,YAU7B,CAAC;AAEF,QAAA,MAAM,cAAc;;CAEnB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/cjs/extensions/chemicalFormula.js

@@ -8,8 +8,9 @@ const jsx_runtime_1 = require("react/jsx-runtime");
  * @returns ['H', '2', '0']
  */
 function parseFormula(formula) {
-    return [...(formula !== null && formula !== void 0 ? formula : '')].reduce((acc, letter) => {
+    return [...(formula !== null && formula !== void 0 ? formula : '')].reduce((acc, current) => {
         const last = acc.pop();
+        const letter = current === '+' ? '⁺' : current === '-' ? '⁻' : current;
         const isNumber = letter.match(/[0-9]/);
         const lastIsNumber = last === null || last === void 0 ? void 0 : last.match(/[0-9]/);
         if (isNumber) {
@@ -26,7 +27,7 @@ function parseFormula(formula) {
 }
 const ChemicalFormula = (node) => {
     const parts = parseFormula(node.value);
-    return ((0, jsx_runtime_1.jsx)("code", { className: "text-inherit", children: parts.map((letter, index) => {
+    return ((0, jsx_runtime_1.jsx)("span", { className: "text-inherit", "aria-roledescription": "Chemical Formula", children: parts.map((letter, index) => {
             if (letter.match(/[0-9]/))
                 return (0, jsx_runtime_1.jsx)("sub", { children: letter }, index);
             return (0, jsx_runtime_1.jsx)("span", { children: letter }, index);

package/dist/cjs/heading.js

@@ -30,7 +30,7 @@ exports.HashLink = HashLink;
 const Heading = (node, children) => {
     const { enumerator, depth, key, identifier, html_id } = node;
     const id = html_id || identifier || key;
-    const textContent = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [enumerator && (0, jsx_runtime_1.jsx)("span", { className: "select-none mr-3", children: enumerator }), (0, jsx_runtime_1.jsx)("span", { className: "heading-text", children: children }), (0, jsx_runtime_1.jsx)(HashLink, { id: id, kind: "Section", className: "px-2 font-normal", hover: true, hideInPopup: true })] }));
+    const textContent = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [enumerator && (0, jsx_runtime_1.jsx)("span", { className: "mr-3 select-none", children: enumerator }), (0, jsx_runtime_1.jsx)("span", { className: "heading-text", children: children }), (0, jsx_runtime_1.jsx)(HashLink, { id: id, kind: "Section", className: "px-2 font-normal", hover: true, hideInPopup: true })] }));
     // The `heading-text` class is picked up in the Outline to select without the enumerator and "#" link
     return (0, react_1.createElement)(`h${depth}`, {
         key: node.key,

package/dist/cjs/index.d.ts

@@ -6,6 +6,7 @@ export { CodeBlock } from './code';
 export { Admonition, AdmonitionKind } from './admonitions';
 export { Details } from './dropdown';
 export { TabSet, TabItem } from './tabs';
+export { useFetchMdast } from './crossReference';
 export declare const DEFAULT_RENDERERS: Record<string, NodeRenderer>;
 export declare function useParse(node: GenericParent | null, renderers?: Record<string, NodeRenderer>): import("react").ReactNode;
 //# sourceMappingURL=index.d.ts.map

package/dist/cjs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAwBjD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEzC,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAsB1D,CAAC;AAEF,wBAAgB,QAAQ,CACtB,IAAI,EAAE,aAAa,GAAG,IAAI,EAC1B,SAAS,GAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAqB,6BAU5D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAwBjD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAsB1D,CAAC;AAEF,wBAAgB,QAAQ,CACtB,IAAI,EAAE,aAAa,GAAG,IAAI,EAC1B,SAAS,GAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAqB,6BAU5D"}

package/dist/cjs/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useParse = exports.DEFAULT_RENDERERS = exports.TabItem = exports.TabSet = exports.Details = exports.AdmonitionKind = exports.Admonition = exports.CodeBlock = exports.CopyIcon = void 0;
+exports.useParse = exports.DEFAULT_RENDERERS = exports.useFetchMdast = exports.TabItem = exports.TabSet = exports.Details = exports.AdmonitionKind = exports.Admonition = exports.CodeBlock = exports.CopyIcon = void 0;
 const convertToReact_1 = require("./convertToReact");
 const basic_1 = __importDefault(require("./basic"));
 const admonitions_1 = __importDefault(require("./admonitions"));
@@ -38,6 +38,8 @@ Object.defineProperty(exports, "Details", { enumerable: true, get: function () {
 var tabs_2 = require("./tabs");
 Object.defineProperty(exports, "TabSet", { enumerable: true, get: function () { return tabs_2.TabSet; } });
 Object.defineProperty(exports, "TabItem", { enumerable: true, get: function () { return tabs_2.TabItem; } });
+var crossReference_2 = require("./crossReference");
+Object.defineProperty(exports, "useFetchMdast", { enumerable: true, get: function () { return crossReference_2.useFetchMdast; } });
 exports.DEFAULT_RENDERERS = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, basic_1.default), unknown_1.default), image_1.default), links_1.default), code_1.default), math_1.default), cite_1.default), tabs_1.default), iframe_1.default), footnotes_1.default), admonitions_1.default), reactive_1.default), heading_1.default), crossReference_1.default), dropdown_1.default), card_1.default), grid_1.default), inlineExpression_1.default), extensions_1.default), proof_1.default), exercise_1.default);
 function useParse(node, renderers = exports.DEFAULT_RENDERERS) {
     if (!node)

package/dist/cjs/links/github.js

@@ -46,7 +46,7 @@ function GithubFilePreview({ url, raw, org, repo, file, from, to, open, }) {
     const { data, error } = useLoadWhenOpen(open, raw, fetcher);
     let code = data;
     if (error) {
-        return ((0, jsx_runtime_1.jsxs)("div", { className: "hover-document w-[500px] sm:max-w-[500px]", children: [(0, jsx_runtime_1.jsx)("a", { href: url, className: "block text-inherit hover:text-inherit", target: "_blank", rel: "noreferrer", children: (0, jsx_runtime_1.jsx)(ArrowTopRightOnSquareIcon_1.default, { className: "w-4 h-4 float-right" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-2", children: ["Error loading \"", file, "\" from GitHub."] })] }));
+        return ((0, jsx_runtime_1.jsxs)("div", { className: "hover-document w-[500px] sm:max-w-[500px]", children: [(0, jsx_runtime_1.jsx)("a", { href: url, className: "block text-inherit hover:text-inherit", target: "_blank", rel: "noreferrer", children: (0, jsx_runtime_1.jsx)(ArrowTopRightOnSquareIcon_1.default, { className: "float-right w-4 h-4" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-2", children: ["Error loading \"", file, "\" from GitHub."] })] }));
     }
     const lang = extToLanguage(file === null || file === void 0 ? void 0 : file.split('.').pop());
     let startingLineNumber = 1;
@@ -83,14 +83,14 @@ function GithubIssuePreview({ url, org, repo, issue_number, open, }) {
     }
     const resp = data;
     if (error) {
-        return ((0, jsx_runtime_1.jsxs)("div", { className: "hover-document", children: [(0, jsx_runtime_1.jsx)("a", { href: url, className: "block text-inherit hover:text-inherit", target: "_blank", rel: "noreferrer", children: (0, jsx_runtime_1.jsx)(ArrowTopRightOnSquareIcon_1.default, { className: "w-4 h-4 float-right" }) }), (0, jsx_runtime_1.jsx)("div", { className: "mt-2", children: "Error loading from GitHub." })] }));
+        return ((0, jsx_runtime_1.jsxs)("div", { className: "hover-document", children: [(0, jsx_runtime_1.jsx)("a", { href: url, className: "block text-inherit hover:text-inherit", target: "_blank", rel: "noreferrer", children: (0, jsx_runtime_1.jsx)(ArrowTopRightOnSquareIcon_1.default, { className: "float-right w-4 h-4" }) }), (0, jsx_runtime_1.jsx)("div", { className: "mt-2", children: "Error loading from GitHub." })] }));
     }
     const dateString = new Date(resp.created_at).toLocaleDateString('en-US', {
         year: 'numeric',
         month: 'long',
         day: 'numeric',
     });
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "hover-document w-[400px] sm:max-w-[400px] p-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-xs font-light", children: [org, "/", repo] }), (0, jsx_runtime_1.jsxs)("div", { className: "text-lg font-bold my-2 dark:text-white", children: [resp.state === 'open' && ((0, jsx_runtime_1.jsx)(PlusCircleIcon_1.default, { className: "w-6 h-6 inline-block text-green-700 dark:text-green-500 mr-2 -translate-y-px" })), resp.state === 'closed' && ((0, jsx_runtime_1.jsx)(CheckCircleIcon_1.default, { className: "w-6 h-6 inline-block text-purple-700 dark:text-purple-500 mr-2 -translate-y-px" })), resp.title] }), (0, jsx_runtime_1.jsxs)("div", { className: "text-xs font-light", children: ["#", issue_number, " opened on ", dateString, " by", ' ', (0, jsx_runtime_1.jsxs)("span", { className: "font-normal", children: ["@", resp.user.login] })] }), (0, jsx_runtime_1.jsx)("p", { className: "text-md max-h-[4rem] overflow-hidden", children: resp.body }), ((_a = resp.labels) === null || _a === void 0 ? void 0 : _a.length) > 0 && ((0, jsx_runtime_1.jsx)("div", { className: "flex flex-wrap", children: (_b = resp.labels) === null || _b === void 0 ? void 0 : _b.map((label) => ((0, jsx_runtime_1.jsx)("span", { className: (0, classnames_1.default)('mr-1 text-xs inline-flex items-center px-2 py-0.5 rounded-full', {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "hover-document w-[400px] sm:max-w-[400px] p-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-xs font-light", children: [org, "/", repo] }), (0, jsx_runtime_1.jsxs)("div", { className: "my-2 text-lg font-bold dark:text-white", children: [resp.state === 'open' && ((0, jsx_runtime_1.jsx)(PlusCircleIcon_1.default, { className: "inline-block w-6 h-6 mr-2 text-green-700 dark:text-green-500 -translate-y-px" })), resp.state === 'closed' && ((0, jsx_runtime_1.jsx)(CheckCircleIcon_1.default, { className: "inline-block w-6 h-6 mr-2 text-purple-700 dark:text-purple-500 -translate-y-px" })), resp.title] }), (0, jsx_runtime_1.jsxs)("div", { className: "text-xs font-light", children: ["#", issue_number, " opened on ", dateString, " by", ' ', (0, jsx_runtime_1.jsxs)("span", { className: "font-normal", children: ["@", resp.user.login] })] }), (0, jsx_runtime_1.jsx)("p", { className: "text-md max-h-[4rem] overflow-hidden", children: resp.body }), ((_a = resp.labels) === null || _a === void 0 ? void 0 : _a.length) > 0 && ((0, jsx_runtime_1.jsx)("div", { className: "flex flex-wrap", children: (_b = resp.labels) === null || _b === void 0 ? void 0 : _b.map((label) => ((0, jsx_runtime_1.jsx)("span", { className: (0, classnames_1.default)('mr-1 text-xs inline-flex items-center px-2 py-0.5 rounded-full', {
                         'text-white': useWhiteTextColor(label.color),
                     }), style: { backgroundColor: `#${label.color}` }, children: label.name }, label.id))) }))] }));
 }

package/dist/cjs/links/index.js

@@ -58,7 +58,7 @@ const linkBlock = (node, children) => {
     const iconClass = 'w-6 h-6 self-center transition-transform flex-none ml-3';
     const containerClass = 'flex-1 p-4 my-5 block border font-normal hover:border-blue-500 dark:hover:border-blue-400 no-underline hover:text-blue-600 dark:hover:text-blue-400 text-gray-600 dark:text-gray-100 border-gray-200 dark:border-gray-500 rounded shadow-sm hover:shadow-lg dark:shadow-neutral-700';
     const internal = (_a = node.internal) !== null && _a !== void 0 ? _a : false;
-    const nested = ((0, jsx_runtime_1.jsxs)("div", { className: "flex align-middle h-full", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex-grow", children: [node.title, (0, jsx_runtime_1.jsx)("div", { className: "text-xs text-gray-500 dark:text-gray-400", children: children })] }), internal && (0, jsx_runtime_1.jsx)(LinkIcon_1.default, { className: iconClass }), !internal && (0, jsx_runtime_1.jsx)(ArrowTopRightOnSquareIcon_1.default, { className: iconClass })] }));
+    const nested = ((0, jsx_runtime_1.jsxs)("div", { className: "flex h-full align-middle", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex-grow", children: [node.title, (0, jsx_runtime_1.jsx)("div", { className: "text-xs text-gray-500 dark:text-gray-400", children: children })] }), internal && (0, jsx_runtime_1.jsx)(LinkIcon_1.default, { className: iconClass }), !internal && (0, jsx_runtime_1.jsx)(ArrowTopRightOnSquareIcon_1.default, { className: iconClass })] }));
     if (internal) {
         return ((0, jsx_runtime_1.jsx)("a", { href: node.url, className: containerClass, children: nested }, node.key));
     }

package/dist/cjs/links/rrid.js

@@ -26,7 +26,7 @@ function RRIDChild({ rrid }) {
     const category = (_e = supercategory === null || supercategory === void 0 ? void 0 : supercategory[0]) === null || _e === void 0 ? void 0 : _e.name;
     const types = (_f = categories === null || categories === void 0 ? void 0 : categories.map(({ name }) => name)) !== null && _f !== void 0 ? _f : [];
     const tags = (_g = keywords === null || keywords === void 0 ? void 0 : keywords.map(({ keyword }) => keyword)) !== null && _g !== void 0 ? _g : [];
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "hover-document w-[500px] sm:max-w-[500px] p-3", children: [(0, jsx_runtime_1.jsxs)("p", { className: "text-sm font-light", children: ["RRID: ", category] }), (0, jsx_runtime_1.jsxs)("div", { className: "text-xl font-bold mb-4", children: [title, " ", (0, jsx_runtime_1.jsx)("code", { children: curie })] }), (0, jsx_runtime_1.jsx)("p", { className: "text-md", children: description }), types.length > 0 && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "text-xs font-thin my-2", children: "Categories" }), (0, jsx_runtime_1.jsx)("div", { className: "flex flex-wrap ml-1", children: types === null || types === void 0 ? void 0 : types.map((tag) => ((0, jsx_runtime_1.jsx)("span", { className: "ml-1 text-xs inline-flex items-center uppercase px-3 py-1 rounded-full border", children: tag }))) })] })), tags.length > 0 && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "text-xs font-thin my-2", children: "Tags" }), (0, jsx_runtime_1.jsx)("div", { className: "flex flex-wrap ml-1", children: tags === null || tags === void 0 ? void 0 : tags.map((tag) => ((0, jsx_runtime_1.jsx)("span", { className: "ml-1 text-xs inline-flex items-center uppercase px-3 py-1 rounded-full border", children: tag }))) })] }))] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "hover-document w-[500px] sm:max-w-[500px] p-3", children: [(0, jsx_runtime_1.jsxs)("p", { className: "text-sm font-light", children: ["RRID: ", category] }), (0, jsx_runtime_1.jsxs)("div", { className: "mb-4 text-xl font-bold", children: [title, " ", (0, jsx_runtime_1.jsx)("code", { children: curie })] }), (0, jsx_runtime_1.jsx)("p", { className: "text-md", children: description }), types.length > 0 && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "my-2 text-xs font-thin", children: "Categories" }), (0, jsx_runtime_1.jsx)("div", { className: "flex flex-wrap ml-1", children: types === null || types === void 0 ? void 0 : types.map((tag) => ((0, jsx_runtime_1.jsx)("span", { className: "inline-flex items-center px-3 py-1 ml-1 text-xs uppercase border rounded-full", children: tag }))) })] })), tags.length > 0 && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "my-2 text-xs font-thin", children: "Tags" }), (0, jsx_runtime_1.jsx)("div", { className: "flex flex-wrap ml-1", children: tags === null || tags === void 0 ? void 0 : tags.map((tag) => ((0, jsx_runtime_1.jsx)("span", { className: "inline-flex items-center px-3 py-1 ml-1 text-xs uppercase border rounded-full", children: tag }))) })] }))] }));
 }
 function RRIDLink({ rrid }) {
     return ((0, jsx_runtime_1.jsx)(HoverPopover_1.HoverPopover, { card: (0, jsx_runtime_1.jsx)(RRIDChild, { rrid: rrid }), children: (0, jsx_runtime_1.jsxs)("a", { href: `https://scicrunch.org/resolver/${rrid}`, target: "_blank", rel: "noopener noreferrer", children: ["RRID: ", (0, jsx_runtime_1.jsx)("cite", { className: "italic", children: rrid })] }) }));

package/dist/cjs/links/wiki.js

@@ -29,7 +29,7 @@ function WikiChild({ page, wiki, load }) {
     const url = (_b = (_a = content_urls === null || content_urls === void 0 ? void 0 : content_urls.desktop) === null || _a === void 0 ? void 0 : _a.page) !== null && _b !== void 0 ? _b : createWikiUrl(page);
     const image = thumbnail === null || thumbnail === void 0 ? void 0 : thumbnail.source;
     if (error) {
-        return ((0, jsx_runtime_1.jsxs)("span", { children: [(0, jsx_runtime_1.jsxs)("a", { href: url, className: "block text-inherit hover:text-inherit", target: "_blank", rel: "noreferrer", children: [(0, jsx_runtime_1.jsx)(ArrowTopRightOnSquareIcon_1.default, { className: "w-4 h-4 float-right" }), (0, jsx_runtime_1.jsx)(WikiTextMark, {})] }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-2", children: ["Error loading \"", page, "\" from wikipedia."] })] }));
+        return ((0, jsx_runtime_1.jsxs)("span", { children: [(0, jsx_runtime_1.jsxs)("a", { href: url, className: "block text-inherit hover:text-inherit", target: "_blank", rel: "noreferrer", children: [(0, jsx_runtime_1.jsx)(ArrowTopRightOnSquareIcon_1.default, { className: "float-right w-4 h-4" }), (0, jsx_runtime_1.jsx)(WikiTextMark, {})] }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-2", children: ["Error loading \"", page, "\" from wikipedia."] })] }));
     }
     return ((0, jsx_runtime_1.jsx)(LinkCard_1.LinkCard, { loading: !data, url: url, title: (0, jsx_runtime_1.jsx)(WikiTextMark, {}), thumbnail: image, description: extract }));
 }

package/dist/cjs/math.js

@@ -13,7 +13,7 @@ const mathRenderer = (node) => {
             return ((0, jsx_runtime_1.jsxs)("pre", { title: node.message, children: [(0, jsx_runtime_1.jsxs)("span", { className: "text-red-500", children: [(0, jsx_runtime_1.jsx)(ExclamationCircleIcon_1.default, { className: "inline h-[1em] mr-1" }), node.message, '\n\n'] }), node.value] }, node.key));
         }
         const id = node.html_id || node.identifier || node.key;
-        return ((0, jsx_runtime_1.jsxs)("div", { id: id, className: "flex group my-5", children: [(0, jsx_runtime_1.jsx)("div", { dangerouslySetInnerHTML: { __html: node.html }, className: "overflow-x-auto overflow-y-hidden flex-grow" }), node.enumerator && ((0, jsx_runtime_1.jsx)("div", { className: "flex-none text-right m-0 pl-2 self-center relative select-none", children: (0, jsx_runtime_1.jsxs)(heading_1.HashLink, { id: id, kind: "Equation", className: "text-inherit hover:text-inherit", children: ["(", node.enumerator, ")"] }) }))] }, node.key));
+        return ((0, jsx_runtime_1.jsxs)("div", { id: id, className: "flex my-5 group", children: [(0, jsx_runtime_1.jsx)("div", { dangerouslySetInnerHTML: { __html: node.html }, className: "flex-grow overflow-x-auto overflow-y-hidden" }), node.enumerator && ((0, jsx_runtime_1.jsx)("div", { className: "relative self-center flex-none pl-2 m-0 text-right select-none", children: (0, jsx_runtime_1.jsxs)(heading_1.HashLink, { id: id, kind: "Equation", className: "text-inherit hover:text-inherit", children: ["(", node.enumerator, ")"] }) }))] }, node.key));
     }
     if (node.error || !node.html) {
         return (0, jsx_runtime_1.jsx)(inlineError_1.InlineError, { value: node.value, message: node.message }, node.key);

package/dist/cjs/proof.js

@@ -92,7 +92,7 @@ function Proof({ title, kind, color, dropdown, children, identifier, enumerator,
                     'bg-red-50/80 dark:bg-slate-900': color === 'red',
                     'bg-purple-50/80 dark:bg-slate-900': color === 'purple',
                     'cursor-pointer hover:shadow-[inset_0_0_0px_30px_#00000003] dark:hover:shadow-[inset_0_0_0px_30px_#FFFFFF03]': dropdown,
-                }), children: [(0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)('text-neutral-900 dark:text-white grow self-center overflow-hidden break-words', 'ml-4'), children: [(0, jsx_runtime_1.jsxs)(heading_1.HashLink, { id: identifier, kind: capitalize(kind), children: [capitalize(kind), " ", enumerator] }), ' ', title && (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["(", title, ")"] })] }), dropdown && ((0, jsx_runtime_1.jsx)("div", { className: "font-thin text-sm text-neutral-700 dark:text-neutral-200 self-center flex-none", children: (0, jsx_runtime_1.jsx)(ChevronRightIcon_1.default, { className: (0, classnames_1.default)(iconClass, 'transition-transform details-toggle') }) }))] }), (0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('px-4', { 'details-body': dropdown }), children: children })] }));
+                }), children: [(0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)('text-neutral-900 dark:text-white grow self-center overflow-hidden break-words', 'ml-4'), children: [(0, jsx_runtime_1.jsxs)(heading_1.HashLink, { id: identifier, kind: capitalize(kind), children: [capitalize(kind), " ", enumerator] }), ' ', title && (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["(", title, ")"] })] }), dropdown && ((0, jsx_runtime_1.jsx)("div", { className: "self-center flex-none text-sm font-thin text-neutral-700 dark:text-neutral-200", children: (0, jsx_runtime_1.jsx)(ChevronRightIcon_1.default, { className: (0, classnames_1.default)(iconClass, 'transition-transform details-toggle') }) }))] }), (0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('px-4', { 'details-body': dropdown }), children: children })] }));
 }
 exports.Proof = Proof;
 const ProofRenderer = (node, children) => {

package/dist/cjs/tabs.js

@@ -35,12 +35,12 @@ function TabSet({ tabs, children }) {
             return;
         setActive(tab === null || tab === void 0 ? void 0 : tab.id);
     }, [tabs, lastClickedTab, setActive]);
-    return ((0, jsx_runtime_1.jsx)(TabSetStateProvider, { active: active, children: (0, jsx_runtime_1.jsxs)("div", { className: "my-5", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex flex-row border-b border-b-gray-100 overflow-x-auto", children: tabs.map((tab) => {
+    return ((0, jsx_runtime_1.jsx)(TabSetStateProvider, { active: active, children: (0, jsx_runtime_1.jsxs)("div", { className: "my-5", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex flex-row overflow-x-auto border-b border-b-gray-100", children: tabs.map((tab) => {
                         return ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('flex-none px-3 py-1 font-semibold cursor-pointer', {
                                 'text-blue-600 border-b-2 border-b-blue-600 dark:border-b-white dark:text-white': active === tab.id,
                                 'text-gray-500 dark:text-gray-300 hover:text-gray-700 dark:hover:text-gray-100': active !== tab.id,
                             }), onClick: () => onClick(tab), children: tab.title }, tab.id));
-                    }) }), (0, jsx_runtime_1.jsx)("div", { className: "shadow flex", children: (0, jsx_runtime_1.jsx)("div", { className: "w-full px-6", children: children }) })] }) }));
+                    }) }), (0, jsx_runtime_1.jsx)("div", { className: "flex shadow", children: (0, jsx_runtime_1.jsx)("div", { className: "w-full px-6", children: children }) })] }) }));
 }
 exports.TabSet = TabSet;
 function TabItem({ id, children, }) {

package/dist/esm/admonitions.js

@@ -126,7 +126,7 @@ export function Admonition({ title, kind, color, simple, dropdown, children, hid
                             'text-green-600': color === 'green',
                             'text-amber-600': color === 'yellow',
                             'text-red-600': color === 'red',
-                        }) })), _jsx("div", { className: classNames('text-neutral-900 dark:text-white grow self-center overflow-hidden break-words', { 'ml-4': hideIcon }), children: title }), dropdown && (_jsx("div", { className: "font-thin text-sm text-neutral-700 dark:text-neutral-200 self-center flex-none", children: _jsx(ChevronRightIcon, { className: classNames(iconClass, 'transition-transform details-toggle') }) }))] })), _jsx("div", { className: classNames('px-4', { 'py-1': !simple, 'details-body': dropdown }), children: children })] }));
+                        }) })), _jsx("div", { className: classNames('text-neutral-900 dark:text-white grow self-center overflow-hidden break-words', { 'ml-4': hideIcon }), children: title }), dropdown && (_jsx("div", { className: "self-center flex-none text-sm font-thin text-neutral-700 dark:text-neutral-200", children: _jsx(ChevronRightIcon, { className: classNames(iconClass, 'transition-transform details-toggle') }) }))] })), _jsx("div", { className: classNames('px-4', { 'py-1': !simple, 'details-body': dropdown }), children: children })] }));
 }
 export const AdmonitionRenderer = (node, children) => {
     var _a;

package/dist/esm/basic.js

@@ -66,7 +66,7 @@ const BASIC_RENDERERS = {
         }
         const label = typeof children === 'string' ? backwardsCompatibleLabel(children, node.kind) : children;
         const id = node.html_id || node.identifier || node.key;
-        return (_jsx(HashLink, { id: id, kind: node.kind, className: "mr-1 text-inherit hover:text-inherit font-semibold hover:font-semibold", children: label }, node.key));
+        return (_jsx(HashLink, { id: id, kind: node.kind, className: "mr-1 font-semibold text-inherit hover:text-inherit hover:font-semibold", children: label }, node.key));
     },
     table(node, children) {
         // TODO: actually render the tbody on the server if it isn't included here.
@@ -93,7 +93,7 @@ const BASIC_RENDERERS = {
         return _jsx("sup", { children: children }, node.key);
     },
     abbreviation(node, children) {
-        return (_jsx(HoverPopover, { side: "top", card: _jsx("div", { className: "bg-blue-900 text-white dark:bg-white dark:text-black text-xs p-1", children: node.title }), arrowClass: "fill-blue-900 dark:fill-white", children: _jsx("abbr", { "aria-label": node.title, className: "cursor-help border-b border-dotted", children: children }) }, node.key));
+        return (_jsx(HoverPopover, { side: "top", card: _jsx("div", { className: "p-1 text-xs text-white bg-blue-900 dark:bg-white dark:text-black", children: node.title }), arrowClass: "fill-blue-900 dark:fill-white", children: _jsx("abbr", { "aria-label": node.title, className: "border-b border-dotted cursor-help", children: children }) }, node.key));
     },
     mystComment() {
         return null;

package/dist/esm/card.js

@@ -2,10 +2,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import classNames from 'classnames';
 import { useLinkProvider, useBaseurl, withBaseurl } from '@myst-theme/providers';
 export const Header = (node, children) => {
-    return (_jsx("header", { className: "m-0 py-1 pl-3 bg-gray-50 dark:bg-slate-900 border-b border-gray-100 dark:border-gray-800", children: children }, node.key));
+    return (_jsx("header", { className: "py-1 pl-3 m-0 border-b border-gray-100 bg-gray-50 dark:bg-slate-900 dark:border-gray-800", children: children }, node.key));
 };
 export const Footer = (node, children) => {
-    return (_jsx("footer", { className: "m-0 py-1 pl-3 bg-gray-50 dark:bg-slate-900 border-t border-gray-100 dark:border-gray-800", children: children }, node.key));
+    return (_jsx("footer", { className: "py-1 pl-3 m-0 border-t border-gray-100 bg-gray-50 dark:bg-slate-900 dark:border-gray-800", children: children }, node.key));
 };
 export const CardTitle = (node, children) => {
     return (_jsx("div", { className: "pt-3 font-bold group-hover:underline", children: children }, node.key));
@@ -38,9 +38,9 @@ function Card({ children, url, isStatic, }) {
     const link = !!url;
     const sharedStyle = 'my-5 rounded shadow dark:shadow-neutral-800 overflow-hidden border border-gray-100 dark:border-gray-800 flex flex-col';
     if (link) {
-        return (_jsxs(ExternalOrInternalLink, { to: url, isStatic: isStatic, className: classNames(sharedStyle, 'text-inherit hover:text-inherit', 'block font-normal no-underline hover:no-underline cursor-pointer group', 'hover:border-blue-500 dark:hover:border-blue-400'), children: [parts.header, _jsx("div", { className: "py-2 px-4 flex-grow", children: parts.body }), parts.footer] }));
+        return (_jsxs(ExternalOrInternalLink, { to: url, isStatic: isStatic, className: classNames(sharedStyle, 'text-inherit hover:text-inherit', 'block font-normal no-underline hover:no-underline cursor-pointer group', 'hover:border-blue-500 dark:hover:border-blue-400'), children: [parts.header, _jsx("div", { className: "flex-grow px-4 py-2", children: parts.body }), parts.footer] }));
     }
-    return (_jsxs("div", { className: sharedStyle, children: [parts.header, _jsx("div", { className: "py-2 px-4 flex-grow", children: parts.body }), parts.footer] }));
+    return (_jsxs("div", { className: sharedStyle, children: [parts.header, _jsx("div", { className: "flex-grow px-4 py-2", children: parts.body }), parts.footer] }));
 }
 export const CardRenderer = (node, children) => {
     return (_jsx(Card, { url: node.url, isStatic: node.static || false, children: children }, node.key));

package/dist/esm/code.js

@@ -21,7 +21,7 @@ export function CodeBlock(props) {
             'shadow hover:shadow-md dark:shadow-2xl dark:shadow-neutral-900 my-5 text-sm': shadow,
             'bg-stone-200/10': background,
             'border border-l-4 border-l-blue-400 border-gray-200 dark:border-l-blue-400 dark:border-gray-800': border,
-        }), children: [filename && _jsx("div", { className: "leading-3 mt-1 p-1", children: filename }), _jsx(SyntaxHighlighter, { language: normalizeLanguage(lang), startingLineNumber: startingLineNumber, showLineNumbers: showLineNumbers, style: isLight ? Object.assign(Object.assign({}, light), { hljs: Object.assign(Object.assign({}, light.hljs), { background: 'transparent' }) }) : dark, wrapLines: true, lineNumberContainerStyle: {
+        }), children: [filename && _jsx("div", { className: "p-1 mt-1 leading-3", children: filename }), _jsx(SyntaxHighlighter, { language: normalizeLanguage(lang), startingLineNumber: startingLineNumber, showLineNumbers: showLineNumbers, style: isLight ? Object.assign(Object.assign({}, light), { hljs: Object.assign(Object.assign({}, light.hljs), { background: 'transparent' }) }) : dark, wrapLines: true, lineNumberContainerStyle: {
                     // This stops page content shifts
                     display: 'inline-block',
                     float: 'left',
@@ -57,7 +57,7 @@ function isColor(maybeColorHash) {
 }
 const inlineCode = (node, children) => {
     if (isColor(node.value)) {
-        return (_jsxs("code", { className: "bg-slate-100 text-slate-700 dark:bg-slate-800 dark:text-slate-100 px-1 rounded", children: [children, _jsx("span", { style: { backgroundColor: node.value }, className: "inline-block w-[10px] h-[10px] rounded-full ml-1" })] }, node.key));
+        return (_jsxs("code", { className: "px-1 rounded bg-slate-100 text-slate-700 dark:bg-slate-800 dark:text-slate-100", children: [children, _jsx("span", { style: { backgroundColor: node.value }, className: "inline-block w-[10px] h-[10px] rounded-full ml-1" })] }, node.key));
     }
     return _jsx("code", { children: children }, node.key);
 };

package/dist/esm/components/LinkCard.js

@@ -8,5 +8,5 @@ export function LinkCard({ url, title, internal = false, loading = false, descri
     const to = withBaseurl(url, baseurl);
     return (_jsxs("div", { className: classNames('hover-card-content rounded overflow-hidden', className, {
             'animate-pulse': loading,
-        }), children: [!loading && thumbnail && (_jsx("img", { src: thumbnail, className: "w-full h-[150px] object-cover object-top object-left m-0" })), loading && _jsx("div", { className: "animate-pulse bg-slate-100 dark:bg-slate-800 w-full h-[150px]" }), internal && (_jsx(Link, { to: to, className: "block text-sm font-semibold text-inherit hover:text-inherit px-3 mt-3", prefetch: "intent", children: title })), !internal && (_jsxs("a", { href: to, className: "block text-sm font-semibold text-inherit hover:text-inherit px-3 mt-3", target: "_blank", rel: "noreferrer", children: [_jsx(ExternalLinkIcon, { className: "w-4 h-4 float-right" }), title] })), !loading && description && (_jsx("div", { className: "p-3 prose text-sm max-h-[300px] overflow-hidden", children: description }))] }));
+        }), children: [!loading && thumbnail && (_jsx("img", { src: thumbnail, className: "w-full h-[150px] object-cover object-top object-left m-0" })), loading && _jsx("div", { className: "animate-pulse bg-slate-100 dark:bg-slate-800 w-full h-[150px]" }), internal && (_jsx(Link, { to: to, className: "block px-3 mt-3 text-sm font-semibold text-inherit hover:text-inherit", prefetch: "intent", children: title })), !internal && (_jsxs("a", { href: to, className: "block px-3 mt-3 text-sm font-semibold text-inherit hover:text-inherit", target: "_blank", rel: "noreferrer", children: [_jsx(ExternalLinkIcon, { className: "float-right w-4 h-4" }), title] })), !loading && description && (_jsx("div", { className: "p-3 prose text-sm max-h-[300px] overflow-hidden", children: description }))] }));
 }

package/dist/esm/crossReference.d.ts

@@ -1,6 +1,11 @@
 /// <reference types="react" />
 import type { CrossReference } from 'myst-spec';
 import type { NodeRenderer } from '@myst-theme/providers';
+export declare function useFetchMdast({ remote, url, dataUrl, }: {
+    remote?: boolean;
+    url?: string;
+    dataUrl?: string;
+}): import("swr/_internal").SWRResponse<any, any, any>;
 export declare function CrossReferenceHover({ url: urlIn, dataUrl: dataUrlIn, remote: remoteIn, children, identifier, htmlId, }: {
     remote?: boolean;
     url?: string;

package/dist/esm/crossReference.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"crossReference.d.ts","sourceRoot":"","sources":["../../src/crossReference.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAahD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAyJ1D,wBAAgB,mBAAmB,CAAC,EAClC,GAAG,EAAE,KAAK,EACV,OAAO,EAAE,SAAS,EAClB,MAAM,EAAE,QAAQ,EAChB,QAAQ,EACR,UAAU,EACV,MAAW,GACZ,EAAE;IACD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,2CAuDA;AAED,eAAO,MAAM,kBAAkB,EAAE,YAAY,CAAC,cAAc,CAuB3D,CAAC;AAEF,QAAA,MAAM,yBAAyB;;CAE9B,CAAC;AAEF,eAAe,yBAAyB,CAAC"}
+{"version":3,"file":"crossReference.d.ts","sourceRoot":"","sources":["../../src/crossReference.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAahD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AA2H1D,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,GAAG,EACH,OAAO,GACR,EAAE;IACD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,sDAWA;AAuBD,wBAAgB,mBAAmB,CAAC,EAClC,GAAG,EAAE,KAAK,EACV,OAAO,EAAE,SAAS,EAClB,MAAM,EAAE,QAAQ,EAChB,QAAQ,EACR,UAAU,EACV,MAAW,GACZ,EAAE;IACD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,2CAuDA;AAED,eAAO,MAAM,kBAAkB,EAAE,YAAY,CAAC,cAAc,CAuB3D,CAAC;AAEF,QAAA,MAAM,yBAAyB;;CAE9B,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

package/dist/esm/crossReference.js

@@ -101,22 +101,26 @@ function openDetails(el) {
     }
     openDetails(el.parentElement);
 }
-function useSelectNodes({ load, remote, url, dataUrl, identifier, }) {
-    var _a, _b;
-    const baseurl = useBaseurl();
-    const references = useReferences();
+export function useFetchMdast({ remote, url, dataUrl, }) {
+    var _a;
     // dataUrl should point directly to the cross reference mdast data.
     // If dataUrl is not provided, it will be computed by appending .json to the url.
-    if (!load)
-        return;
+    const baseurl = useBaseurl();
     const external = (_a = url === null || url === void 0 ? void 0 : url.startsWith('http')) !== null && _a !== void 0 ? _a : false;
     const lookupUrl = external
         ? `/api/lookup?url=${url}.json`
         : dataUrl
             ? `${withBaseurl(dataUrl, baseurl)}`
             : `${withBaseurl(url, baseurl)}.json`;
-    const { data, error } = useSWR(remote ? lookupUrl : null, fetcher);
-    const mdast = (_b = data === null || data === void 0 ? void 0 : data.mdast) !== null && _b !== void 0 ? _b : references === null || references === void 0 ? void 0 : references.article;
+    return useSWR(remote ? lookupUrl : null, fetcher);
+}
+function useSelectNodes({ load, remote, url, dataUrl, identifier, }) {
+    var _a;
+    const references = useReferences();
+    if (!load)
+        return;
+    const { data, error } = useFetchMdast({ remote, url, dataUrl });
+    const mdast = (_a = data === null || data === void 0 ? void 0 : data.mdast) !== null && _a !== void 0 ? _a : references === null || references === void 0 ? void 0 : references.article;
     const { nodes, htmlId } = selectMdastNodes(mdast, identifier);
     return { htmlId, nodes, loading: remote && !data, error: remote && error };
 }

package/dist/esm/dropdown.js

@@ -6,7 +6,7 @@ export const SummaryTitle = (node, children) => {
     return children;
 };
 export function Details({ title, children, open, }) {
-    return (_jsxs("details", { className: classNames('rounded-md my-5 shadow dark:shadow-2xl dark:shadow-neutral-900 overflow-hidden', 'bg-gray-50 dark:bg-stone-800'), open: open, children: [_jsx("summary", { className: classNames('m-0 text-lg font-medium py-1 min-h-[2em] pl-3', 'cursor-pointer hover:shadow-[inset_0_0_0px_30px_#00000003] dark:hover:shadow-[inset_0_0_0px_30px_#FFFFFF03]', 'bg-gray-100 dark:bg-slate-900'), children: _jsxs("span", { className: "text-neutral-900 dark:text-white", children: [_jsx("span", { className: "block float-right font-thin text-sm text-neutral-700 dark:text-neutral-200", children: _jsx(ChevronRightIcon, { className: classNames(iconClass, 'details-toggle', 'transition-transform') }) }), title] }) }), _jsx("div", { className: "px-4 py-1 details-body", children: children })] }));
+    return (_jsxs("details", { className: classNames('rounded-md my-5 shadow dark:shadow-2xl dark:shadow-neutral-900 overflow-hidden', 'bg-gray-50 dark:bg-stone-800'), open: open, children: [_jsx("summary", { className: classNames('m-0 text-lg font-medium py-1 min-h-[2em] pl-3', 'cursor-pointer hover:shadow-[inset_0_0_0px_30px_#00000003] dark:hover:shadow-[inset_0_0_0px_30px_#FFFFFF03]', 'bg-gray-100 dark:bg-slate-900'), children: _jsxs("span", { className: "text-neutral-900 dark:text-white", children: [_jsx("span", { className: "block float-right text-sm font-thin text-neutral-700 dark:text-neutral-200", children: _jsx(ChevronRightIcon, { className: classNames(iconClass, 'details-toggle', 'transition-transform') }) }), title] }) }), _jsx("div", { className: "px-4 py-1 details-body", children: children })] }));
 }
 export const DetailsRenderer = (node, children) => {
     const [title, ...rest] = children;

package/dist/esm/exercise.js

@@ -62,7 +62,7 @@ export function Callout({ title, color, dropdown, children, identifier, Icon, })
                             'text-red-600': color === 'red',
                             'text-purple-600': color === 'purple',
                         })) })), _jsx("div", { className: classNames('text-neutral-900 dark:text-white grow self-center overflow-hidden break-words', { 'ml-4': !Icon }, // No icon!
-                        'group'), children: title }), dropdown && (_jsx("div", { className: "font-thin text-sm text-neutral-700 dark:text-neutral-200 self-center flex-none", children: _jsx(ChevronRightIcon, { className: classNames(iconClass, 'transition-transform details-toggle') }) }))] }), _jsx("div", { className: classNames('px-4', { 'details-body': dropdown }), children: children })] }));
+                        'group'), children: title }), dropdown && (_jsx("div", { className: "self-center flex-none text-sm font-thin text-neutral-700 dark:text-neutral-200", children: _jsx(ChevronRightIcon, { className: classNames(iconClass, 'transition-transform details-toggle') }) }))] }), _jsx("div", { className: classNames('px-4', { 'details-body': dropdown }), children: children })] }));
 }
 export const ExerciseRenderer = (node, children) => {
     var _a, _b, _c;

package/dist/esm/extensions/chemicalFormula.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chemicalFormula.d.ts","sourceRoot":"","sources":["../../../src/extensions/chemicalFormula.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAyB1D,eAAO,MAAM,eAAe,EAAE,YAU7B,CAAC;AAEF,QAAA,MAAM,cAAc;;CAEnB,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"chemicalFormula.d.ts","sourceRoot":"","sources":["../../../src/extensions/chemicalFormula.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AA0B1D,eAAO,MAAM,eAAe,EAAE,YAU7B,CAAC;AAEF,QAAA,MAAM,cAAc;;CAEnB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/esm/extensions/chemicalFormula.js

@@ -5,8 +5,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * @returns ['H', '2', '0']
  */
 function parseFormula(formula) {
-    return [...(formula !== null && formula !== void 0 ? formula : '')].reduce((acc, letter) => {
+    return [...(formula !== null && formula !== void 0 ? formula : '')].reduce((acc, current) => {
         const last = acc.pop();
+        const letter = current === '+' ? '⁺' : current === '-' ? '⁻' : current;
         const isNumber = letter.match(/[0-9]/);
         const lastIsNumber = last === null || last === void 0 ? void 0 : last.match(/[0-9]/);
         if (isNumber) {
@@ -23,7 +24,7 @@ function parseFormula(formula) {
 }
 export const ChemicalFormula = (node) => {
     const parts = parseFormula(node.value);
-    return (_jsx("code", { className: "text-inherit", children: parts.map((letter, index) => {
+    return (_jsx("span", { className: "text-inherit", "aria-roledescription": "Chemical Formula", children: parts.map((letter, index) => {
             if (letter.match(/[0-9]/))
                 return _jsx("sub", { children: letter }, index);
             return _jsx("span", { children: letter }, index);

package/dist/esm/heading.js

@@ -23,7 +23,7 @@ export function HashLink({ id, kind, title = `Link to this ${kind}`, children =
 const Heading = (node, children) => {
     const { enumerator, depth, key, identifier, html_id } = node;
     const id = html_id || identifier || key;
-    const textContent = (_jsxs(_Fragment, { children: [enumerator && _jsx("span", { className: "select-none mr-3", children: enumerator }), _jsx("span", { className: "heading-text", children: children }), _jsx(HashLink, { id: id, kind: "Section", className: "px-2 font-normal", hover: true, hideInPopup: true })] }));
+    const textContent = (_jsxs(_Fragment, { children: [enumerator && _jsx("span", { className: "mr-3 select-none", children: enumerator }), _jsx("span", { className: "heading-text", children: children }), _jsx(HashLink, { id: id, kind: "Section", className: "px-2 font-normal", hover: true, hideInPopup: true })] }));
     // The `heading-text` class is picked up in the Outline to select without the enumerator and "#" link
     return e(`h${depth}`, {
         key: node.key,

package/dist/esm/index.d.ts

@@ -6,6 +6,7 @@ export { CodeBlock } from './code';
 export { Admonition, AdmonitionKind } from './admonitions';
 export { Details } from './dropdown';
 export { TabSet, TabItem } from './tabs';
+export { useFetchMdast } from './crossReference';
 export declare const DEFAULT_RENDERERS: Record<string, NodeRenderer>;
 export declare function useParse(node: GenericParent | null, renderers?: Record<string, NodeRenderer>): import("react").ReactNode;
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAwBjD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEzC,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAsB1D,CAAC;AAEF,wBAAgB,QAAQ,CACtB,IAAI,EAAE,aAAa,GAAG,IAAI,EAC1B,SAAS,GAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAqB,6BAU5D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAwBjD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAsB1D,CAAC;AAEF,wBAAgB,QAAQ,CACtB,IAAI,EAAE,aAAa,GAAG,IAAI,EAC1B,SAAS,GAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAqB,6BAU5D"}

package/dist/esm/index.js

@@ -25,6 +25,7 @@ export { CodeBlock } from './code';
 export { Admonition, AdmonitionKind } from './admonitions';
 export { Details } from './dropdown';
 export { TabSet, TabItem } from './tabs';
+export { useFetchMdast } from './crossReference';
 export const DEFAULT_RENDERERS = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, BASIC_RENDERERS), UNKNOWN_MYST_RENDERERS), IMAGE_RENDERERS), LINK_RENDERERS), CODE_RENDERERS), MATH_RENDERERS), CITE_RENDERERS), TAB_RENDERERS), IFRAME_RENDERERS), FOOTNOTE_RENDERERS), ADMONITION_RENDERERS), REACTIVE_RENDERERS), HEADING_RENDERERS), CROSS_REFERENCE_RENDERERS), DROPDOWN_RENDERERS), CARD_RENDERERS), GRID_RENDERERS), INLINE_EXPRESSION_RENDERERS), EXT_RENDERERS), PROOF_RENDERERS), EXERCISE_RENDERERS);
 export function useParse(node, renderers = DEFAULT_RENDERERS) {
     if (!node)

package/dist/esm/links/github.js

@@ -40,7 +40,7 @@ function GithubFilePreview({ url, raw, org, repo, file, from, to, open, }) {
     const { data, error } = useLoadWhenOpen(open, raw, fetcher);
     let code = data;
     if (error) {
-        return (_jsxs("div", { className: "hover-document w-[500px] sm:max-w-[500px]", children: [_jsx("a", { href: url, className: "block text-inherit hover:text-inherit", target: "_blank", rel: "noreferrer", children: _jsx(ExternalLinkIcon, { className: "w-4 h-4 float-right" }) }), _jsxs("div", { className: "mt-2", children: ["Error loading \"", file, "\" from GitHub."] })] }));
+        return (_jsxs("div", { className: "hover-document w-[500px] sm:max-w-[500px]", children: [_jsx("a", { href: url, className: "block text-inherit hover:text-inherit", target: "_blank", rel: "noreferrer", children: _jsx(ExternalLinkIcon, { className: "float-right w-4 h-4" }) }), _jsxs("div", { className: "mt-2", children: ["Error loading \"", file, "\" from GitHub."] })] }));
     }
     const lang = extToLanguage(file === null || file === void 0 ? void 0 : file.split('.').pop());
     let startingLineNumber = 1;
@@ -77,14 +77,14 @@ function GithubIssuePreview({ url, org, repo, issue_number, open, }) {
     }
     const resp = data;
     if (error) {
-        return (_jsxs("div", { className: "hover-document", children: [_jsx("a", { href: url, className: "block text-inherit hover:text-inherit", target: "_blank", rel: "noreferrer", children: _jsx(ExternalLinkIcon, { className: "w-4 h-4 float-right" }) }), _jsx("div", { className: "mt-2", children: "Error loading from GitHub." })] }));
+        return (_jsxs("div", { className: "hover-document", children: [_jsx("a", { href: url, className: "block text-inherit hover:text-inherit", target: "_blank", rel: "noreferrer", children: _jsx(ExternalLinkIcon, { className: "float-right w-4 h-4" }) }), _jsx("div", { className: "mt-2", children: "Error loading from GitHub." })] }));
     }
     const dateString = new Date(resp.created_at).toLocaleDateString('en-US', {
         year: 'numeric',
         month: 'long',
         day: 'numeric',
     });
-    return (_jsxs("div", { className: "hover-document w-[400px] sm:max-w-[400px] p-3", children: [_jsxs("div", { className: "text-xs font-light", children: [org, "/", repo] }), _jsxs("div", { className: "text-lg font-bold my-2 dark:text-white", children: [resp.state === 'open' && (_jsx(PlusCircleIcon, { className: "w-6 h-6 inline-block text-green-700 dark:text-green-500 mr-2 -translate-y-px" })), resp.state === 'closed' && (_jsx(CheckCircleIcon, { className: "w-6 h-6 inline-block text-purple-700 dark:text-purple-500 mr-2 -translate-y-px" })), resp.title] }), _jsxs("div", { className: "text-xs font-light", children: ["#", issue_number, " opened on ", dateString, " by", ' ', _jsxs("span", { className: "font-normal", children: ["@", resp.user.login] })] }), _jsx("p", { className: "text-md max-h-[4rem] overflow-hidden", children: resp.body }), ((_a = resp.labels) === null || _a === void 0 ? void 0 : _a.length) > 0 && (_jsx("div", { className: "flex flex-wrap", children: (_b = resp.labels) === null || _b === void 0 ? void 0 : _b.map((label) => (_jsx("span", { className: classNames('mr-1 text-xs inline-flex items-center px-2 py-0.5 rounded-full', {
+    return (_jsxs("div", { className: "hover-document w-[400px] sm:max-w-[400px] p-3", children: [_jsxs("div", { className: "text-xs font-light", children: [org, "/", repo] }), _jsxs("div", { className: "my-2 text-lg font-bold dark:text-white", children: [resp.state === 'open' && (_jsx(PlusCircleIcon, { className: "inline-block w-6 h-6 mr-2 text-green-700 dark:text-green-500 -translate-y-px" })), resp.state === 'closed' && (_jsx(CheckCircleIcon, { className: "inline-block w-6 h-6 mr-2 text-purple-700 dark:text-purple-500 -translate-y-px" })), resp.title] }), _jsxs("div", { className: "text-xs font-light", children: ["#", issue_number, " opened on ", dateString, " by", ' ', _jsxs("span", { className: "font-normal", children: ["@", resp.user.login] })] }), _jsx("p", { className: "text-md max-h-[4rem] overflow-hidden", children: resp.body }), ((_a = resp.labels) === null || _a === void 0 ? void 0 : _a.length) > 0 && (_jsx("div", { className: "flex flex-wrap", children: (_b = resp.labels) === null || _b === void 0 ? void 0 : _b.map((label) => (_jsx("span", { className: classNames('mr-1 text-xs inline-flex items-center px-2 py-0.5 rounded-full', {
                         'text-white': useWhiteTextColor(label.color),
                     }), style: { backgroundColor: `#${label.color}` }, children: label.name }, label.id))) }))] }));
 }

package/dist/esm/links/index.js

@@ -51,7 +51,7 @@ export const linkBlock = (node, children) => {
     const iconClass = 'w-6 h-6 self-center transition-transform flex-none ml-3';
     const containerClass = 'flex-1 p-4 my-5 block border font-normal hover:border-blue-500 dark:hover:border-blue-400 no-underline hover:text-blue-600 dark:hover:text-blue-400 text-gray-600 dark:text-gray-100 border-gray-200 dark:border-gray-500 rounded shadow-sm hover:shadow-lg dark:shadow-neutral-700';
     const internal = (_a = node.internal) !== null && _a !== void 0 ? _a : false;
-    const nested = (_jsxs("div", { className: "flex align-middle h-full", children: [_jsxs("div", { className: "flex-grow", children: [node.title, _jsx("div", { className: "text-xs text-gray-500 dark:text-gray-400", children: children })] }), internal && _jsx(LinkIcon, { className: iconClass }), !internal && _jsx(ExternalLinkIcon, { className: iconClass })] }));
+    const nested = (_jsxs("div", { className: "flex h-full align-middle", children: [_jsxs("div", { className: "flex-grow", children: [node.title, _jsx("div", { className: "text-xs text-gray-500 dark:text-gray-400", children: children })] }), internal && _jsx(LinkIcon, { className: iconClass }), !internal && _jsx(ExternalLinkIcon, { className: iconClass })] }));
     if (internal) {
         return (_jsx("a", { href: node.url, className: containerClass, children: nested }, node.key));
     }

package/dist/esm/links/rrid.js

@@ -20,7 +20,7 @@ function RRIDChild({ rrid }) {
     const category = (_e = supercategory === null || supercategory === void 0 ? void 0 : supercategory[0]) === null || _e === void 0 ? void 0 : _e.name;
     const types = (_f = categories === null || categories === void 0 ? void 0 : categories.map(({ name }) => name)) !== null && _f !== void 0 ? _f : [];
     const tags = (_g = keywords === null || keywords === void 0 ? void 0 : keywords.map(({ keyword }) => keyword)) !== null && _g !== void 0 ? _g : [];
-    return (_jsxs("div", { className: "hover-document w-[500px] sm:max-w-[500px] p-3", children: [_jsxs("p", { className: "text-sm font-light", children: ["RRID: ", category] }), _jsxs("div", { className: "text-xl font-bold mb-4", children: [title, " ", _jsx("code", { children: curie })] }), _jsx("p", { className: "text-md", children: description }), types.length > 0 && (_jsxs(_Fragment, { children: [_jsx("div", { className: "text-xs font-thin my-2", children: "Categories" }), _jsx("div", { className: "flex flex-wrap ml-1", children: types === null || types === void 0 ? void 0 : types.map((tag) => (_jsx("span", { className: "ml-1 text-xs inline-flex items-center uppercase px-3 py-1 rounded-full border", children: tag }))) })] })), tags.length > 0 && (_jsxs(_Fragment, { children: [_jsx("div", { className: "text-xs font-thin my-2", children: "Tags" }), _jsx("div", { className: "flex flex-wrap ml-1", children: tags === null || tags === void 0 ? void 0 : tags.map((tag) => (_jsx("span", { className: "ml-1 text-xs inline-flex items-center uppercase px-3 py-1 rounded-full border", children: tag }))) })] }))] }));
+    return (_jsxs("div", { className: "hover-document w-[500px] sm:max-w-[500px] p-3", children: [_jsxs("p", { className: "text-sm font-light", children: ["RRID: ", category] }), _jsxs("div", { className: "mb-4 text-xl font-bold", children: [title, " ", _jsx("code", { children: curie })] }), _jsx("p", { className: "text-md", children: description }), types.length > 0 && (_jsxs(_Fragment, { children: [_jsx("div", { className: "my-2 text-xs font-thin", children: "Categories" }), _jsx("div", { className: "flex flex-wrap ml-1", children: types === null || types === void 0 ? void 0 : types.map((tag) => (_jsx("span", { className: "inline-flex items-center px-3 py-1 ml-1 text-xs uppercase border rounded-full", children: tag }))) })] })), tags.length > 0 && (_jsxs(_Fragment, { children: [_jsx("div", { className: "my-2 text-xs font-thin", children: "Tags" }), _jsx("div", { className: "flex flex-wrap ml-1", children: tags === null || tags === void 0 ? void 0 : tags.map((tag) => (_jsx("span", { className: "inline-flex items-center px-3 py-1 ml-1 text-xs uppercase border rounded-full", children: tag }))) })] }))] }));
 }
 export function RRIDLink({ rrid }) {
     return (_jsx(HoverPopover, { card: _jsx(RRIDChild, { rrid: rrid }), children: _jsxs("a", { href: `https://scicrunch.org/resolver/${rrid}`, target: "_blank", rel: "noopener noreferrer", children: ["RRID: ", _jsx("cite", { className: "italic", children: rrid })] }) }));

package/dist/esm/links/wiki.js

@@ -23,7 +23,7 @@ function WikiChild({ page, wiki, load }) {
     const url = (_b = (_a = content_urls === null || content_urls === void 0 ? void 0 : content_urls.desktop) === null || _a === void 0 ? void 0 : _a.page) !== null && _b !== void 0 ? _b : createWikiUrl(page);
     const image = thumbnail === null || thumbnail === void 0 ? void 0 : thumbnail.source;
     if (error) {
-        return (_jsxs("span", { children: [_jsxs("a", { href: url, className: "block text-inherit hover:text-inherit", target: "_blank", rel: "noreferrer", children: [_jsx(ExternalLinkIcon, { className: "w-4 h-4 float-right" }), _jsx(WikiTextMark, {})] }), _jsxs("div", { className: "mt-2", children: ["Error loading \"", page, "\" from wikipedia."] })] }));
+        return (_jsxs("span", { children: [_jsxs("a", { href: url, className: "block text-inherit hover:text-inherit", target: "_blank", rel: "noreferrer", children: [_jsx(ExternalLinkIcon, { className: "float-right w-4 h-4" }), _jsx(WikiTextMark, {})] }), _jsxs("div", { className: "mt-2", children: ["Error loading \"", page, "\" from wikipedia."] })] }));
     }
     return (_jsx(LinkCard, { loading: !data, url: url, title: _jsx(WikiTextMark, {}), thumbnail: image, description: extract }));
 }

package/dist/esm/math.js

@@ -8,7 +8,7 @@ const mathRenderer = (node) => {
             return (_jsxs("pre", { title: node.message, children: [_jsxs("span", { className: "text-red-500", children: [_jsx(ExclamationCircleIcon, { className: "inline h-[1em] mr-1" }), node.message, '\n\n'] }), node.value] }, node.key));
         }
         const id = node.html_id || node.identifier || node.key;
-        return (_jsxs("div", { id: id, className: "flex group my-5", children: [_jsx("div", { dangerouslySetInnerHTML: { __html: node.html }, className: "overflow-x-auto overflow-y-hidden flex-grow" }), node.enumerator && (_jsx("div", { className: "flex-none text-right m-0 pl-2 self-center relative select-none", children: _jsxs(HashLink, { id: id, kind: "Equation", className: "text-inherit hover:text-inherit", children: ["(", node.enumerator, ")"] }) }))] }, node.key));
+        return (_jsxs("div", { id: id, className: "flex my-5 group", children: [_jsx("div", { dangerouslySetInnerHTML: { __html: node.html }, className: "flex-grow overflow-x-auto overflow-y-hidden" }), node.enumerator && (_jsx("div", { className: "relative self-center flex-none pl-2 m-0 text-right select-none", children: _jsxs(HashLink, { id: id, kind: "Equation", className: "text-inherit hover:text-inherit", children: ["(", node.enumerator, ")"] }) }))] }, node.key));
     }
     if (node.error || !node.html) {
         return _jsx(InlineError, { value: node.value, message: node.message }, node.key);

package/dist/esm/proof.js

@@ -86,7 +86,7 @@ export function Proof({ title, kind, color, dropdown, children, identifier, enum
                     'bg-red-50/80 dark:bg-slate-900': color === 'red',
                     'bg-purple-50/80 dark:bg-slate-900': color === 'purple',
                     'cursor-pointer hover:shadow-[inset_0_0_0px_30px_#00000003] dark:hover:shadow-[inset_0_0_0px_30px_#FFFFFF03]': dropdown,
-                }), children: [_jsxs("div", { className: classNames('text-neutral-900 dark:text-white grow self-center overflow-hidden break-words', 'ml-4'), children: [_jsxs(HashLink, { id: identifier, kind: capitalize(kind), children: [capitalize(kind), " ", enumerator] }), ' ', title && _jsxs(_Fragment, { children: ["(", title, ")"] })] }), dropdown && (_jsx("div", { className: "font-thin text-sm text-neutral-700 dark:text-neutral-200 self-center flex-none", children: _jsx(ChevronRightIcon, { className: classNames(iconClass, 'transition-transform details-toggle') }) }))] }), _jsx("div", { className: classNames('px-4', { 'details-body': dropdown }), children: children })] }));
+                }), children: [_jsxs("div", { className: classNames('text-neutral-900 dark:text-white grow self-center overflow-hidden break-words', 'ml-4'), children: [_jsxs(HashLink, { id: identifier, kind: capitalize(kind), children: [capitalize(kind), " ", enumerator] }), ' ', title && _jsxs(_Fragment, { children: ["(", title, ")"] })] }), dropdown && (_jsx("div", { className: "self-center flex-none text-sm font-thin text-neutral-700 dark:text-neutral-200", children: _jsx(ChevronRightIcon, { className: classNames(iconClass, 'transition-transform details-toggle') }) }))] }), _jsx("div", { className: classNames('px-4', { 'details-body': dropdown }), children: children })] }));
 }
 export const ProofRenderer = (node, children) => {
     var _a;

package/dist/esm/tabs.js

@@ -29,12 +29,12 @@ export function TabSet({ tabs, children }) {
             return;
         setActive(tab === null || tab === void 0 ? void 0 : tab.id);
     }, [tabs, lastClickedTab, setActive]);
-    return (_jsx(TabSetStateProvider, { active: active, children: _jsxs("div", { className: "my-5", children: [_jsx("div", { className: "flex flex-row border-b border-b-gray-100 overflow-x-auto", children: tabs.map((tab) => {
+    return (_jsx(TabSetStateProvider, { active: active, children: _jsxs("div", { className: "my-5", children: [_jsx("div", { className: "flex flex-row overflow-x-auto border-b border-b-gray-100", children: tabs.map((tab) => {
                         return (_jsx("div", { className: classNames('flex-none px-3 py-1 font-semibold cursor-pointer', {
                                 'text-blue-600 border-b-2 border-b-blue-600 dark:border-b-white dark:text-white': active === tab.id,
                                 'text-gray-500 dark:text-gray-300 hover:text-gray-700 dark:hover:text-gray-100': active !== tab.id,
                             }), onClick: () => onClick(tab), children: tab.title }, tab.id));
-                    }) }), _jsx("div", { className: "shadow flex", children: _jsx("div", { className: "w-full px-6", children: children }) })] }) }));
+                    }) }), _jsx("div", { className: "flex shadow", children: _jsx("div", { className: "w-full px-6", children: children }) })] }) }));
 }
 export function TabItem({ id, children, }) {
     const active = useContext(TabSetContext);

package/dist/types/crossReference.d.ts

@@ -1,6 +1,11 @@
 /// <reference types="react" />
 import type { CrossReference } from 'myst-spec';
 import type { NodeRenderer } from '@myst-theme/providers';
+export declare function useFetchMdast({ remote, url, dataUrl, }: {
+    remote?: boolean;
+    url?: string;
+    dataUrl?: string;
+}): import("swr/_internal").SWRResponse<any, any, any>;
 export declare function CrossReferenceHover({ url: urlIn, dataUrl: dataUrlIn, remote: remoteIn, children, identifier, htmlId, }: {
     remote?: boolean;
     url?: string;

package/dist/types/crossReference.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"crossReference.d.ts","sourceRoot":"","sources":["../../src/crossReference.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAahD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAyJ1D,wBAAgB,mBAAmB,CAAC,EAClC,GAAG,EAAE,KAAK,EACV,OAAO,EAAE,SAAS,EAClB,MAAM,EAAE,QAAQ,EAChB,QAAQ,EACR,UAAU,EACV,MAAW,GACZ,EAAE;IACD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,2CAuDA;AAED,eAAO,MAAM,kBAAkB,EAAE,YAAY,CAAC,cAAc,CAuB3D,CAAC;AAEF,QAAA,MAAM,yBAAyB;;CAE9B,CAAC;AAEF,eAAe,yBAAyB,CAAC"}
+{"version":3,"file":"crossReference.d.ts","sourceRoot":"","sources":["../../src/crossReference.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAahD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AA2H1D,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,GAAG,EACH,OAAO,GACR,EAAE;IACD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,sDAWA;AAuBD,wBAAgB,mBAAmB,CAAC,EAClC,GAAG,EAAE,KAAK,EACV,OAAO,EAAE,SAAS,EAClB,MAAM,EAAE,QAAQ,EAChB,QAAQ,EACR,UAAU,EACV,MAAW,GACZ,EAAE;IACD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,2CAuDA;AAED,eAAO,MAAM,kBAAkB,EAAE,YAAY,CAAC,cAAc,CAuB3D,CAAC;AAEF,QAAA,MAAM,yBAAyB;;CAE9B,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

package/dist/types/extensions/chemicalFormula.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chemicalFormula.d.ts","sourceRoot":"","sources":["../../../src/extensions/chemicalFormula.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAyB1D,eAAO,MAAM,eAAe,EAAE,YAU7B,CAAC;AAEF,QAAA,MAAM,cAAc;;CAEnB,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"chemicalFormula.d.ts","sourceRoot":"","sources":["../../../src/extensions/chemicalFormula.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AA0B1D,eAAO,MAAM,eAAe,EAAE,YAU7B,CAAC;AAEF,QAAA,MAAM,cAAc;;CAEnB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/types/index.d.ts

@@ -6,6 +6,7 @@ export { CodeBlock } from './code';
 export { Admonition, AdmonitionKind } from './admonitions';
 export { Details } from './dropdown';
 export { TabSet, TabItem } from './tabs';
+export { useFetchMdast } from './crossReference';
 export declare const DEFAULT_RENDERERS: Record<string, NodeRenderer>;
 export declare function useParse(node: GenericParent | null, renderers?: Record<string, NodeRenderer>): import("react").ReactNode;
 //# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAwBjD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEzC,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAsB1D,CAAC;AAEF,wBAAgB,QAAQ,CACtB,IAAI,EAAE,aAAa,GAAG,IAAI,EAC1B,SAAS,GAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAqB,6BAU5D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAwBjD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAsB1D,CAAC;AAEF,wBAAgB,QAAQ,CACtB,IAAI,EAAE,aAAa,GAAG,IAAI,EAC1B,SAAS,GAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAqB,6BAU5D"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "myst-to-react",
-  "version": "0.3.2",
+  "version": "0.3.4",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -20,7 +20,7 @@
   },
   "dependencies": {
     "@heroicons/react": "^2.0.18",
-    "@myst-theme/providers": "^0.3.2",
+    "@myst-theme/providers": "^0.3.4",
     "@radix-ui/react-hover-card": "^1.0.6",
     "buffer": "^6.0.3",
     "classnames": "^2.3.2",