myst-to-react 0.13.5 → 0.13.7

package/dist/dropdown.js

@@ -3,15 +3,15 @@ import { ChevronRightIcon } from '@heroicons/react/24/solid';
 import classNames from 'classnames';
 import { MyST } from './MyST.js';
 const iconClass = 'inline-block pl-2 mr-2 -translate-y-[1px]';
-export const SummaryTitle = ({ node }) => {
-    return _jsx(MyST, { ast: node.children });
+export const SummaryTitle = ({ node, className }) => {
+    return _jsx(MyST, { ast: node.children, className: className });
 };
 export function Details({ title, children, open, className, }) {
     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', className), open: open, children: [_jsx("summary", { className: classNames('m-0 text-lg font-medium py-1 min-h-[2em] pl-3', 'cursor-pointer hover:shadow-[inset_0_0_0px_30px_#00000003] dark:hover:shadow-[inset_0_0_0px_30px_#FFFFFF03]', 'bg-gray-100 dark:bg-slate-900'), children: _jsxs("span", { className: "text-neutral-900 dark:text-white", children: [_jsx("span", { className: "block float-right text-sm font-thin text-neutral-700 dark:text-neutral-200", children: _jsx(ChevronRightIcon, { width: "1.5rem", height: "1.5rem", className: classNames(iconClass, 'details-toggle', 'transition-transform') }) }), title] }) }), _jsx("div", { className: "px-4 py-1 details-body", children: children })] }));
 }
-export const DetailsRenderer = ({ node }) => {
+export const DetailsRenderer = ({ node, className }) => {
     const [title, ...rest] = node.children;
-    return (_jsx(Details, { title: _jsx(MyST, { ast: [title] }), open: node.open, className: node.class, children: _jsx(MyST, { ast: rest }) }));
+    return (_jsx(Details, { title: _jsx(MyST, { ast: [title] }), open: node.open, className: classNames(node.class, className), children: _jsx(MyST, { ast: rest }) }));
 };
 const DROPDOWN_RENDERERS = {
     details: DetailsRenderer,

package/dist/exercise.d.ts

@@ -2,12 +2,13 @@ import type { Admonition as AdmonitionSpec } from 'myst-spec';
 import React from 'react';
 import type { NodeRenderer } from '@myst-theme/providers';
 type Color = 'gray' | 'blue' | 'green' | 'yellow' | 'orange' | 'red' | 'purple';
-export declare function Callout({ title, color, dropdown, children, identifier, Icon, }: {
+export declare function Callout({ title, color, dropdown, children, identifier, className, Icon, }: {
     title?: React.ReactNode;
     color?: Color;
     children: React.ReactNode;
     dropdown?: boolean;
     identifier?: string;
+    className?: string;
     Icon?: (props: {
         width?: string;
         height?: string;

package/dist/exercise.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"exercise.d.ts","sourceRoot":"","sources":["../src/exercise.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,WAAW,CAAC;AAC9D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAO1D,KAAK,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,KAAK,GAAG,QAAQ,CAAC;AAkEhF,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,IAAI,GACL,EAAE;IACD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,GAAG,CAAC,OAAO,CAAC;CACxF,2CA8EA;AAED,eAAO,MAAM,gBAAgB,EAAE,YAAY,CAAC,cAAc,CAiCzD,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,YAAY,CAAC,cAAc,CAgCzD,CAAC;AAEF,QAAA,MAAM,kBAAkB;;;CAGvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"exercise.d.ts","sourceRoot":"","sources":["../src/exercise.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,WAAW,CAAC;AAC9D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAO1D,KAAK,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,KAAK,GAAG,QAAQ,CAAC;AAkEhF,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,SAAS,EACT,IAAI,GACL,EAAE;IACD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,GAAG,CAAC,OAAO,CAAC;CACxF,2CA+EA;AAED,eAAO,MAAM,gBAAgB,EAAE,YAAY,CAAC,cAAc,CAuCzD,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,YAAY,CAAC,cAAc,CAiCzD,CAAC;AAEF,QAAA,MAAM,kBAAkB;;;CAGvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/exercise.js

@@ -36,7 +36,7 @@ const HeaderElement = ({ dropdown, className, children, }) => {
     return _jsx("div", { className: className, children: children });
 };
 const iconClass = 'inline-block pl-2 mr-2 self-center flex-none';
-export function Callout({ title, color, dropdown, children, identifier, Icon, }) {
+export function Callout({ title, color, dropdown, children, identifier, className, Icon, }) {
     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',
@@ -45,7 +45,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, { dropdown: dropdown, className: classNames('m-0 font-medium py-2 flex min-w-0', 'text-md', 'border-y dark:border-y-0', {
+        }, className), 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',
@@ -65,7 +65,7 @@ export function Callout({ title, color, dropdown, children, identifier, Icon, })
                         })) })), _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: "self-center flex-none text-sm font-thin text-neutral-700 dark:text-neutral-200", children: _jsx(ChevronRightIcon, { width: "1.5rem", height: "1.5rem", className: classNames(iconClass, 'transition-transform details-toggle') }) }))] }), _jsx("div", { className: classNames('px-4', { 'details-body': dropdown }), children: children })] }));
 }
