myst-to-react 0.3.0 → 0.3.2

package/dist/cjs/admonitions.js

@@ -32,7 +32,7 @@ var AdmonitionKind;
     AdmonitionKind["seealso"] = "seealso";
     AdmonitionKind["tip"] = "tip";
     AdmonitionKind["warning"] = "warning";
-})(AdmonitionKind = exports.AdmonitionKind || (exports.AdmonitionKind = {}));
+})(AdmonitionKind || (exports.AdmonitionKind = AdmonitionKind = {}));
 function getClasses(className) {
     var _a;
     const classes = (_a = className === null || className === void 0 ? void 0 : className.split(' ').map((s) => s.trim().toLowerCase()).filter((s) => !!s)) !== null && _a !== void 0 ? _a : [];
@@ -102,23 +102,23 @@ const AdmonitionTitle = (node, children) => {
 exports.AdmonitionTitle = AdmonitionTitle;
 const WrapperElement = ({ dropdown, className, children, }) => {
     if (dropdown)
-        return (0, jsx_runtime_1.jsx)("details", Object.assign({ className: className }, { children: children }));
-    return (0, jsx_runtime_1.jsx)("aside", Object.assign({ className: className }, { children: children }));
+        return (0, jsx_runtime_1.jsx)("details", { className: className, children: children });
+    return (0, jsx_runtime_1.jsx)("aside", { className: className, children: children });
 };
 const HeaderElement = ({ dropdown, className, children, }) => {
     if (dropdown)
-        return (0, jsx_runtime_1.jsx)("summary", Object.assign({ className: className }, { children: children }));
-    return (0, jsx_runtime_1.jsx)("div", Object.assign({ className: className }, { children: children }));
+        return (0, jsx_runtime_1.jsx)("summary", { className: className, children: children });
+    return (0, jsx_runtime_1.jsx)("div", { className: className, children: children });
 };
 function Admonition({ title, kind, color, simple, dropdown, children, hideIcon, }) {
-    return ((0, jsx_runtime_1.jsxs)(WrapperElement, Object.assign({ dropdown: dropdown, className: (0, classnames_1.default)('my-5 shadow-md dark:shadow-2xl dark:shadow-neutral-900', 'bg-gray-50/10 dark:bg-stone-800', 'overflow-hidden', {
+    return ((0, jsx_runtime_1.jsxs)(WrapperElement, { dropdown: dropdown, className: (0, classnames_1.default)('my-5 shadow-md dark:shadow-2xl dark:shadow-neutral-900', 'bg-gray-50/10 dark:bg-stone-800', 'overflow-hidden', {
             'rounded border-l-4': !simple,
             'border-l-2': simple,
             'border-blue-500': !color || color === 'blue',
             'border-green-600': color === 'green',
             'border-amber-600': color === 'yellow',
             'border-red-600': color === 'red',
-        }) }, { children: [title && ((0, jsx_runtime_1.jsxs)(HeaderElement, Object.assign({ dropdown: dropdown, className: (0, classnames_1.default)('m-0 font-medium py-1 flex min-w-0', {
+        }), children: [title && ((0, jsx_runtime_1.jsxs)(HeaderElement, { dropdown: dropdown, className: (0, classnames_1.default)('m-0 font-medium py-1 flex min-w-0', {
                     'text-lg': !simple,
                     'text-md': simple,
                     'bg-gray-100 dark:bg-stone-700': simple,
@@ -127,13 +127,13 @@ function Admonition({ title, kind, color, simple, dropdown, children, hideIcon,
                     'text-amber-600 bg-amber-50 dark:bg-slate-900': !simple && color === 'yellow',
                     'text-red-600 bg-red-50 dark:bg-slate-900': !simple && color === 'red',
                     'cursor-pointer hover:shadow-[inset_0_0_0px_30px_#00000003] dark:hover:shadow-[inset_0_0_0px_30px_#FFFFFF03]': dropdown,
-                }) }, { children: [!hideIcon && ((0, jsx_runtime_1.jsx)(AdmonitionIcon, { kind: kind !== null && kind !== void 0 ? kind : AdmonitionKind.note, className: (0, classnames_1.default)({
+                }), children: [!hideIcon && ((0, jsx_runtime_1.jsx)(AdmonitionIcon, { kind: kind !== null && kind !== void 0 ? kind : AdmonitionKind.note, className: (0, classnames_1.default)({
                             // Needed for simple!
                             'text-blue-600': !color || color === 'blue',
                             'text-green-600': color === 'green',
                             'text-amber-600': color === 'yellow',
                             'text-red-600': color === 'red',
-                        }) })), (0, jsx_runtime_1.jsx)("div", Object.assign({ 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", Object.assign({ 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", Object.assign({ 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: "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 })] }));
 }
 exports.Admonition = Admonition;
 const AdmonitionRenderer = (node, children) => {
@@ -145,7 +145,7 @@ const AdmonitionRenderer = (node, children) => {
     const isSimple = classes.includes('simple');
     const hideIcon = node.icon === false;
     const useTitle = ((_a = node.children) === null || _a === void 0 ? void 0 : _a[0].type) === 'admonitionTitle';
-    return ((0, jsx_runtime_1.jsxs)(Admonition, Object.assign({ title: useTitle ? title : undefined, kind: kind, color: color, dropdown: isDropdown, simple: isSimple, hideIcon: hideIcon }, { children: [!useTitle && title, rest] }), node.key));
+    return ((0, jsx_runtime_1.jsxs)(Admonition, { title: useTitle ? title : undefined, kind: kind, color: color, dropdown: isDropdown, simple: isSimple, hideIcon: hideIcon, children: [!useTitle && title, rest] }, node.key));
 };
 exports.AdmonitionRenderer = AdmonitionRenderer;
 const ADMONITION_RENDERERS = {

package/dist/cjs/basic.js

@@ -18,16 +18,16 @@ const BASIC_RENDERERS = {
         return (0, jsx_runtime_1.jsx)("em", { children: children }, node.key);
     },
     underline(node, children) {
-        return ((0, jsx_runtime_1.jsx)("span", Object.assign({ style: { textDecoration: 'underline' } }, { children: children }), node.key));
+        return ((0, jsx_runtime_1.jsx)("span", { style: { textDecoration: 'underline' }, children: children }, node.key));
     },
     smallcaps(node, children) {
-        return ((0, jsx_runtime_1.jsx)("span", Object.assign({ style: { fontVariant: 'small-caps' } }, { children: children }), node.key));
+        return ((0, jsx_runtime_1.jsx)("span", { style: { fontVariant: 'small-caps' }, children: children }, node.key));
     },
     link(node, children) {
-        return ((0, jsx_runtime_1.jsx)("a", Object.assign({ target: "_blank", href: node.url, rel: "noreferrer" }, { children: children }), node.key));
+        return ((0, jsx_runtime_1.jsx)("a", { target: "_blank", href: node.url, rel: "noreferrer", children: children }, node.key));
     },
     paragraph(node, children) {
-        return ((0, jsx_runtime_1.jsx)("p", Object.assign({ id: node.html_id }, { children: children }), node.key));
+        return ((0, jsx_runtime_1.jsx)("p", { id: node.html_id, children: children }, node.key));
     },
     break(node) {
         return (0, jsx_runtime_1.jsx)("br", {}, node.key);
@@ -40,24 +40,24 @@ const BASIC_RENDERERS = {
     },
     list(node, children) {
         if (node.ordered) {
-            return ((0, jsx_runtime_1.jsx)("ol", Object.assign({ start: node.start || undefined, id: node.html_id }, { children: children }), node.key));
+            return ((0, jsx_runtime_1.jsx)("ol", { start: node.start || undefined, id: node.html_id, children: children }, node.key));
         }
-        return ((0, jsx_runtime_1.jsx)("ul", Object.assign({ id: node.html_id }, { children: children }), node.key));
+        return ((0, jsx_runtime_1.jsx)("ul", { id: node.html_id, children: children }, node.key));
     },
     listItem(node, children) {
         if (node.checked == null) {
             return (0, jsx_runtime_1.jsx)("li", { children: children }, node.key);
         }
-        return ((0, jsx_runtime_1.jsxs)("li", Object.assign({ className: "task-list-item" }, { children: [(0, jsx_runtime_1.jsx)("input", { type: "checkbox", className: "task-list-item-checkbox", defaultChecked: node.checked }), children] }), node.key));
+        return ((0, jsx_runtime_1.jsxs)("li", { className: "task-list-item", children: [(0, jsx_runtime_1.jsx)("input", { type: "checkbox", className: "task-list-item-checkbox", defaultChecked: node.checked }), children] }, node.key));
     },
     container(node, children) {
-        return ((0, jsx_runtime_1.jsx)("figure", Object.assign({ id: node.html_id || node.identifier || node.key, className: (0, classnames_1.default)(node.kind, node.class) }, { children: children }), node.key));
+        return ((0, jsx_runtime_1.jsx)("figure", { id: node.html_id || node.identifier || node.key, className: (0, classnames_1.default)(node.kind, node.class), children: children }, node.key));
     },
     caption(node, children) {
-        return ((0, jsx_runtime_1.jsx)("figcaption", Object.assign({ className: "group" }, { children: children }), node.key));
+        return ((0, jsx_runtime_1.jsx)("figcaption", { className: "group", children: children }, node.key));
     },
     blockquote(node, children) {
-        return ((0, jsx_runtime_1.jsx)("blockquote", Object.assign({ id: node.html_id }, { children: children }), node.key));
+        return ((0, jsx_runtime_1.jsx)("blockquote", { id: node.html_id, children: children }, node.key));
     },
     thematicBreak(node) {
         return (0, jsx_runtime_1.jsx)("hr", { className: "py-2 my-5 translate-y-2" }, node.key);
@@ -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, Object.assign({ 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 text-inherit hover:text-inherit font-semibold 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, Object.assign({ side: "top", card: (0, jsx_runtime_1.jsx)("div", Object.assign({ 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", Object.assign({ "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: "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));
     },
     mystComment() {
         return null;
@@ -107,7 +107,7 @@ const BASIC_RENDERERS = {
         return null;
     },
     definitionList(node, children) {
-        return ((0, jsx_runtime_1.jsx)("dl", Object.assign({ className: "my-5", id: node.html_id }, { children: children }), node.key));
+        return ((0, jsx_runtime_1.jsx)("dl", { className: "my-5", id: node.html_id, children: children }, node.key));
     },
     definitionTerm(node, children) {
         let strongChildren = children;
@@ -124,7 +124,7 @@ const BASIC_RENDERERS = {
         else if (typeof children === 'string') {
             strongChildren = (0, jsx_runtime_1.jsx)("strong", { children: children }, node.key + '0');
         }
-        return ((0, jsx_runtime_1.jsx)("dt", Object.assign({ id: node.html_id }, { children: strongChildren }), node.key));
+        return ((0, jsx_runtime_1.jsx)("dt", { id: node.html_id, children: strongChildren }, node.key));
     },
     definitionDescription(node, children) {
         return (0, jsx_runtime_1.jsx)("dd", { children: children }, node.key);

package/dist/cjs/card.js

@@ -8,15 +8,15 @@ 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", Object.assign({ 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: "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));
 };
 exports.Header = Header;
 const Footer = (node, children) => {
-    return ((0, jsx_runtime_1.jsx)("footer", Object.assign({ 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: "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));
 };
 exports.Footer = Footer;
 const CardTitle = (node, children) => {
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "pt-3 font-bold group-hover:underline" }, { children: children }), node.key));
+    return ((0, jsx_runtime_1.jsx)("div", { className: "pt-3 font-bold group-hover:underline", children: children }, node.key));
 };
 exports.CardTitle = CardTitle;
 function getParts(children) {
@@ -38,21 +38,21 @@ function ExternalOrInternalLink({ to, className, isStatic, prefetch = 'intent',
     const Link = (0, providers_1.useLinkProvider)();
     const baseurl = (0, providers_1.useBaseurl)();
     if (to.startsWith('http') || isStatic) {
-        return ((0, jsx_runtime_1.jsx)("a", Object.assign({ href: to, className: className, target: "_blank", rel: "noopener noreferrer" }, { children: children })));
+        return ((0, jsx_runtime_1.jsx)("a", { href: to, className: className, target: "_blank", rel: "noopener noreferrer", children: children }));
     }
-    return ((0, jsx_runtime_1.jsx)(Link, Object.assign({ to: (0, providers_1.withBaseurl)(to, baseurl), className: className, prefetch: prefetch }, { children: children })));
+    return ((0, jsx_runtime_1.jsx)(Link, { to: (0, providers_1.withBaseurl)(to, baseurl), className: className, prefetch: prefetch, children: children }));
 }
 function Card({ children, url, isStatic, }) {
     const parts = getParts(children);
     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, Object.assign({ 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", Object.assign({ 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: "py-2 px-4 flex-grow", children: parts.body }), parts.footer] }));
     }
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: sharedStyle }, { children: [parts.header, (0, jsx_runtime_1.jsx)("div", Object.assign({ 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: "py-2 px-4 flex-grow", children: parts.body }), parts.footer] }));
 }
 const CardRenderer = (node, children) => {
-    return ((0, jsx_runtime_1.jsx)(Card, Object.assign({ url: node.url, isStatic: node.static || false }, { children: children }), node.key));
+    return ((0, jsx_runtime_1.jsx)(Card, { url: node.url, isStatic: node.static || false, children: children }, node.key));
 };
 exports.CardRenderer = CardRenderer;
 const CARD_RENDERERS = {

package/dist/cjs/cite.js

@@ -14,10 +14,10 @@ function CiteChild({ html }) {
     return ((0, jsx_runtime_1.jsx)("div", { className: "hover-document w-[500px] sm:max-w-[500px] p-3", dangerouslySetInnerHTML: { __html: html || '' } }));
 }
 const CiteGroup = (node, children) => {
-    return ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: (0, classnames_1.default)('cite-group', {
+    return ((0, jsx_runtime_1.jsx)("span", { className: (0, classnames_1.default)('cite-group', {
             narrative: node.kind === 'narrative',
             parenthetical: node.kind === 'parenthetical',
-        }) }, { children: children }), node.key));
+        }), children: children }, node.key));
 };
 exports.CiteGroup = CiteGroup;
 const Cite = ({ label, error, children, }) => {
@@ -31,11 +31,11 @@ const Cite = ({ label, error, children, }) => {
         return (0, jsx_runtime_1.jsx)(inlineError_1.InlineError, { value: label, message: 'Citation Not Found' });
     }
     const doiUrl = doiString ? doi_utils_1.doi.buildUrl(doiString) : null;
-    return ((0, jsx_runtime_1.jsx)(HoverPopover_1.HoverPopover, Object.assign({ openDelay: 300, card: (0, jsx_runtime_1.jsx)(CiteChild, { html: html }) }, { children: (0, jsx_runtime_1.jsxs)("cite", Object.assign({ className: "hover-link" }, { children: [doiUrl && ((0, jsx_runtime_1.jsx)("a", Object.assign({ href: doiUrl, target: "_blank", rel: "noreferrer", className: "hover-link" }, { children: children }))), !doiUrl && children] })) })));
+    return ((0, jsx_runtime_1.jsx)(HoverPopover_1.HoverPopover, { openDelay: 300, card: (0, jsx_runtime_1.jsx)(CiteChild, { html: html }), children: (0, jsx_runtime_1.jsxs)("cite", { className: "hover-link", children: [doiUrl && ((0, jsx_runtime_1.jsx)("a", { href: doiUrl, target: "_blank", rel: "noreferrer", className: "hover-link", children: children })), !doiUrl && children] }) }));
 };
 exports.Cite = Cite;
 const CiteRenderer = (node, children) => {
-    return ((0, jsx_runtime_1.jsx)(exports.Cite, Object.assign({ label: node.label, error: node.error }, { children: children }), node.key));
+    return ((0, jsx_runtime_1.jsx)(exports.Cite, { label: node.label, error: node.error, children: children }, node.key));
 };
 exports.CiteRenderer = CiteRenderer;
 const CITE_RENDERERS = {

package/dist/cjs/code.js

@@ -23,11 +23,11 @@ function CodeBlock(props) {
     const { isLight } = (0, providers_1.useTheme)();
     const { value, lang, identifier, emphasizeLines, showLineNumbers, className, showCopy = true, startingLineNumber = 1, filename, shadow, background, border, } = props;
     const highlightLines = new Set(emphasizeLines);
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ id: identifier, className: (0, classnames_1.default)('relative group not-prose overflow-auto', className, {
+    return ((0, jsx_runtime_1.jsxs)("div", { id: identifier, className: (0, classnames_1.default)('relative group not-prose overflow-auto', className, {
             '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", Object.assign({ className: "leading-3 mt-1 p-1" }, { children: filename })), (0, jsx_runtime_1.jsx)(react_syntax_highlighter_1.LightAsync, Object.assign({ 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: "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: {
                     // This stops page content shifts
                     display: 'inline-block',
                     float: 'left',
@@ -45,7 +45,7 @@ function CodeBlock(props) {
                             'data-highlight': 'true',
                         }
                         : { 'data-line-number': `${line}` };
-                }, customStyle: { padding: '0.8rem' } }, { children: value })), showCopy && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "absolute hidden top-1 right-1 group-hover:block" }, { children: (0, jsx_runtime_1.jsx)(CopyIcon_1.CopyIcon, { text: value }) })))] })));
+                }, customStyle: { padding: '0.8rem' }, children: value }), showCopy && ((0, jsx_runtime_1.jsx)("div", { className: "absolute hidden top-1 right-1 group-hover:block", children: (0, jsx_runtime_1.jsx)(CopyIcon_1.CopyIcon, { text: value }) }))] }));
 }
 exports.CodeBlock = CodeBlock;
 const code = (node) => {
@@ -64,7 +64,7 @@ function isColor(maybeColorHash) {
 }
 const inlineCode = (node, children) => {
     if (isColor(node.value)) {
-        return ((0, jsx_runtime_1.jsxs)("code", Object.assign({ 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: "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.jsx)("code", { children: children }, node.key);
 };

package/dist/cjs/components/CopyIcon.js

@@ -19,9 +19,9 @@ function CopyIcon({ text }) {
             setTimeout(() => setCopied(false), 3000);
         });
     };
-    return ((0, jsx_runtime_1.jsx)("button", Object.assign({ title: copied ? 'Copied!!' : 'Copy to Clipboard', className: (0, classnames_1.default)('inline-flex items-center opacity-60 hover:opacity-100 active:opacity-40 cursor-pointer ml-2', 'transition-color duration-200 ease-in-out', {
+    return ((0, jsx_runtime_1.jsx)("button", { title: copied ? 'Copied!!' : 'Copy to Clipboard', className: (0, classnames_1.default)('inline-flex items-center opacity-60 hover:opacity-100 active:opacity-40 cursor-pointer ml-2', 'transition-color duration-200 ease-in-out', {
             'text-blue-500 border-blue-500': !copied,
             'text-green-500 border-green-500 ': copied,
-        }), onClick: onClick, "aria-pressed": copied ? 'true' : 'false', "aria-label": "Copy code to clipboard" }, { children: copied ? ((0, jsx_runtime_1.jsx)(CheckIcon_1.default, { className: "w-[24px] h-[24px] text-success" })) : ((0, jsx_runtime_1.jsx)(DocumentDuplicateIcon_1.default, { className: "w-[24px] h-[24px]" })) })));
+        }), onClick: onClick, "aria-pressed": copied ? 'true' : 'false', "aria-label": "Copy code to clipboard", children: copied ? ((0, jsx_runtime_1.jsx)(CheckIcon_1.default, { className: "w-[24px] h-[24px] text-success" })) : ((0, jsx_runtime_1.jsx)(DocumentDuplicateIcon_1.default, { className: "w-[24px] h-[24px]" })) }));
 }
 exports.CopyIcon = CopyIcon;

package/dist/cjs/components/HoverPopover.js

@@ -29,6 +29,6 @@ const react_1 = require("react");
 const HoverCard = __importStar(require("@radix-ui/react-hover-card"));
 function HoverPopover({ children, openDelay = 400, card, side, arrowClass = 'fill-white', }) {
     const [load, setLoad] = (0, react_1.useState)(false);
-    return ((0, jsx_runtime_1.jsxs)(HoverCard.Root, Object.assign({ openDelay: openDelay }, { children: [(0, jsx_runtime_1.jsx)(HoverCard.Trigger, Object.assign({ asChild: true, onMouseEnter: () => setLoad(true) }, { children: children })), (0, jsx_runtime_1.jsx)(HoverCard.Portal, { children: (0, jsx_runtime_1.jsxs)(HoverCard.Content, Object.assign({ className: "exclude-from-outline hover-card-content", sideOffset: 5, side: side }, { children: [typeof card === 'function' ? load && card({ load }) : card, (0, jsx_runtime_1.jsx)(HoverCard.Arrow, { className: arrowClass })] })) })] })));
+    return ((0, jsx_runtime_1.jsxs)(HoverCard.Root, { openDelay: openDelay, children: [(0, jsx_runtime_1.jsx)(HoverCard.Trigger, { asChild: true, onMouseEnter: () => setLoad(true), children: children }), (0, jsx_runtime_1.jsx)(HoverCard.Portal, { children: (0, jsx_runtime_1.jsxs)(HoverCard.Content, { className: "exclude-from-outline hover-card-content", sideOffset: 5, side: side, children: [typeof card === 'function' ? load && card({ load }) : card, (0, jsx_runtime_1.jsx)(HoverCard.Arrow, { className: arrowClass })] }) })] }));
 }
 exports.HoverPopover = HoverPopover;

package/dist/cjs/components/LinkCard.js

@@ -12,8 +12,8 @@ function LinkCard({ url, title, internal = false, loading = false, description,
     const Link = (0, providers_1.useLinkProvider)();
     const baseurl = (0, providers_1.useBaseurl)();
     const to = (0, providers_1.withBaseurl)(url, baseurl);
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)('hover-card-content rounded overflow-hidden', className, {
+    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, Object.assign({ 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", Object.assign({ 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", Object.assign({ 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 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 }))] }));
 }
 exports.LinkCard = LinkCard;

package/dist/cjs/crossReference.js

@@ -144,7 +144,7 @@ function CrossReferenceHover({ url: urlIn, dataUrl: dataUrlIn, remote: remoteIn,
         el === null || el === void 0 ? void 0 : el.scrollIntoView({ behavior: 'smooth' });
         history.replaceState(undefined, '', `#${htmlId}`);
     };
-    return ((0, jsx_runtime_1.jsx)(HoverPopover_1.HoverPopover, Object.assign({ card: ({ load }) => ((0, jsx_runtime_1.jsx)(providers_1.XRefProvider, Object.assign({ remote: remote, url: url, dataUrl: dataUrl }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "hover-document w-[500px] sm:max-w-[500px] px-3" }, { children: (0, jsx_runtime_1.jsx)(XrefChildren, { load: load, remote: remote, url: url, dataUrl: dataUrl, identifier: identifier }) })) }))) }, { children: (0, jsx_runtime_1.jsxs)("span", { children: [remote && external && ((0, jsx_runtime_1.jsx)("a", Object.assign({ href: `${url}${htmlId ? `#${htmlId}` : ''}`, target: "_blank", className: "hover-link" }, { children: children }))), remote && !external && ((0, jsx_runtime_1.jsx)(Link, Object.assign({ to: `${(0, providers_1.withBaseurl)(url, baseurl)}${htmlId ? `#${htmlId}` : ''}`, prefetch: "intent", className: "hover-link" }, { children: children }))), !remote && ((0, jsx_runtime_1.jsx)("a", Object.assign({ href: `#${htmlId}`, onClick: scroll, className: "hover-link" }, { children: children })))] }) })));
+    return ((0, jsx_runtime_1.jsx)(HoverPopover_1.HoverPopover, { card: ({ load }) => ((0, jsx_runtime_1.jsx)(providers_1.XRefProvider, { remote: remote, url: url, dataUrl: dataUrl, children: (0, jsx_runtime_1.jsx)("div", { className: "hover-document w-[500px] sm:max-w-[500px] px-3", children: (0, jsx_runtime_1.jsx)(XrefChildren, { load: load, remote: remote, url: url, dataUrl: dataUrl, identifier: identifier }) }) })), children: (0, jsx_runtime_1.jsxs)("span", { children: [remote && external && ((0, jsx_runtime_1.jsx)("a", { href: `${url}${htmlId ? `#${htmlId}` : ''}`, target: "_blank", className: "hover-link", children: children })), remote && !external && ((0, jsx_runtime_1.jsx)(Link, { to: `${(0, providers_1.withBaseurl)(url, baseurl)}${htmlId ? `#${htmlId}` : ''}`, prefetch: "intent", className: "hover-link", children: children })), !remote && ((0, jsx_runtime_1.jsx)("a", { href: `#${htmlId}`, onClick: scroll, className: "hover-link", children: children }))] }) }));
 }
 exports.CrossReferenceHover = CrossReferenceHover;
 const CrossReferenceNode = (node, children) => {
@@ -152,7 +152,7 @@ const CrossReferenceNode = (node, children) => {
         return ((0, jsx_runtime_1.jsx)(inlineError_1.InlineError, { value: node.label || node.identifier || 'No Label', message: "Cross Reference Not Found" }, node.key));
     }
     const { remote, url, dataUrl, identifier, html_id } = node;
-    return ((0, jsx_runtime_1.jsx)(CrossReferenceHover, Object.assign({ identifier: identifier, htmlId: html_id, remote: remote, url: url, dataUrl: dataUrl }, { children: children }), node.key));
+    return ((0, jsx_runtime_1.jsx)(CrossReferenceHover, { identifier: identifier, htmlId: html_id, remote: remote, url: url, dataUrl: dataUrl, children: children }, node.key));
 };
 exports.CrossReferenceNode = CrossReferenceNode;
 const CROSS_REFERENCE_RENDERERS = {

package/dist/cjs/dropdown.js

@@ -13,12 +13,12 @@ const SummaryTitle = (node, children) => {
 };
 exports.SummaryTitle = SummaryTitle;
 function Details({ title, children, open, }) {
-    return ((0, jsx_runtime_1.jsxs)("details", Object.assign({ 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", Object.assign({ 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", Object.assign({ className: "text-neutral-900 dark:text-white" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ 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", Object.assign({ 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 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 })] }));
 }
 exports.Details = Details;
 const DetailsRenderer = (node, children) => {
     const [title, ...rest] = children;
-    return ((0, jsx_runtime_1.jsx)(Details, Object.assign({ title: title, open: node.open }, { children: rest }), node.key));
+    return ((0, jsx_runtime_1.jsx)(Details, { title: title, open: node.open, children: rest }, node.key));
 };
 exports.DetailsRenderer = DetailsRenderer;
 const DROPDOWN_RENDERERS = {

package/dist/cjs/exercise.js

@@ -32,17 +32,17 @@ function getColor({ classes = [] }, defaultColor = 'blue') {
 }
 const WrapperElement = ({ id, dropdown, className, children, }) => {
     if (dropdown)
-        return ((0, jsx_runtime_1.jsx)("details", Object.assign({ id: id, className: className }, { children: children })));
-    return ((0, jsx_runtime_1.jsx)("aside", Object.assign({ id: id, className: className }, { children: children })));
+        return ((0, jsx_runtime_1.jsx)("details", { id: id, className: className, children: children }));
+    return ((0, jsx_runtime_1.jsx)("aside", { id: id, className: className, children: children }));
 };
 const HeaderElement = ({ dropdown, className, children, }) => {
     if (dropdown)
-        return (0, jsx_runtime_1.jsx)("summary", Object.assign({ className: className }, { children: children }));
-    return (0, jsx_runtime_1.jsx)("div", Object.assign({ className: className }, { children: children }));
+        return (0, jsx_runtime_1.jsx)("summary", { className: className, children: children });
+    return (0, jsx_runtime_1.jsx)("div", { className: className, children: children });
 };
 const iconClass = 'h-8 w-8 inline-block pl-2 mr-2 self-center flex-none';
 function Callout({ title, color, dropdown, children, identifier, Icon, }) {
-    return ((0, jsx_runtime_1.jsxs)(WrapperElement, Object.assign({ id: identifier, dropdown: dropdown, className: (0, classnames_1.default)('my-5 shadow dark:bg-stone-800 overflow-hidden', 'dark:border-l-4 border-slate-400', {
+    return ((0, jsx_runtime_1.jsxs)(WrapperElement, { id: identifier, dropdown: dropdown, className: (0, classnames_1.default)('my-5 shadow dark:bg-stone-800 overflow-hidden', 'dark:border-l-4 border-slate-400', {
             'dark:border-gray-500/60': !color || color === 'gray',
             'dark:border-blue-500/60': color === 'blue',
             'dark:border-green-500/60': color === 'green',
@@ -50,7 +50,7 @@ function Callout({ title, color, dropdown, children, identifier, Icon, }) {
             'dark:border-orange-500/60': color === 'orange',
             'dark:border-red-500/60': color === 'red',
             'dark:border-purple-500/60': color === 'purple',
-        }) }, { children: [(0, jsx_runtime_1.jsxs)(HeaderElement, Object.assign({ dropdown: dropdown, className: (0, classnames_1.default)('m-0 font-medium py-2 flex min-w-0', 'text-md', 'border-y dark:border-y-0', {
+        }), children: [(0, jsx_runtime_1.jsxs)(HeaderElement, { dropdown: dropdown, className: (0, classnames_1.default)('m-0 font-medium py-2 flex min-w-0', 'text-md', 'border-y dark:border-y-0', {
                     'bg-gray-50/80 dark:bg-slate-900': !color || color === 'gray',
                     'bg-blue-50/80 dark:bg-slate-900': color === 'blue',
                     'bg-green-50/80 dark:bg-slate-900': color === 'green',
@@ -59,7 +59,7 @@ function Callout({ title, color, dropdown, children, identifier, Icon, }) {
                     '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: [Icon && ((0, jsx_runtime_1.jsx)(Icon, { className: (0, classnames_1.default)('h-8 w-8 inline-block pl-2 mr-2 self-center flex-none', (0, classnames_1.default)({
+                }), children: [Icon && ((0, jsx_runtime_1.jsx)(Icon, { className: (0, classnames_1.default)('h-8 w-8 inline-block pl-2 mr-2 self-center flex-none', (0, classnames_1.default)({
                             'text-gray-600': !color || color === 'gray',
                             'text-blue-600': color === 'blue',
                             'text-green-600': color === 'green',
@@ -67,8 +67,8 @@ function Callout({ title, color, dropdown, children, identifier, Icon, }) {
                             'text-orange-600': color === 'orange',
                             'text-red-600': color === 'red',
                             'text-purple-600': color === 'purple',
-                        })) })), (0, jsx_runtime_1.jsx)("div", Object.assign({ 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", Object.assign({ 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", Object.assign({ className: (0, classnames_1.default)('px-4', { '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': !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 })] }));
 }
 exports.Callout = Callout;
 const ExerciseRenderer = (node, children) => {
@@ -82,8 +82,8 @@ const ExerciseRenderer = (node, children) => {
     const useTitle = ((_c = (_b = node.children) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.type) === 'admonitionTitle';
     const identifier = node.html_id;
     const enumerator = node.enumerator;
-    const titleNode = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(heading_1.HashLink, Object.assign({ id: identifier, kind: "Exercise" }, { children: [node.gate === 'start' && 'Start of ', node.gate === 'end' && 'End of ', "Exercise", enumerator != null && (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [" ", enumerator] })] })), useTitle && (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [" (", title, ")"] })] }));
-    return ((0, jsx_runtime_1.jsxs)(Callout, Object.assign({ identifier: identifier, title: titleNode, color: color, dropdown: isDropdown }, { children: [!useTitle && title, rest] }), node.key));
+    const titleNode = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(heading_1.HashLink, { id: identifier, kind: "Exercise", children: [node.gate === 'start' && 'Start of ', node.gate === 'end' && 'End of ', "Exercise", enumerator != null && (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [" ", enumerator] })] }), useTitle && (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [" (", title, ")"] })] }));
+    return ((0, jsx_runtime_1.jsxs)(Callout, { identifier: identifier, title: titleNode, color: color, dropdown: isDropdown, children: [!useTitle && title, rest] }, node.key));
 };
 exports.ExerciseRenderer = ExerciseRenderer;
 const SolutionRenderer = (node, children) => {
@@ -96,8 +96,8 @@ const SolutionRenderer = (node, children) => {
     const isDropdown = classes.includes('dropdown');
     const useTitle = ((_c = (_b = node.children) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.type) === 'admonitionTitle';
     const identifier = node.html_id;
-    const titleNode = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [node.gate === 'start' && 'Start of ', node.gate === 'end' && 'End of ', title, (0, jsx_runtime_1.jsx)(heading_1.HashLink, Object.assign({ id: identifier, kind: "Solution", hover: true, hideInPopup: true }, { children: ' #' }))] }));
-    return ((0, jsx_runtime_1.jsxs)(Callout, Object.assign({ identifier: identifier, title: useTitle ? titleNode : undefined, color: color, dropdown: isDropdown }, { children: [!useTitle && title, rest] }), node.key));
+    const titleNode = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [node.gate === 'start' && 'Start of ', node.gate === 'end' && 'End of ', title, (0, jsx_runtime_1.jsx)(heading_1.HashLink, { id: identifier, kind: "Solution", hover: true, hideInPopup: true, children: ' #' })] }));
+    return ((0, jsx_runtime_1.jsxs)(Callout, { identifier: identifier, title: useTitle ? titleNode : undefined, color: color, dropdown: isDropdown, children: [!useTitle && title, rest] }, node.key));
 };
 exports.SolutionRenderer = SolutionRenderer;
 const EXERCISE_RENDERERS = {

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

@@ -1,7 +1,7 @@
 import type { NodeRenderer } from '@myst-theme/providers';
 export declare const ChemicalFormula: NodeRenderer;
 declare const CHEM_RENDERERS: {
-    chemicalFormula: NodeRenderer<any>;
+    chemicalFormula: NodeRenderer;
 };
 export default CHEM_RENDERERS;
 //# sourceMappingURL=chemicalFormula.d.ts.map

package/dist/cjs/extensions/chemicalFormula.js

@@ -26,11 +26,11 @@ function parseFormula(formula) {
 }
 const ChemicalFormula = (node) => {
     const parts = parseFormula(node.value);
-    return ((0, jsx_runtime_1.jsx)("code", Object.assign({ className: "text-inherit" }, { children: parts.map((letter, index) => {
+    return ((0, jsx_runtime_1.jsx)("code", { className: "text-inherit", 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);
-        }) }), node.key));
+        }) }, node.key));
 };
 exports.ChemicalFormula = ChemicalFormula;
 const CHEM_RENDERERS = {

package/dist/cjs/extensions/siunits.d.ts

@@ -1,7 +1,7 @@
 import type { NodeRenderer } from '@myst-theme/providers';
 export declare const SIUnits: NodeRenderer;
 declare const SI_RENDERERS: {
-    si: NodeRenderer<any>;
+    si: NodeRenderer;
 };
 export default SI_RENDERERS;
 //# sourceMappingURL=siunits.d.ts.map

package/dist/cjs/extensions/siunits.js

@@ -6,7 +6,7 @@ const SIUnits = (node) => {
     var _a;
     const space = node.number == null ? '' : ' ';
     const title = `${(_a = node.number) !== null && _a !== void 0 ? _a : ''}${space}${node.alt}`;
-    return ((0, jsx_runtime_1.jsx)("span", Object.assign({ title: title }, { children: node.value }), node.key));
+    return ((0, jsx_runtime_1.jsx)("span", { title: title, children: node.value }, node.key));
 };
 exports.SIUnits = SIUnits;
 const SI_RENDERERS = {

package/dist/cjs/footnotes.d.ts

@@ -1,7 +1,7 @@
 import type { NodeRenderer } from '@myst-theme/providers';
 export declare const FootnoteReference: NodeRenderer;
 declare const FOOTNOTE_RENDERERS: {
-    footnoteReference: NodeRenderer<any>;
+    footnoteReference: NodeRenderer;
     footnoteDefinition: () => null;
 };
 export default FOOTNOTE_RENDERERS;

package/dist/cjs/footnotes.js

@@ -12,11 +12,11 @@ function FootnoteDefinition({ identifier }) {
     const renderers = (0, providers_1.useNodeRenderers)();
     const node = (_b = (_a = references === null || references === void 0 ? void 0 : references.footnotes) === null || _a === void 0 ? void 0 : _a[identifier]) !== null && _b !== void 0 ? _b : (0, unist_util_select_1.select)(`footnoteDefinition[identifier=${identifier}]`, references === null || references === void 0 ? void 0 : references.article);
     const children = (0, _1.useParse)(node, renderers);
-    return ((0, jsx_runtime_1.jsx)(providers_1.XRefProvider, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "hover-document w-[500px] sm:max-w-[500px] px-3" }, { children: children })) }));
+    return ((0, jsx_runtime_1.jsx)(providers_1.XRefProvider, { children: (0, jsx_runtime_1.jsx)("div", { className: "hover-document w-[500px] sm:max-w-[500px] px-3", children: children }) }));
 }
 const FootnoteReference = (node) => {
     var _a;
-    return ((0, jsx_runtime_1.jsx)(HoverPopover_1.HoverPopover, Object.assign({ openDelay: 0, card: (0, jsx_runtime_1.jsx)(FootnoteDefinition, { identifier: node.identifier }) }, { children: (0, jsx_runtime_1.jsx)("span", { children: (0, jsx_runtime_1.jsxs)("sup", Object.assign({ className: "hover-link" }, { children: ["[", (_a = node.number) !== null && _a !== void 0 ? _a : node.identifier, "]"] })) }) }), node.key));
+    return ((0, jsx_runtime_1.jsx)(HoverPopover_1.HoverPopover, { openDelay: 0, card: (0, jsx_runtime_1.jsx)(FootnoteDefinition, { identifier: node.identifier }), children: (0, jsx_runtime_1.jsx)("span", { children: (0, jsx_runtime_1.jsxs)("sup", { className: "hover-link", children: ["[", (_a = node.number) !== null && _a !== void 0 ? _a : node.identifier, "]"] }) }) }, node.key));
 };
 exports.FootnoteReference = FootnoteReference;
 const FOOTNOTE_RENDERERS = {

package/dist/cjs/grid.js

@@ -105,10 +105,10 @@ function gridColumnClasses(columns) {
 function Grid({ columns, children }) {
     const gridClasses = gridColumnClasses(columns);
     const gutterClasses = 'gap-4';
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, classnames_1.default)('myst-grid grid my-5', gridClasses, gutterClasses) }, { children: children })));
+    return ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('myst-grid grid my-5', gridClasses, gutterClasses), children: children }));
 }
 const GridRenderer = (node, children) => {
-    return ((0, jsx_runtime_1.jsx)(Grid, Object.assign({ columns: node.columns }, { children: children }), node.key));
+    return ((0, jsx_runtime_1.jsx)(Grid, { columns: node.columns, children: children }, node.key));
 };
 exports.GridRenderer = GridRenderer;
 const GRID_RENDERERS = {

package/dist/cjs/heading.js

@@ -13,7 +13,7 @@ function HashLink({ id, kind, title = `Link to this ${kind}`, children = '¶', h
     if (inCrossRef || !id) {
         // If we are in a cross-reference pop-out, either hide hash link
         // or return something that is **not** a link
-        return hideInPopup ? null : ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: (0, classnames_1.default)('select-none', className) }, { children: children })));
+        return hideInPopup ? null : ((0, jsx_runtime_1.jsx)("span", { className: (0, classnames_1.default)('select-none', className), children: children }));
     }
     const scroll = (evt) => {
         evt.preventDefault();
@@ -21,16 +21,16 @@ function HashLink({ id, kind, title = `Link to this ${kind}`, children = '¶', h
         el === null || el === void 0 ? void 0 : el.scrollIntoView({ behavior: 'smooth' });
         history.replaceState(undefined, '', `#${id}`);
     };
-    return ((0, jsx_runtime_1.jsx)("a", Object.assign({ className: (0, classnames_1.default)('select-none no-underline text-inherit hover:text-inherit', className, {
+    return ((0, jsx_runtime_1.jsx)("a", { className: (0, classnames_1.default)('select-none no-underline text-inherit hover:text-inherit', className, {
             'transition-opacity opacity-0 group-hover:opacity-70': hover,
             'hover:underline': !hover,
-        }), onClick: scroll, href: `#${id}`, title: title, "aria-label": title }, { children: children })));
+        }), onClick: scroll, href: `#${id}`, title: title, "aria-label": title, children: children }));
 }
 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", Object.assign({ className: "select-none mr-3" }, { children: enumerator })), (0, jsx_runtime_1.jsx)("span", Object.assign({ 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: "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 })] }));
     // 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/iframe.d.ts

@@ -1,7 +1,7 @@
 import type { NodeRenderer } from '@myst-theme/providers';
 export declare const IFrame: NodeRenderer;
 declare const IFRAME_RENDERERS: {
-    iframe: NodeRenderer<any>;
+    iframe: NodeRenderer;
 };
 export default IFRAME_RENDERERS;
 //# sourceMappingURL=iframe.d.ts.map

package/dist/cjs/iframe.js

@@ -26,19 +26,19 @@ function getStyleValue(width) {
 }
 const IFrame = (node) => {
     const width = getStyleValue(node.width) || 70;
-    return ((0, jsx_runtime_1.jsx)("figure", Object.assign({ id: node.label || undefined, style: { textAlign: node.align || 'center' } }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ style: {
+    return ((0, jsx_runtime_1.jsx)("figure", { id: node.label || undefined, style: { textAlign: node.align || 'center' }, children: (0, jsx_runtime_1.jsx)("div", { style: {
                 position: 'relative',
                 display: 'inline-block',
                 paddingBottom: '60%',
                 width: `min(max(${width}%, 500px), 100%)`,
-            } }, { children: (0, jsx_runtime_1.jsx)("iframe", { width: "100%", height: "100%", src: node.src, allowFullScreen: true, allow: "autoplay", style: {
+            }, children: (0, jsx_runtime_1.jsx)("iframe", { width: "100%", height: "100%", src: node.src, allowFullScreen: true, allow: "autoplay", style: {
                     width: '100%',
                     height: '100%',
                     position: 'absolute',
                     top: 0,
                     left: 0,
                     border: 'none',
-                } }) })) }), node.key));
+                } }) }) }, node.key));
 };
 exports.IFrame = IFrame;
 const IFRAME_RENDERERS = {

package/dist/cjs/inlineError.js

@@ -7,6 +7,6 @@ exports.InlineError = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const ExclamationCircleIcon_1 = __importDefault(require("@heroicons/react/24/outline/ExclamationCircleIcon"));
 function InlineError({ value, message }) {
-    return ((0, jsx_runtime_1.jsxs)("span", Object.assign({ className: "text-yellow-600", title: message || value }, { children: [(0, jsx_runtime_1.jsx)(ExclamationCircleIcon_1.default, { className: "inline h-[1em] mr-1" }), value] })));
+    return ((0, jsx_runtime_1.jsxs)("span", { className: "text-yellow-600", title: message || value, children: [(0, jsx_runtime_1.jsx)(ExclamationCircleIcon_1.default, { className: "inline h-[1em] mr-1" }), value] }));
 }
 exports.InlineError = InlineError;