myst-to-react 0.3.0 → 0.3.1

package/dist/esm/cite.js

@@ -8,10 +8,10 @@ function CiteChild({ html }) {
     return (_jsx("div", { className: "hover-document w-[500px] sm:max-w-[500px] p-3", dangerouslySetInnerHTML: { __html: html || '' } }));
 }
 export const CiteGroup = (node, children) => {
-    return (_jsx("span", Object.assign({ className: classNames('cite-group', {
+    return (_jsx("span", { className: classNames('cite-group', {
             narrative: node.kind === 'narrative',
             parenthetical: node.kind === 'parenthetical',
-        }) }, { children: children }), node.key));
+        }), children: children }, node.key));
 };
 export const Cite = ({ label, error, children, }) => {
     var _a, _b;
@@ -24,10 +24,10 @@ export const Cite = ({ label, error, children, }) => {
         return _jsx(InlineError, { value: label, message: 'Citation Not Found' });
     }
     const doiUrl = doiString ? doi.buildUrl(doiString) : null;
-    return (_jsx(HoverPopover, Object.assign({ openDelay: 300, card: _jsx(CiteChild, { html: html }) }, { children: _jsxs("cite", Object.assign({ className: "hover-link" }, { children: [doiUrl && (_jsx("a", Object.assign({ href: doiUrl, target: "_blank", rel: "noreferrer", className: "hover-link" }, { children: children }))), !doiUrl && children] })) })));
+    return (_jsx(HoverPopover, { openDelay: 300, card: _jsx(CiteChild, { html: html }), children: _jsxs("cite", { className: "hover-link", children: [doiUrl && (_jsx("a", { href: doiUrl, target: "_blank", rel: "noreferrer", className: "hover-link", children: children })), !doiUrl && children] }) }));
 };
 export const CiteRenderer = (node, children) => {
-    return (_jsx(Cite, Object.assign({ label: node.label, error: node.error }, { children: children }), node.key));
+    return (_jsx(Cite, { label: node.label, error: node.error, children: children }, node.key));
 };
 const CITE_RENDERERS = {
     citeGroup: CiteGroup,

package/dist/esm/code.js

@@ -17,11 +17,11 @@ export function CodeBlock(props) {
     const { isLight } = useTheme();
     const { value, lang, identifier, emphasizeLines, showLineNumbers, className, showCopy = true, startingLineNumber = 1, filename, shadow, background, border, } = props;
     const highlightLines = new Set(emphasizeLines);
-    return (_jsxs("div", Object.assign({ id: identifier, className: classNames('relative group not-prose overflow-auto', className, {
+    return (_jsxs("div", { id: identifier, className: classNames('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 && _jsx("div", Object.assign({ className: "leading-3 mt-1 p-1" }, { children: filename })), _jsx(SyntaxHighlighter, Object.assign({ 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: "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: {
                     // This stops page content shifts
                     display: 'inline-block',
                     float: 'left',
@@ -39,7 +39,7 @@ export function CodeBlock(props) {
                             'data-highlight': 'true',
                         }
                         : { 'data-line-number': `${line}` };
-                }, customStyle: { padding: '0.8rem' } }, { children: value })), showCopy && (_jsx("div", Object.assign({ className: "absolute hidden top-1 right-1 group-hover:block" }, { children: _jsx(CopyIcon, { text: value }) })))] })));
+                }, customStyle: { padding: '0.8rem' }, children: value }), showCopy && (_jsx("div", { className: "absolute hidden top-1 right-1 group-hover:block", children: _jsx(CopyIcon, { text: value }) }))] }));
 }
 const code = (node) => {
     return (_jsx(CodeBlock, { identifier: node.html_id, "data-mdast-node-type": node.type, "data-mdast-node-id": node.key, value: node.value || '', lang: node.lang, emphasizeLines: node.emphasizeLines, showLineNumbers: node.showLineNumbers, startingLineNumber: node.startingLineNumber, shadow: true, border: node.executable, background: !node.executable }, node.key));
@@ -57,7 +57,7 @@ function isColor(maybeColorHash) {
 }
 const inlineCode = (node, children) => {
     if (isColor(node.value)) {
-        return (_jsxs("code", Object.assign({ 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: "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 _jsx("code", { children: children }, node.key);
 };

package/dist/esm/components/CopyIcon.js

@@ -13,8 +13,8 @@ export function CopyIcon({ text }) {
             setTimeout(() => setCopied(false), 3000);
         });
     };
-    return (_jsx("button", Object.assign({ title: copied ? 'Copied!!' : 'Copy to Clipboard', className: classNames('inline-flex items-center opacity-60 hover:opacity-100 active:opacity-40 cursor-pointer ml-2', 'transition-color duration-200 ease-in-out', {
+    return (_jsx("button", { title: copied ? 'Copied!!' : 'Copy to Clipboard', className: classNames('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 ? (_jsx(CheckIcon, { className: "w-[24px] h-[24px] text-success" })) : (_jsx(DocumentDuplicateIcon, { className: "w-[24px] h-[24px]" })) })));
+        }), onClick: onClick, "aria-pressed": copied ? 'true' : 'false', "aria-label": "Copy code to clipboard", children: copied ? (_jsx(CheckIcon, { className: "w-[24px] h-[24px] text-success" })) : (_jsx(DocumentDuplicateIcon, { className: "w-[24px] h-[24px]" })) }));
 }

package/dist/esm/components/HoverPopover.js

@@ -3,5 +3,5 @@ import { useState } from 'react';
 import * as HoverCard from '@radix-ui/react-hover-card';
 export function HoverPopover({ children, openDelay = 400, card, side, arrowClass = 'fill-white', }) {
     const [load, setLoad] = useState(false);
-    return (_jsxs(HoverCard.Root, Object.assign({ openDelay: openDelay }, { children: [_jsx(HoverCard.Trigger, Object.assign({ asChild: true, onMouseEnter: () => setLoad(true) }, { children: children })), _jsx(HoverCard.Portal, { children: _jsxs(HoverCard.Content, Object.assign({ className: "exclude-from-outline hover-card-content", sideOffset: 5, side: side }, { children: [typeof card === 'function' ? load && card({ load }) : card, _jsx(HoverCard.Arrow, { className: arrowClass })] })) })] })));
+    return (_jsxs(HoverCard.Root, { openDelay: openDelay, children: [_jsx(HoverCard.Trigger, { asChild: true, onMouseEnter: () => setLoad(true), children: children }), _jsx(HoverCard.Portal, { children: _jsxs(HoverCard.Content, { className: "exclude-from-outline hover-card-content", sideOffset: 5, side: side, children: [typeof card === 'function' ? load && card({ load }) : card, _jsx(HoverCard.Arrow, { className: arrowClass })] }) })] }));
 }

package/dist/esm/components/LinkCard.js

@@ -6,7 +6,7 @@ export function LinkCard({ url, title, internal = false, loading = false, descri
     const Link = useLinkProvider();
     const baseurl = useBaseurl();
     const to = withBaseurl(url, baseurl);
-    return (_jsxs("div", Object.assign({ className: classNames('hover-card-content rounded overflow-hidden', className, {
+    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, Object.assign({ to: to, className: "block text-sm font-semibold text-inherit hover:text-inherit px-3 mt-3", prefetch: "intent" }, { children: title }))), !internal && (_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: [_jsx(ExternalLinkIcon, { className: "w-4 h-4 float-right" }), title] }))), !loading && description && (_jsx("div", Object.assign({ 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 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 }))] }));
 }

package/dist/esm/crossReference.js

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

package/dist/esm/dropdown.js

@@ -6,11 +6,11 @@ export const SummaryTitle = (node, children) => {
     return children;
 };
 export function Details({ title, children, open, }) {
-    return (_jsxs("details", Object.assign({ 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", Object.assign({ 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", Object.assign({ className: "text-neutral-900 dark:text-white" }, { children: [_jsx("span", Object.assign({ 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", Object.assign({ 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 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 })] }));
 }
 export const DetailsRenderer = (node, children) => {
     const [title, ...rest] = children;
-    return (_jsx(Details, Object.assign({ title: title, open: node.open }, { children: rest }), node.key));
+    return (_jsx(Details, { title: title, open: node.open, children: rest }, node.key));
 };
 const DROPDOWN_RENDERERS = {
     details: DetailsRenderer,

package/dist/esm/exercise.js

@@ -26,17 +26,17 @@ function getColor({ classes = [] }, defaultColor = 'blue') {
 }
 const WrapperElement = ({ id, dropdown, className, children, }) => {
     if (dropdown)
-        return (_jsx("details", Object.assign({ id: id, className: className }, { children: children })));
-    return (_jsx("aside", Object.assign({ id: id, className: className }, { children: children })));
+        return (_jsx("details", { id: id, className: className, children: children }));
+    return (_jsx("aside", { id: id, className: className, children: children }));
 };
 const HeaderElement = ({ dropdown, className, children, }) => {
     if (dropdown)
-        return _jsx("summary", Object.assign({ className: className }, { children: children }));
-    return _jsx("div", Object.assign({ className: className }, { children: children }));
+        return _jsx("summary", { className: className, children: children });
+    return _jsx("div", { className: className, children: children });
 };
 const iconClass = 'h-8 w-8 inline-block pl-2 mr-2 self-center flex-none';
 export function Callout({ title, color, dropdown, children, identifier, Icon, }) {
-    return (_jsxs(WrapperElement, Object.assign({ id: identifier, dropdown: dropdown, className: classNames('my-5 shadow dark:bg-stone-800 overflow-hidden', 'dark:border-l-4 border-slate-400', {
+    return (_jsxs(WrapperElement, { id: identifier, dropdown: dropdown, className: classNames('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',
@@ -44,7 +44,7 @@ export 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: [_jsxs(HeaderElement, Object.assign({ dropdown: dropdown, className: classNames('m-0 font-medium py-2 flex min-w-0', 'text-md', 'border-y dark:border-y-0', {
+        }), children: [_jsxs(HeaderElement, { dropdown: dropdown, className: classNames('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',
@@ -53,7 +53,7 @@ export 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 && (_jsx(Icon, { className: classNames('h-8 w-8 inline-block pl-2 mr-2 self-center flex-none', classNames({
+                }), children: [Icon && (_jsx(Icon, { className: classNames('h-8 w-8 inline-block pl-2 mr-2 self-center flex-none', classNames({
                             'text-gray-600': !color || color === 'gray',
                             'text-blue-600': color === 'blue',
                             'text-green-600': color === 'green',
@@ -61,8 +61,8 @@ export function Callout({ title, color, dropdown, children, identifier, Icon, })
                             'text-orange-600': color === 'orange',
                             'text-red-600': color === 'red',
                             'text-purple-600': color === 'purple',
-                        })) })), _jsx("div", Object.assign({ 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", Object.assign({ 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", Object.assign({ className: classNames('px-4', { 'details-body': dropdown }) }, { children: children }))] })));
+                        })) })), _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 })] }));
 }
 export const ExerciseRenderer = (node, children) => {
     var _a, _b, _c;
@@ -75,8 +75,8 @@ export 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 = (_jsxs(_Fragment, { children: [_jsxs(HashLink, Object.assign({ id: identifier, kind: "Exercise" }, { children: [node.gate === 'start' && 'Start of ', node.gate === 'end' && 'End of ', "Exercise", enumerator != null && _jsxs(_Fragment, { children: [" ", enumerator] })] })), useTitle && _jsxs(_Fragment, { children: [" (", title, ")"] })] }));
-    return (_jsxs(Callout, Object.assign({ identifier: identifier, title: titleNode, color: color, dropdown: isDropdown }, { children: [!useTitle && title, rest] }), node.key));
+    const titleNode = (_jsxs(_Fragment, { children: [_jsxs(HashLink, { id: identifier, kind: "Exercise", children: [node.gate === 'start' && 'Start of ', node.gate === 'end' && 'End of ', "Exercise", enumerator != null && _jsxs(_Fragment, { children: [" ", enumerator] })] }), useTitle && _jsxs(_Fragment, { children: [" (", title, ")"] })] }));
+    return (_jsxs(Callout, { identifier: identifier, title: titleNode, color: color, dropdown: isDropdown, children: [!useTitle && title, rest] }, node.key));
 };
 export const SolutionRenderer = (node, children) => {
     var _a, _b, _c;
@@ -88,8 +88,8 @@ export 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 = (_jsxs(_Fragment, { children: [node.gate === 'start' && 'Start of ', node.gate === 'end' && 'End of ', title, _jsx(HashLink, Object.assign({ id: identifier, kind: "Solution", hover: true, hideInPopup: true }, { children: ' #' }))] }));
-    return (_jsxs(Callout, Object.assign({ identifier: identifier, title: useTitle ? titleNode : undefined, color: color, dropdown: isDropdown }, { children: [!useTitle && title, rest] }), node.key));
+    const titleNode = (_jsxs(_Fragment, { children: [node.gate === 'start' && 'Start of ', node.gate === 'end' && 'End of ', title, _jsx(HashLink, { id: identifier, kind: "Solution", hover: true, hideInPopup: true, children: ' #' })] }));
+    return (_jsxs(Callout, { identifier: identifier, title: useTitle ? titleNode : undefined, color: color, dropdown: isDropdown, children: [!useTitle && title, rest] }, node.key));
 };
 const EXERCISE_RENDERERS = {
     exercise: ExerciseRenderer,

package/dist/esm/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/esm/extensions/chemicalFormula.js

@@ -23,11 +23,11 @@ function parseFormula(formula) {
 }
 export const ChemicalFormula = (node) => {
     const parts = parseFormula(node.value);
-    return (_jsx("code", Object.assign({ className: "text-inherit" }, { children: parts.map((letter, index) => {
+    return (_jsx("code", { className: "text-inherit", children: parts.map((letter, index) => {
             if (letter.match(/[0-9]/))
                 return _jsx("sub", { children: letter }, index);
             return _jsx("span", { children: letter }, index);
-        }) }), node.key));
+        }) }, node.key));
 };
 const CHEM_RENDERERS = {
     chemicalFormula: ChemicalFormula,

package/dist/esm/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/esm/extensions/siunits.js

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

package/dist/esm/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/esm/footnotes.js

@@ -9,11 +9,11 @@ function FootnoteDefinition({ identifier }) {
     const renderers = 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 : select(`footnoteDefinition[identifier=${identifier}]`, references === null || references === void 0 ? void 0 : references.article);
     const children = useParse(node, renderers);
-    return (_jsx(XRefProvider, { children: _jsx("div", Object.assign({ className: "hover-document w-[500px] sm:max-w-[500px] px-3" }, { children: children })) }));
+    return (_jsx(XRefProvider, { children: _jsx("div", { className: "hover-document w-[500px] sm:max-w-[500px] px-3", children: children }) }));
 }
 export const FootnoteReference = (node) => {
     var _a;
-    return (_jsx(HoverPopover, Object.assign({ openDelay: 0, card: _jsx(FootnoteDefinition, { identifier: node.identifier }) }, { children: _jsx("span", { children: _jsxs("sup", Object.assign({ className: "hover-link" }, { children: ["[", (_a = node.number) !== null && _a !== void 0 ? _a : node.identifier, "]"] })) }) }), node.key));
+    return (_jsx(HoverPopover, { openDelay: 0, card: _jsx(FootnoteDefinition, { identifier: node.identifier }), children: _jsx("span", { children: _jsxs("sup", { className: "hover-link", children: ["[", (_a = node.number) !== null && _a !== void 0 ? _a : node.identifier, "]"] }) }) }, node.key));
 };
 const FOOTNOTE_RENDERERS = {
     footnoteReference: FootnoteReference,

package/dist/esm/grid.js

@@ -99,10 +99,10 @@ function gridColumnClasses(columns) {
 function Grid({ columns, children }) {
     const gridClasses = gridColumnClasses(columns);
     const gutterClasses = 'gap-4';
-    return (_jsx("div", Object.assign({ className: classNames('myst-grid grid my-5', gridClasses, gutterClasses) }, { children: children })));
+    return (_jsx("div", { className: classNames('myst-grid grid my-5', gridClasses, gutterClasses), children: children }));
 }
 export const GridRenderer = (node, children) => {
-    return (_jsx(Grid, Object.assign({ columns: node.columns }, { children: children }), node.key));
+    return (_jsx(Grid, { columns: node.columns, children: children }, node.key));
 };
 const GRID_RENDERERS = {
     grid: GridRenderer,

package/dist/esm/heading.js

@@ -7,7 +7,7 @@ export function HashLink({ id, kind, title = `Link to this ${kind}`, children =
     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 : (_jsx("span", Object.assign({ className: classNames('select-none', className) }, { children: children })));
+        return hideInPopup ? null : (_jsx("span", { className: classNames('select-none', className), children: children }));
     }
     const scroll = (evt) => {
         evt.preventDefault();
@@ -15,15 +15,15 @@ export function HashLink({ id, kind, title = `Link to this ${kind}`, children =
         el === null || el === void 0 ? void 0 : el.scrollIntoView({ behavior: 'smooth' });
         history.replaceState(undefined, '', `#${id}`);
     };
-    return (_jsx("a", Object.assign({ className: classNames('select-none no-underline text-inherit hover:text-inherit', className, {
+    return (_jsx("a", { className: classNames('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 }));
 }
 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", Object.assign({ className: "select-none mr-3" }, { children: enumerator })), _jsx("span", Object.assign({ 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: "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 })] }));
     // 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/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/esm/iframe.js

@@ -23,19 +23,19 @@ function getStyleValue(width) {
 }
 export const IFrame = (node) => {
     const width = getStyleValue(node.width) || 70;
-    return (_jsx("figure", Object.assign({ id: node.label || undefined, style: { textAlign: node.align || 'center' } }, { children: _jsx("div", Object.assign({ style: {
+    return (_jsx("figure", { id: node.label || undefined, style: { textAlign: node.align || 'center' }, children: _jsx("div", { style: {
                 position: 'relative',
                 display: 'inline-block',
                 paddingBottom: '60%',
                 width: `min(max(${width}%, 500px), 100%)`,
-            } }, { children: _jsx("iframe", { width: "100%", height: "100%", src: node.src, allowFullScreen: true, allow: "autoplay", style: {
+            }, children: _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));
 };
 const IFRAME_RENDERERS = {
     iframe: IFrame,

package/dist/esm/inlineError.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import ExclamationCircleIcon from '@heroicons/react/24/outline/ExclamationCircleIcon';
 export function InlineError({ value, message }) {
-    return (_jsxs("span", Object.assign({ className: "text-yellow-600", title: message || value }, { children: [_jsx(ExclamationCircleIcon, { className: "inline h-[1em] mr-1" }), value] })));
+    return (_jsxs("span", { className: "text-yellow-600", title: message || value, children: [_jsx(ExclamationCircleIcon, { className: "inline h-[1em] mr-1" }), value] }));
 }

package/dist/esm/inlineExpression.d.ts

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

package/dist/esm/inlineExpression.js

@@ -9,7 +9,7 @@ export const InlineExpression = (node, children) => {
         return _jsx(InlineError, { value: `${(_b = node.result) === null || _b === void 0 ? void 0 : _b.ename}: ${(_c = node.result) === null || _c === void 0 ? void 0 : _c.evalue}` });
     }
     // TODO: something with Thebe in the future!
-    return (_jsx("span", Object.assign({ title: `Evaluated from: "${node.value}"` }, { children: children }), node.key));
+    return (_jsx("span", { title: `Evaluated from: "${node.value}"`, children: children }, node.key));
 };
 const INLINE_EXPRESSION_RENDERERS = {
     inlineExpression: InlineExpression,

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", Object.assign({ className: "hover-document w-[500px] sm:max-w-[500px]" }, { children: [_jsx("a", Object.assign({ 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", Object.assign({ 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: "w-4 h-4 float-right" }) }), _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;
@@ -73,28 +73,28 @@ function GithubIssuePreview({ url, org, repo, issue_number, open, }) {
     var _a, _b;
     const { data, error } = useLoadWhenOpen(open, `https://api.github.com/repos/${org}/${repo}/issues/${issue_number}`, jsonFetcher);
     if (!data && !error) {
-        return (_jsx("div", Object.assign({ className: "hover-document w-[500px] sm:max-w-[500px] animate-pulse" }, { children: "Loading..." })));
+        return (_jsx("div", { className: "hover-document w-[500px] sm:max-w-[500px] animate-pulse", children: "Loading..." }));
     }
     const resp = data;
     if (error) {
-        return (_jsxs("div", Object.assign({ className: "hover-document" }, { children: [_jsx("a", Object.assign({ 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", Object.assign({ 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: "w-4 h-4 float-right" }) }), _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", Object.assign({ className: "hover-document w-[400px] sm:max-w-[400px] p-3" }, { children: [_jsxs("div", Object.assign({ className: "text-xs font-light" }, { children: [org, "/", repo] })), _jsxs("div", Object.assign({ 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", Object.assign({ className: "text-xs font-light" }, { children: ["#", issue_number, " opened on ", dateString, " by", ' ', _jsxs("span", Object.assign({ className: "font-normal" }, { children: ["@", resp.user.login] }))] })), _jsx("p", Object.assign({ 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", Object.assign({ className: "flex flex-wrap" }, { children: (_b = resp.labels) === null || _b === void 0 ? void 0 : _b.map((label) => (_jsx("span", Object.assign({ 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: "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', {
                         'text-white': useWhiteTextColor(label.color),
-                    }), style: { backgroundColor: `#${label.color}` } }, { children: label.name }), label.id))) })))] })));
+                    }), style: { backgroundColor: `#${label.color}` }, children: label.name }, label.id))) }))] }));
 }
 export function GithubLink({ kind, children, url, org, repo, raw, file, from, to, issue_number, }) {
-    return (_jsx(HoverPopover, Object.assign({ card: ({ load }) => {
+    return (_jsx(HoverPopover, { card: ({ load }) => {
             if (kind === 'file') {
                 return (_jsx(GithubFilePreview, { url: url, raw: raw, file: file, from: from, to: to, open: load, org: org, repo: repo }));
             }
             if (kind === 'issue') {
                 return (_jsx(GithubIssuePreview, { url: url, open: load, org: org, issue_number: issue_number, repo: repo }));
             }
-        } }, { children: _jsx("a", Object.assign({ href: url, className: "italic", target: "_blank", rel: "noreferrer" }, { children: children })) })));
+        }, children: _jsx("a", { href: url, className: "italic", target: "_blank", rel: "noreferrer", children: children }) }));
 }

package/dist/esm/links/index.js

@@ -24,9 +24,9 @@ function InternalLink({ url, children }) {
     const baseurl = useBaseurl();
     const skipPreview = !page || (!page.description && !page.thumbnail);
     if (!page || skipPreview) {
-        return (_jsx(Link, Object.assign({ to: withBaseurl(url, baseurl), prefetch: "intent" }, { children: children })));
+        return (_jsx(Link, { to: withBaseurl(url, baseurl), prefetch: "intent", children: children }));
     }
-    return (_jsx(HoverPopover, Object.assign({ card: _jsx(LinkCard, { internal: true, url: url, title: page.title, description: page.description, thumbnail: page.thumbnailOptimized || page.thumbnail }) }, { children: _jsx(Link, Object.assign({ to: withBaseurl(url, baseurl), prefetch: "intent" }, { children: children })) })));
+    return (_jsx(HoverPopover, { card: _jsx(LinkCard, { internal: true, url: url, title: page.title, description: page.description, thumbnail: page.thumbnailOptimized || page.thumbnail }), children: _jsx(Link, { to: withBaseurl(url, baseurl), prefetch: "intent", children: children }) }));
 }
 export const link = (node, children) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
@@ -34,16 +34,16 @@ export const link = (node, children) => {
     const protocol = node.protocol;
     switch (protocol) {
         case 'wiki':
-            return (_jsx(WikiLink, Object.assign({ url: node.url, page: (_b = node.data) === null || _b === void 0 ? void 0 : _b.page, wiki: (_c = node.data) === null || _c === void 0 ? void 0 : _c.wiki }, { children: children }), node.key));
+            return (_jsx(WikiLink, { url: node.url, page: (_b = node.data) === null || _b === void 0 ? void 0 : _b.page, wiki: (_c = node.data) === null || _c === void 0 ? void 0 : _c.wiki, children: children }, node.key));
         case 'github':
-            return (_jsx(GithubLink, Object.assign({ kind: (_d = node.data) === null || _d === void 0 ? void 0 : _d.kind, url: node.url, org: (_e = node.data) === null || _e === void 0 ? void 0 : _e.org, repo: (_f = node.data) === null || _f === void 0 ? void 0 : _f.repo, raw: (_g = node.data) === null || _g === void 0 ? void 0 : _g.raw, file: (_h = node.data) === null || _h === void 0 ? void 0 : _h.file, from: (_j = node.data) === null || _j === void 0 ? void 0 : _j.from, to: (_k = node.data) === null || _k === void 0 ? void 0 : _k.to, issue_number: (_l = node.data) === null || _l === void 0 ? void 0 : _l.issue_number }, { children: children }), node.key));
+            return (_jsx(GithubLink, { kind: (_d = node.data) === null || _d === void 0 ? void 0 : _d.kind, url: node.url, org: (_e = node.data) === null || _e === void 0 ? void 0 : _e.org, repo: (_f = node.data) === null || _f === void 0 ? void 0 : _f.repo, raw: (_g = node.data) === null || _g === void 0 ? void 0 : _g.raw, file: (_h = node.data) === null || _h === void 0 ? void 0 : _h.file, from: (_j = node.data) === null || _j === void 0 ? void 0 : _j.from, to: (_k = node.data) === null || _k === void 0 ? void 0 : _k.to, issue_number: (_l = node.data) === null || _l === void 0 ? void 0 : _l.issue_number, children: children }, node.key));
         case 'rrid':
             return _jsx(RRIDLink, { rrid: (_m = node.data) === null || _m === void 0 ? void 0 : _m.rrid }, node.key);
         default:
             if (internal) {
-                return (_jsx(InternalLink, Object.assign({ url: node.url }, { children: children }), node.key));
+                return (_jsx(InternalLink, { url: node.url, children: children }, node.key));
             }
-            return (_jsx("a", Object.assign({ target: "_blank", href: node.url, rel: "noreferrer" }, { children: children }), node.key));
+            return (_jsx("a", { target: "_blank", href: node.url, rel: "noreferrer", children: children }, node.key));
     }
 };
 export const linkBlock = (node, children) => {
@@ -51,11 +51,11 @@ 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", Object.assign({ className: "flex align-middle h-full" }, { children: [_jsxs("div", Object.assign({ className: "flex-grow" }, { children: [node.title, _jsx("div", Object.assign({ 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 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 })] }));
     if (internal) {
-        return (_jsx("a", Object.assign({ href: node.url, className: containerClass }, { children: nested }), node.key));
+        return (_jsx("a", { href: node.url, className: containerClass, children: nested }, node.key));
     }
-    return (_jsx("a", Object.assign({ className: containerClass, target: "_blank", rel: "noopener noreferrer", href: node.url }, { children: nested }), node.key));
+    return (_jsx("a", { className: containerClass, target: "_blank", rel: "noopener noreferrer", href: node.url, children: nested }, node.key));
 };
 const LINK_RENDERERS = {
     link,

package/dist/esm/links/rrid.js

@@ -10,18 +10,18 @@ function RRIDChild({ rrid }) {
     var _a, _b, _c, _d, _e, _f, _g;
     const { data, error } = useSWR(`https://scicrunch.org/resolver/${rrid}.json`, fetcher);
     if (!data && !error) {
-        return (_jsx("div", Object.assign({ className: "hover-document w-[500px] sm:max-w-[500px] animate-pulse" }, { children: "Loading..." })));
+        return (_jsx("div", { className: "hover-document w-[500px] sm:max-w-[500px] animate-pulse", children: "Loading..." }));
     }
     const hit = (_b = (_a = data === null || data === void 0 ? void 0 : data.hits) === null || _a === void 0 ? void 0 : _a.hits) === null || _b === void 0 ? void 0 : _b[0];
     if (error || !hit) {
-        return _jsxs("div", Object.assign({ className: "hover-document w-[500px] sm:max-w-[500px]" }, { children: ["Error loading ", rrid, "."] }));
+        return _jsxs("div", { className: "hover-document w-[500px] sm:max-w-[500px]", children: ["Error loading ", rrid, "."] });
     }
     const { name: title, curie, description, supercategory, keywords, types: categories, } = (_d = (_c = hit === null || hit === void 0 ? void 0 : hit._source) === null || _c === void 0 ? void 0 : _c.item) !== null && _d !== void 0 ? _d : {};
     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", Object.assign({ className: "hover-document w-[500px] sm:max-w-[500px] p-3" }, { children: [_jsxs("p", Object.assign({ className: "text-sm font-light" }, { children: ["RRID: ", category] })), _jsxs("div", Object.assign({ className: "text-xl font-bold mb-4" }, { children: [title, " ", _jsx("code", { children: curie })] })), _jsx("p", Object.assign({ className: "text-md" }, { children: description })), types.length > 0 && (_jsxs(_Fragment, { children: [_jsx("div", Object.assign({ className: "text-xs font-thin my-2" }, { children: "Categories" })), _jsx("div", Object.assign({ className: "flex flex-wrap ml-1" }, { children: types === null || types === void 0 ? void 0 : types.map((tag) => (_jsx("span", Object.assign({ 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", Object.assign({ className: "text-xs font-thin my-2" }, { children: "Tags" })), _jsx("div", Object.assign({ className: "flex flex-wrap ml-1" }, { children: tags === null || tags === void 0 ? void 0 : tags.map((tag) => (_jsx("span", Object.assign({ 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: "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 }))) })] }))] }));
 }
 export function RRIDLink({ rrid }) {
-    return (_jsx(HoverPopover, Object.assign({ card: _jsx(RRIDChild, { rrid: rrid }) }, { children: _jsxs("a", Object.assign({ href: `https://scicrunch.org/resolver/${rrid}`, target: "_blank", rel: "noopener noreferrer" }, { children: ["RRID: ", _jsx("cite", Object.assign({ className: "italic" }, { children: 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 })] }) }));
 }