-export const ExerciseRenderer = ({ node }) => {
+export const ExerciseRenderer = ({ node, className }) => {
     var _a, _b, _c;
     if (node.hidden)
         return null;
@@ -77,9 +77,9 @@ export const ExerciseRenderer = ({ node }) => {
     const identifier = node.html_id;
     const enumerator = node.enumerator;
     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: [' ', "(", _jsx(MyST, { ast: [title] }), ")"] }))] }));
-    return (_jsx(Callout, { identifier: identifier, title: titleNode, color: color, dropdown: isDropdown, children: useTitle ? _jsx(MyST, { ast: rest }) : _jsx(MyST, { ast: node.children }) }));
+    return (_jsx(Callout, { identifier: identifier, title: titleNode, color: color, dropdown: isDropdown, className: className, children: useTitle ? _jsx(MyST, { ast: rest }) : _jsx(MyST, { ast: node.children }) }));
 };
-export const SolutionRenderer = ({ node }) => {
+export const SolutionRenderer = ({ node, className }) => {
     var _a, _b, _c;
     if (node.hidden)
         return null;
@@ -90,7 +90,7 @@ export const SolutionRenderer = ({ node }) => {
     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 ', _jsx(MyST, { ast: [title] }), _jsx(HashLink, { id: identifier, kind: "Solution", hover: true, hideInPopup: true, children: ' #' })] }));
-    return (_jsx(Callout, { identifier: identifier, title: useTitle ? titleNode : undefined, color: color, dropdown: isDropdown, children: useTitle ? _jsx(MyST, { ast: rest }) : _jsx(MyST, { ast: node.children }) }));
+    return (_jsx(Callout, { identifier: identifier, title: useTitle ? titleNode : undefined, color: color, dropdown: isDropdown, className: className, children: useTitle ? _jsx(MyST, { ast: rest }) : _jsx(MyST, { ast: node.children }) }));
 };
 const EXERCISE_RENDERERS = {
     exercise: ExerciseRenderer,

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

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

package/dist/extensions/chemicalFormula.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
 /**
  * Separate numbers and letters so that numbers can be <sub>2</sub>
  * @param formula a string H2O
@@ -22,9 +23,9 @@ function parseFormula(formula) {
         return [...acc, `${last !== null && last !== void 0 ? last : ''}${letter}`];
     }, []);
 }
-export const ChemicalFormula = ({ node }) => {
+export const ChemicalFormula = ({ node, className }) => {
     const parts = parseFormula(node.value);
-    return (_jsx("span", { className: "text-inherit", "aria-roledescription": "Chemical Formula", children: parts.map((letter, index) => {
+    return (_jsx("span", { className: classNames('text-inherit', className), "aria-roledescription": "Chemical Formula", children: parts.map((letter, index) => {
             if (letter.match(/[0-9]/))
                 return _jsx("sub", { children: letter }, index);
             return _jsx("span", { children: letter }, index);

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

@@ -1 +1 @@
-{"version":3,"file":"siunits.d.ts","sourceRoot":"","sources":["../../src/extensions/siunits.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE1D,eAAO,MAAM,OAAO,EAAE,YAIrB,CAAC;AAEF,QAAA,MAAM,YAAY;;CAEjB,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"siunits.d.ts","sourceRoot":"","sources":["../../src/extensions/siunits.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE1D,eAAO,MAAM,OAAO,EAAE,YAQrB,CAAC;AAEF,QAAA,MAAM,YAAY;;CAEjB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/extensions/siunits.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-export const SIUnits = ({ node }) => {
+export const SIUnits = ({ node, className }) => {
     var _a;
     const space = node.number == null ? '' : ' ';
     const title = `${(_a = node.number) !== null && _a !== void 0 ? _a : ''}${space}${node.alt}`;
-    return _jsx("span", { title: title, children: node.value });
+    return (_jsx("span", { title: title, className: className, children: node.value }));
 };
 const SI_RENDERERS = {
     si: SIUnits,

package/dist/footnotes.js

@@ -10,9 +10,9 @@ function FootnoteDefinition({ identifier }) {
     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);
     return (_jsx(XRefProvider, { children: _jsx("div", { className: "hover-document article w-[500px] sm:max-w-[500px] px-3 text-sm", children: _jsx(MyST, { ast: node === null || node === void 0 ? void 0 : node.children }) }) }));
 }
-export const FootnoteReference = ({ node }) => {
+export const FootnoteReference = ({ node, className }) => {
     var _a, _b;
-    return (_jsx(HoverPopover, { openDelay: 0, card: _jsx(FootnoteDefinition, { identifier: node.identifier }), children: _jsx("span", { id: `fnref-${node.key}`, children: _jsx("sup", { className: "hover-link", children: _jsxs(HashLink, { id: `fn-${node.identifier}`, title: "Link to Footnote", scrollBehavior: "instant", canSelectText: true, children: ["[", (_b = (_a = node.enumerator) !== null && _a !== void 0 ? _a : node.number) !== null && _b !== void 0 ? _b : node.identifier, "]"] }) }) }) }));
+    return (_jsx(HoverPopover, { openDelay: 0, card: _jsx(FootnoteDefinition, { identifier: node.identifier }), children: _jsx("span", { id: `fnref-${node.key}`, className: className, children: _jsx("sup", { className: "hover-link", children: _jsxs(HashLink, { id: `fn-${node.identifier}`, title: "Link to Footnote", scrollBehavior: "instant", canSelectText: true, children: ["[", (_b = (_a = node.enumerator) !== null && _a !== void 0 ? _a : node.number) !== null && _b !== void 0 ? _b : node.identifier, "]"] }) }) }) }));
 };
 const FOOTNOTE_RENDERERS = {
     footnoteReference: FootnoteReference,

package/dist/grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../src/grid.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAG1D,KAAK,QAAQ,GAAG;IACd,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,EAAE,CAAC;CACnB,CAAC;AA6GF,eAAO,MAAM,YAAY,EAAE,YAAY,CAAC,QAAQ,CAM/C,CAAC;AAEF,QAAA,MAAM,cAAc;;CAEnB,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../src/grid.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAG1D,KAAK,QAAQ,GAAG;IACd,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,EAAE,CAAC;CACnB,CAAC;AAuHF,eAAO,MAAM,YAAY,EAAE,YAAY,CAAC,QAAQ,CAM/C,CAAC;AAEF,QAAA,MAAM,cAAc;;CAEnB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/grid.js

@@ -97,13 +97,13 @@ function gridColumnClasses(columns) {
         getColumnClassName(gridClassNames.xl, columns[3]),
     ].join(' ');
 }
-function Grid({ columns, children }) {
+function Grid({ columns, children, className, }) {
     const gridClasses = gridColumnClasses(columns);
     const gutterClasses = 'gap-4';
-    return (_jsx("div", { className: classNames('myst-grid grid my-5', gridClasses, gutterClasses), children: children }));
+    return (_jsx("div", { className: classNames('myst-grid grid my-5', gridClasses, gutterClasses, className), children: children }));
 }
-export const GridRenderer = ({ node }) => {
-    return (_jsx(Grid, { columns: node.columns, children: _jsx(MyST, { ast: node.children }) }));
+export const GridRenderer = ({ node, className }) => {
+    return (_jsx(Grid, { columns: node.columns, className: className, children: _jsx(MyST, { ast: node.children }) }));
 };
 const GRID_RENDERERS = {
     grid: GridRenderer,

package/dist/hashLink.d.ts

@@ -14,7 +14,7 @@ export declare function HashLink({ id, kind, title, children, canSelectText, hov
     id?: string;
     kind?: string;
     title?: string;
-    hover?: boolean;
+    hover?: boolean | 'desktop';
     children?: '#' | '¶' | React.ReactNode;
     canSelectText?: boolean;
     className?: string;

package/dist/hashLink.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hashLink.d.ts","sourceRoot":"","sources":["../src/hashLink.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,6DAA6D;IAC7D,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,8DAA8D;IAC9D,YAAY,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,IAAI,CAAC;IACzC,gEAAgE;IAChE,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAUF,wBAAgB,eAAe,CAC7B,EAAE,EAAE,WAAW,GAAG,IAAI,EACtB,EACE,MAAe,EACf,cAAyB,EACzB,YAAwB,EACxB,WAAkB,GACnB,GAAE;IACD,yCAAyC;IACzC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,GAAG,gBAAqB,QAe1B;AAED,wBAAgB,QAAQ,CAAC,EACvB,EAAE,EACF,IAAI,EACJ,KAA8B,EAC9B,QAAc,EACd,aAAqB,EACrB,KAAK,EACL,SAAyB,EACzB,WAAW,EACX,cAAc,EACd,YAAY,EACZ,WAAW,GACZ,EAAE;IACD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,KAAK,CAAC,SAAS,CAAC;IACvC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,GAAG,gBAAgB,kDA6BnB"}
+{"version":3,"file":"hashLink.d.ts","sourceRoot":"","sources":["../src/hashLink.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,6DAA6D;IAC7D,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,8DAA8D;IAC9D,YAAY,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,IAAI,CAAC;IACzC,gEAAgE;IAChE,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAUF,wBAAgB,eAAe,CAC7B,EAAE,EAAE,WAAW,GAAG,IAAI,EACtB,EACE,MAAe,EACf,cAAyB,EACzB,YAAwB,EACxB,WAAkB,GACnB,GAAE;IACD,yCAAyC;IACzC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,GAAG,gBAAqB,QAe1B;AAED,wBAAgB,QAAQ,CAAC,EACvB,EAAE,EACF,IAAI,EACJ,KAA8B,EAC9B,QAAc,EACd,aAAqB,EACrB,KAAK,EACL,SAAyB,EACzB,WAAW,EACX,cAAc,EACd,YAAY,EACZ,WAAW,GACZ,EAAE;IACD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B,QAAQ,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,KAAK,CAAC,SAAS,CAAC;IACvC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,GAAG,gBAAgB,kDA+BnB"}

package/dist/hashLink.js

@@ -41,7 +41,8 @@ export function HashLink({ id, kind, title = `Link to this ${kind}`, children =
     };
     return (_jsx("a", { className: classNames('no-underline text-inherit hover:text-inherit', className, {
             'select-none': !canSelectText,
-            'transition-opacity opacity-0 focus:opacity-100 group-hover:opacity-70': hover,
+            'transition-opacity opacity-0 focus:opacity-100 group-hover:opacity-70': hover === true,
+            '[@media(hover:hover)]:transition-opacity [@media(hover:hover)]:opacity-0 [@media(hover:hover)]:focus:opacity-100 [@media(hover:hover)]:group-hover:opacity-70': hover === 'desktop',
             'hover:underline': !hover,
         }), onClick: scroll, href: `#${id}`, title: title, "aria-label": title, children: children }));
 }

package/dist/heading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"heading.d.ts","sourceRoot":"","sources":["../src/heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AA4B1D,QAAA,MAAM,iBAAiB;;CAEtB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"heading.d.ts","sourceRoot":"","sources":["../src/heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AA6B1D,QAAA,MAAM,iBAAiB;;CAEtB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/heading.js

@@ -2,14 +2,15 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { createElement as e } from 'react';
 import { MyST } from './MyST.js';
 import { HashLink } from './hashLink.js';
-const Heading = ({ node }) => {
+import classNames from 'classnames';
+const Heading = ({ node, className }) => {
     const { enumerator, depth, key, identifier, html_id } = node;
     const id = html_id || identifier || key;
     const textContent = (_jsxs(_Fragment, { children: [enumerator && _jsx("span", { className: "mr-3 select-none", children: enumerator }), _jsx("span", { className: "heading-text", children: _jsx(MyST, { ast: node.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}`, {
         id,
-        className: 'relative group',
+        className: classNames('relative group', className),
     }, textContent);
 };
 const HEADING_RENDERERS = {

package/dist/iframe.js

@@ -22,9 +22,9 @@ function getStyleValue(width) {
     }
     return width;
 }
-export const IFrame = ({ node }) => {
+export const IFrame = ({ node, className }) => {
     const width = getStyleValue(node.width) || 70;
-    return (_jsx("div", { id: node.label || undefined, style: { textAlign: node.align || 'center' }, className: classNames('leading-[0]', node.class), children: _jsx("div", { className: "relative inline-block", style: {
+    return (_jsx("div", { id: node.label || undefined, style: { textAlign: node.align || 'center' }, className: classNames('leading-[0]', node.class, className), children: _jsx("div", { className: "relative inline-block", style: {
                 paddingBottom: '60%',
                 width: `min(max(${width}%, 500px), 100%)`,
             }, children: _jsx("iframe", { width: "100%", height: "100%", src: node.src, allowFullScreen: true, allow: "autoplay", style: {

package/dist/image.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../src/image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,IAAI,aAAa,EAAE,MAAM,WAAW,CAAC;AACxD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAI1D,KAAK,SAAS,GAAG,aAAa,GAAG;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAgIrD,eAAO,MAAM,KAAK,EAAE,YAAY,CAAC,SAAS,CAezC,CAAC;AAEF,QAAA,MAAM,eAAe;;CAEpB,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../src/image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,IAAI,aAAa,EAAE,MAAM,WAAW,CAAC;AACxD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAK1D,KAAK,SAAS,GAAG,aAAa,GAAG;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAgIrD,eAAO,MAAM,KAAK,EAAE,YAAY,CAAC,SAAS,CAezC,CAAC;AAEF,QAAA,MAAM,eAAe;;CAEpB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/image.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
 function getStyleValue(width) {
     if (typeof width === 'number' && Number.isNaN(width)) {
         // If it is nan, return undefined.
@@ -32,9 +33,7 @@ function alignToMargin(align) {
     }
 }
 function Video({ className, id, src, urlSource, align = 'center', width, height, }) {
-    return (_jsx("video", { 
-        // className={className}
-        id: id, style: Object.assign({ width: getStyleValue(width), height: getStyleValue(height) }, alignToMargin(align)), src: src, "data-canonical-url": urlSource, autoPlay: true, 
+    return (_jsx("video", { className: className, id: id, style: Object.assign({ width: getStyleValue(width), height: getStyleValue(height) }, alignToMargin(align)), src: src, "data-canonical-url": urlSource, autoPlay: true, 
         // For autoplay, the element needs to be muted to actually start!
         muted: true, "webkit-playsinline": "true", playsInline: true, loop: true }));
 }
@@ -47,8 +46,8 @@ function Picture({ className, id, src, srcOptimized, urlSource, align = 'center'
         return image;
     return (_jsxs("picture", { className: className, children: [_jsx("source", { srcSet: srcOptimized, type: "image/webp" }), image] }));
 }
-export const Image = ({ node }) => {
-    return (_jsx(Picture, { className: node.class, id: node.html_id || node.identifier || node.key, src: node.url, srcOptimized: node.urlOptimized, alt: node.alt || node.title, width: node.width || undefined, height: node.height || undefined, align: node.align, 
+export const Image = ({ node, className }) => {
+    return (_jsx(Picture, { className: classNames(node.class, className), id: node.html_id || node.identifier || node.key, src: node.url, srcOptimized: node.urlOptimized, alt: node.alt || node.title, width: node.width || undefined, height: node.height || undefined, align: node.align, 
         // Note that sourceUrl is for backwards compatibility
         urlSource: node.urlSource || node.sourceUrl }));
 };

package/dist/inlineError.d.ts

@@ -1,7 +1,8 @@
 interface Props {
     value: string;
     message?: string;
+    className?: string;
 }
-export declare function InlineError({ value, message }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function InlineError({ value, message, className }: Props): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=inlineError.d.ts.map

package/dist/inlineError.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"inlineError.d.ts","sourceRoot":"","sources":["../src/inlineError.tsx"],"names":[],"mappings":"AAEA,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,KAAK,2CAOpD"}
+{"version":3,"file":"inlineError.d.ts","sourceRoot":"","sources":["../src/inlineError.tsx"],"names":[],"mappings":"AAGA,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,KAAK,2CAO/D"}

package/dist/inlineError.js

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

package/dist/inlineExpression.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"inlineExpression.d.ts","sourceRoot":"","sources":["../src/inlineExpression.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAK1D,eAAO,MAAM,gBAAgB,EAAE,YAe9B,CAAC;AAEF,QAAA,MAAM,2BAA2B;;CAEhC,CAAC;AAEF,eAAe,2BAA2B,CAAC"}
+{"version":3,"file":"inlineExpression.d.ts","sourceRoot":"","sources":["../src/inlineExpression.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAM1D,eAAO,MAAM,gBAAgB,EAAE,YAsB9B,CAAC;AAEF,QAAA,MAAM,2BAA2B;;CAEhC,CAAC;AAEF,eAAe,2BAA2B,CAAC"}

package/dist/inlineExpression.js

@@ -2,16 +2,17 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { InlineError } from './inlineError.js';
 import { Tooltip } from './components/index.js';
 import { MyST } from './MyST.js';
-export const InlineExpression = ({ node }) => {
+import classNames from 'classnames';
+export const InlineExpression = ({ node, className }) => {
     var _a, _b, _c;
     if (!node.result) {
-        return _jsx(InlineError, { value: `Unexecuted inline expression for: ${node.value}` });
+        return (_jsx(InlineError, { value: `Unexecuted inline expression for: ${node.value}`, className: className }));
     }
     if (((_a = node.result) === null || _a === void 0 ? void 0 : _a.status) !== 'ok') {
-        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}` });
+        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}`, className: className }));
     }
     // TODO: something with Thebe in the future!
-    return (_jsx(Tooltip, { title: _jsx("code", { children: node.value }), children: _jsx("span", { className: "border-b border-dotted cursor-help", children: _jsx(MyST, { ast: node.children }) }) }));
+    return (_jsx(Tooltip, { title: _jsx("code", { children: node.value }), children: _jsx("span", { className: classNames('border-b border-dotted cursor-help', className), children: _jsx(MyST, { ast: node.children }) }) }));
 };
 const INLINE_EXPRESSION_RENDERERS = {
     inlineExpression: InlineExpression,

package/dist/links/github.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare function GithubLink({ kind, children, url, org, repo, raw, file, from, to, issue_number, }: {
+export declare function GithubLink({ kind, children, url, org, repo, raw, file, from, to, issue_number, className, }: {
     children: React.ReactNode;
     kind: 'file' | 'issue';
     url: string;
@@ -10,5 +10,6 @@ export declare function GithubLink({ kind, children, url, org, repo, raw, file,
     from?: number;
     issue_number?: string | number;
     to?: number;
+    className?: string;
 }): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=github.d.ts.map

package/dist/links/github.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"github.d.ts","sourceRoot":"","sources":["../../src/links/github.tsx"],"names":[],"mappings":"AAOA,OAAO,KAA8B,MAAM,OAAO,CAAC;AA8NnD,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,QAAQ,EACR,GAAG,EACH,GAAG,EACH,IAAI,EACJ,GAAG,EACH,IAAI,EACJ,IAAI,EACJ,EAAE,EACF,YAAY,GACb,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,2CAoCA"}
+{"version":3,"file":"github.d.ts","sourceRoot":"","sources":["../../src/links/github.tsx"],"names":[],"mappings":"AAOA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAkOnD,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,QAAQ,EACR,GAAG,EACH,GAAG,EACH,IAAI,EACJ,GAAG,EACH,IAAI,EACJ,IAAI,EACJ,EAAE,EACF,YAAY,EACZ,SAAS,GACV,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CAsCA"}

package/dist/links/github.js

@@ -33,11 +33,11 @@ function useLoadWhenOpen(open, url, loader) {
     }, [cached, url, data]);
     return { data: cached, error };
 }
-function GithubFilePreview({ url, raw, org, repo, file, from, to, open, }) {
+function GithubFilePreview({ url, raw, org, repo, file, from, to, open, className, }) {
     const { data, error } = useLoadWhenOpen(open, raw, fetcher);
     let code = data;
     if (error) {
-        return (_jsxs("div", { className: "hover-document article 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, { width: "1rem", height: "1rem", className: "float-right" }) }), _jsxs("div", { className: "mt-2", children: ["Error loading \"", file, "\" from GitHub."] })] }));
+        return (_jsxs("div", { className: "hover-document article w-[500px] sm:max-w-[500px]", children: [_jsx("a", { href: url, className: classNames('block text-inherit hover:text-inherit', className), target: "_blank", rel: "noreferrer", children: _jsx(ExternalLinkIcon, { width: "1rem", height: "1rem", className: "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;
@@ -66,7 +66,7 @@ function useWhiteTextColor(bgColor) {
     const b = parseInt(color.substring(4, 6), 16); // hexToB
     return r * 0.299 + g * 0.587 + b * 0.114 <= 186;
 }
-function GithubIssuePreview({ url, org, repo, issue_number, open, }) {
+function GithubIssuePreview({ url, org, repo, issue_number, open, className, }) {
     var _a, _b;
     const { data, error } = useLoadWhenOpen(open, `https://api.github.com/repos/${org}/${repo}/issues/${issue_number}`, jsonFetcher);
     if (!data && !error) {
@@ -74,7 +74,7 @@ function GithubIssuePreview({ url, org, repo, issue_number, open, }) {
     }
     const resp = data;
     if (error) {
-        return (_jsxs("div", { className: "hover-document article", children: [_jsx("a", { href: url, className: "block text-inherit hover:text-inherit", target: "_blank", rel: "noreferrer", children: _jsx(ExternalLinkIcon, { className: "float-right w-4 h-4" }) }), _jsx("div", { className: "mt-2", children: "Error loading from GitHub." })] }));
+        return (_jsxs("div", { className: "hover-document article", children: [_jsx("a", { href: url, className: classNames('block text-inherit hover:text-inherit', className), target: "_blank", rel: "noreferrer", children: _jsx(ExternalLinkIcon, { className: "float-right w-4 h-4" }) }), _jsx("div", { className: "mt-2", children: "Error loading from GitHub." })] }));
     }
     const dateString = new Date(resp.created_at).toLocaleDateString('en-US', {
         year: 'numeric',
@@ -85,13 +85,13 @@ function GithubIssuePreview({ url, org, repo, issue_number, open, }) {
                         'text-white': useWhiteTextColor(label.color),
                     }), style: { backgroundColor: `#${label.color}` }, children: label.name }, label.id))) }))] }));
 }
-export function GithubLink({ kind, children, url, org, repo, raw, file, from, to, issue_number, }) {
+export function GithubLink({ kind, children, url, org, repo, raw, file, from, to, issue_number, className, }) {
     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 }));
+                return (_jsx(GithubFilePreview, { url: url, raw: raw, file: file, from: from, to: to, open: load, org: org, repo: repo, className: className }));
             }
             if (kind === 'issue') {
-                return (_jsx(GithubIssuePreview, { url: url, open: load, org: org, issue_number: issue_number, repo: repo }));
+                return (_jsx(GithubIssuePreview, { url: url, open: load, org: org, issue_number: issue_number, repo: repo, className: className }));
             }
-        }, children: _jsx("a", { href: url, className: "italic", target: "_blank", rel: "noreferrer", children: children }) }));
+        }, children: _jsx("a", { href: url, className: classNames('italic', className), target: "_blank", rel: "noreferrer", children: children }) }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/links/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAOtC,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAQzE,KAAK,eAAe,GAAG,IAAI,GAAG;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AA0CxE,eAAO,MAAM,gBAAgB,EAAE,YAAY,CAAC,eAAe,CAM1D,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,YAAY,CAAC,eAAe,CAgB5D,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,YAAY,CAAC,eAAe,CAE1D,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,YAAY,CAAC,eAAe,CAEzD,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,YAAY,CAAC,eAAe,CAcpD,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,YAAY,CAAC,eAAe,CA8BnD,CAAC;AAEF,QAAA,MAAM,cAAc,EAAE,aAerB,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/links/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAOtC,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AASzE,KAAK,eAAe,GAAG,IAAI,GAAG;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAkDxE,eAAO,MAAM,gBAAgB,EAAE,YAAY,CAAC,eAAe,CAW1D,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,YAAY,CAAC,eAAe,CAiB5D,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,YAAY,CAAC,eAAe,CAI1D,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,YAAY,CAAC,eAAe,CAQzD,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,YAAY,CAAC,eAAe,CAmBpD,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,YAAY,CAAC,eAAe,CAmCnD,CAAC;AAEF,QAAA,MAAM,cAAc,EAAE,aAerB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/links/index.js

@@ -7,6 +7,7 @@ import { RRIDLink } from './rrid.js';
 import { RORLink } from './ror.js';
 import { GithubLink } from './github.js';
 import { MyST } from '../MyST.js';
+import classNames from 'classnames';
 function getPageInfo(site, path) {
     var _a;
     if (!site)
@@ -17,51 +18,51 @@ function getPageInfo(site, path) {
         return undefined;
     return project.pages.find((p) => p.slug === (pageSlug || projectSlug));
 }
-function InternalLink({ url, children }) {
+function InternalLink({ url, children, className, }) {
     const Link = useLinkProvider();
     const site = useSiteManifest();
     const page = getPageInfo(site, url);
     const baseurl = useBaseurl();
     const skipPreview = !page || (!page.description && !page.thumbnail);
     if (!page || skipPreview) {
-        return (_jsx(Link, { to: withBaseurl(url, baseurl), prefetch: "intent", children: children }));
+        return (_jsx(Link, { to: withBaseurl(url, baseurl), prefetch: "intent", className: className, 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 }) }));
+    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", className: className, children: children }) }));
 }
-export const WikiLinkRenderer = ({ node }) => {
+export const WikiLinkRenderer = ({ node, className }) => {
     var _a, _b;
-    return (_jsx(WikiLink, { url: node.url, page: (_a = node.data) === null || _a === void 0 ? void 0 : _a.page, wiki: (_b = node.data) === null || _b === void 0 ? void 0 : _b.wiki, children: _jsx(MyST, { ast: node.children }) }));
+    return (_jsx(WikiLink, { url: node.url, page: (_a = node.data) === null || _a === void 0 ? void 0 : _a.page, wiki: (_b = node.data) === null || _b === void 0 ? void 0 : _b.wiki, className: classNames(node.class, className), children: _jsx(MyST, { ast: node.children }) }));
 };
-export const GithubLinkRenderer = ({ node }) => {
+export const GithubLinkRenderer = ({ node, className }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h;
-    return (_jsx(GithubLink, { kind: (_a = node.data) === null || _a === void 0 ? void 0 : _a.kind, url: node.url, org: (_b = node.data) === null || _b === void 0 ? void 0 : _b.org, repo: (_c = node.data) === null || _c === void 0 ? void 0 : _c.repo, raw: (_d = node.data) === null || _d === void 0 ? void 0 : _d.raw, file: (_e = node.data) === null || _e === void 0 ? void 0 : _e.file, from: (_f = node.data) === null || _f === void 0 ? void 0 : _f.from, to: (_g = node.data) === null || _g === void 0 ? void 0 : _g.to, issue_number: (_h = node.data) === null || _h === void 0 ? void 0 : _h.issue_number, children: _jsx(MyST, { ast: node.children }) }));
+    return (_jsx(GithubLink, { kind: (_a = node.data) === null || _a === void 0 ? void 0 : _a.kind, url: node.url, org: (_b = node.data) === null || _b === void 0 ? void 0 : _b.org, repo: (_c = node.data) === null || _c === void 0 ? void 0 : _c.repo, raw: (_d = node.data) === null || _d === void 0 ? void 0 : _d.raw, file: (_e = node.data) === null || _e === void 0 ? void 0 : _e.file, from: (_f = node.data) === null || _f === void 0 ? void 0 : _f.from, to: (_g = node.data) === null || _g === void 0 ? void 0 : _g.to, issue_number: (_h = node.data) === null || _h === void 0 ? void 0 : _h.issue_number, className: classNames(node.class, className), children: _jsx(MyST, { ast: node.children }) }));
 };
-export const RRIDLinkRenderer = ({ node }) => {
+export const RRIDLinkRenderer = ({ node, className }) => {
     var _a;
-    return (_jsx(RRIDLink, { rrid: (_a = node.data) === null || _a === void 0 ? void 0 : _a.rrid }));
+    return (_jsx(RRIDLink, { rrid: (_a = node.data) === null || _a === void 0 ? void 0 : _a.rrid, className: classNames(node.class, className) }));
 };
-export const RORLinkRenderer = ({ node }) => {
+export const RORLinkRenderer = ({ node, className }) => {
     var _a;
-    return (_jsx(RORLink, { node: node, ror: (_a = node.data) === null || _a === void 0 ? void 0 : _a.ror }));
+    return (_jsx(RORLink, { node: node, ror: (_a = node.data) === null || _a === void 0 ? void 0 : _a.ror, className: classNames(node.class, className) }));
 };
-export const SimpleLink = ({ node }) => {
+export const SimpleLink = ({ node, className }) => {
     var _a;
     const internal = (_a = node.internal) !== null && _a !== void 0 ? _a : false;
     if (internal) {
-        return (_jsx(InternalLink, { url: node.url, children: _jsx(MyST, { ast: node.children }) }));
+        return (_jsx(InternalLink, { url: node.url, className: classNames(node.class, className), children: _jsx(MyST, { ast: node.children }) }));
     }
-    return (_jsx("a", { target: "_blank", href: node.url, rel: "noreferrer", children: _jsx(MyST, { ast: node.children }) }));
+    return (_jsx("a", { target: "_blank", rel: "noreferrer", href: node.url, className: classNames(node.class, className), children: _jsx(MyST, { ast: node.children }) }));
 };
-export const linkBlock = ({ node }) => {
+export const linkBlock = ({ node, className }) => {
     var _a;
     const iconClass = 'self-center transition-transform flex-none ml-3';
     const containerClass = 'flex-1 p-4 my-5 block border font-normal hover:border-blue-500 dark:hover:border-blue-400 no-underline hover:text-blue-600 dark:hover:text-blue-400 text-gray-600 dark:text-gray-100 border-gray-200 dark:border-gray-500 rounded shadow-sm hover:shadow-lg dark:shadow-neutral-700';
     const internal = (_a = node.internal) !== null && _a !== void 0 ? _a : false;
     const nested = (_jsxs("div", { className: "flex h-full align-middle", children: [_jsxs("div", { className: "flex-grow", children: [node.title, _jsx("div", { className: "text-xs text-gray-500 dark:text-gray-400", children: _jsx(MyST, { ast: node.children }) })] }), internal && _jsx(LinkIcon, { width: "1.5rem", height: "1.5rem", className: iconClass }), !internal && _jsx(ExternalLinkIcon, { width: "1.5rem", height: "1.5rem", className: iconClass })] }));
     if (internal) {
-        return (_jsx("a", { href: node.url, className: containerClass, children: nested }));
+        return (_jsx("a", { href: node.url, className: classNames(containerClass, className), children: nested }));
     }
-    return (_jsx("a", { className: containerClass, target: "_blank", rel: "noopener noreferrer", href: node.url, children: nested }));
+    return (_jsx("a", { className: classNames(containerClass, className), target: "_blank", rel: "noopener noreferrer", href: node.url, children: nested }));
 };
 const LINK_RENDERERS = {
     link: {

package/dist/links/ror.d.ts

@@ -1,6 +1,7 @@
 import type { GenericNode } from 'myst-common';
-export declare function RORLink({ node, ror }: {
+export declare function RORLink({ node, ror, className, }: {
     node: GenericNode;
     ror: string;
+    className?: string;
 }): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ror.d.ts.map

package/dist/links/ror.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ror.d.ts","sourceRoot":"","sources":["../../src/links/ror.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAiF/C,wBAAgB,OAAO,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,2CAQxE"}
+{"version":3,"file":"ror.d.ts","sourceRoot":"","sources":["../../src/links/ror.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAiF/C,wBAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,GAAG,EACH,SAAS,GACV,EAAE;IACD,IAAI,EAAE,WAAW,CAAC;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CAaA"}

package/dist/links/ror.js

@@ -25,6 +25,6 @@ function RORChild({ ror }) {
     const links = [...basicLinks, ...wikiLink];
     return (_jsxs("div", { className: "hover-document article w-[500px] sm:max-w-[500px] p-3", children: [_jsxs("p", { className: "flex items-stretch gap-2 text-sm font-light", children: [_jsx(RorIcon, { width: "1.25rem", height: "1.25rem", className: "self-center inline-block" }), _jsx("a", { href: `https://ror.org/${ror}`, className: "self-center", target: "_blank", rel: "noopener noreferrer", children: _jsx("code", { children: ror }) })] }), _jsx("div", { className: "mb-4 text-xl font-bold", children: data.name }), _jsxs("dl", { className: "mb-4 text-sm", children: [_jsx("dt", { children: "Country" }), _jsx("dd", { children: country_name }), links.length > 0 && (_jsxs(_Fragment, { children: [_jsx("dt", { children: "Links" }), links.map(({ url, text }) => (_jsx("dd", { children: _jsx("a", { href: url, children: text || url }) })))] })), ((_c = data.acronyms) === null || _c === void 0 ? void 0 : _c.length) > 0 && (_jsxs(_Fragment, { children: [_jsx("dt", { children: "Acronyms" }), data.acronyms.map((text) => (_jsx("dd", { children: text })))] })), ((_d = data.labels) === null || _d === void 0 ? void 0 : _d.length) > 0 && (_jsxs(_Fragment, { children: [_jsx("dt", { children: "Labels" }), data.labels.map(({ label, iso639 }) => (_jsxs("dd", { children: [label, iso639 ? ` (${iso639})` : null] })))] }))] })] }));
 }
-export function RORLink({ node, ror }) {
-    return (_jsx(HoverPopover, { card: _jsx(RORChild, { ror: ror }), children: _jsx("a", { href: `https://ror.org/${ror}`, target: "_blank", rel: "noopener noreferrer", children: _jsx(MyST, { ast: node.children }) }) }));
+export function RORLink({ node, ror, className, }) {
+    return (_jsx(HoverPopover, { card: _jsx(RORChild, { ror: ror }), children: _jsx("a", { href: `https://ror.org/${ror}`, target: "_blank", rel: "noopener noreferrer", className: className, children: _jsx(MyST, { ast: node.children }) }) }));
 }

package/dist/links/rrid.d.ts

@@ -1,4 +1,5 @@
-export declare function RRIDLink({ rrid }: {
+export declare function RRIDLink({ rrid, className }: {
     rrid: string;
+    className?: string;
 }): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=rrid.d.ts.map

package/dist/links/rrid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rrid.d.ts","sourceRoot":"","sources":["../../src/links/rrid.tsx"],"names":[],"mappings":"AAsEA,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,2CAQlD"}
+{"version":3,"file":"rrid.d.ts","sourceRoot":"","sources":["../../src/links/rrid.tsx"],"names":[],"mappings":"AAsEA,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,2CAajF"}

package/dist/links/rrid.js

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

package/dist/links/wiki.d.ts

@@ -1,8 +1,9 @@
 import React from 'react';
-export declare function WikiLink({ children, page, url, wiki, }: {
+export declare function WikiLink({ children, page, url, wiki, className, }: {
     children: React.ReactNode;
     page: string;
     url: string;
     wiki: string;
+    className?: string;
 }): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=wiki.d.ts.map

package/dist/links/wiki.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"wiki.d.ts","sourceRoot":"","sources":["../../src/links/wiki.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAqG1B,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,IAAI,EACJ,GAAG,EACH,IAAI,GACL,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;CACd,2CAQA"}
+{"version":3,"file":"wiki.d.ts","sourceRoot":"","sources":["../../src/links/wiki.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAsG1B,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,IAAI,EACJ,GAAG,EACH,IAAI,EACJ,SAAS,GACV,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CAQA"}