myst-to-react 0.13.5 → 0.13.7

package/dist/MyST.d.ts

@@ -1,7 +1,8 @@
 import type { NodeRenderersValidated } from '@myst-theme/providers';
 import type { GenericNode } from 'myst-common';
 export declare function selectRenderer(renderers: NodeRenderersValidated, node: GenericNode): import("@myst-theme/providers").NodeRenderer<any>;
-export declare function MyST({ ast }: {
+export declare function MyST({ ast, className, }: {
     ast?: GenericNode | GenericNode[];
+    className?: string;
 }): import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=MyST.d.ts.map

package/dist/MyST.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MyST.d.ts","sourceRoot":"","sources":["../src/MyST.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAEpE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAW/C,wBAAgB,cAAc,CAAC,SAAS,EAAE,sBAAsB,EAAE,IAAI,EAAE,WAAW,qDAMlF;AAED,wBAAgB,IAAI,CAAC,EAAE,GAAG,EAAE,EAAE;IAAE,GAAG,CAAC,EAAE,WAAW,GAAG,WAAW,EAAE,CAAA;CAAE,kDAelE"}
+{"version":3,"file":"MyST.d.ts","sourceRoot":"","sources":["../src/MyST.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAEpE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAW/C,wBAAgB,cAAc,CAAC,SAAS,EAAE,sBAAsB,EAAE,IAAI,EAAE,WAAW,qDAMlF;AAED,wBAAgB,IAAI,CAAC,EACnB,GAAG,EACH,SAAS,GACV,EAAE;IACD,GAAG,CAAC,EAAE,WAAW,GAAG,WAAW,EAAE,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,kDAeA"}

package/dist/MyST.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { matches } from 'unist-util-select';
 import { useNodeRenderers } from '@myst-theme/providers';
-function DefaultComponent({ node }) {
+function DefaultComponent({ node, className }) {
     if (!node.children)
-        return _jsx("span", { children: node.value });
-    return (_jsx("div", { children: _jsx(MyST, { ast: node.children }) }));
+        return _jsx("span", { className: className, children: node.value });
+    return (_jsx("div", { className: className, children: _jsx(MyST, { ast: node.children }) }));
 }
 export function selectRenderer(renderers, node) {
     var _a, _b, _c;
@@ -14,16 +14,16 @@ export function selectRenderer(renderers, node) {
         .find(([selector]) => selector !== 'base' && matches(selector, node))) === null || _b === void 0 ? void 0 : _b[1];
     return (_c = SpecificComponent !== null && SpecificComponent !== void 0 ? SpecificComponent : componentRenderers === null || componentRenderers === void 0 ? void 0 : componentRenderers.base) !== null && _c !== void 0 ? _c : DefaultComponent;
 }
-export function MyST({ ast }) {
+export function MyST({ ast, className, }) {
     const renderers = useNodeRenderers();
     if (!ast || ast.length === 0)
         return null;
     if (!Array.isArray(ast)) {
         const Component = selectRenderer(renderers, ast);
-        return _jsx(Component, { node: ast }, ast.key);
+        return _jsx(Component, { node: ast, className: className }, ast.key);
     }
     return (_jsx(_Fragment, { children: ast === null || ast === void 0 ? void 0 : ast.map((node) => {
             const Component = selectRenderer(renderers, node);
-            return _jsx(Component, { node: node }, node.key);
+            return _jsx(Component, { node: node, className: className }, node.key);
         }) }));
 }

package/dist/admonitions.js

@@ -83,8 +83,8 @@ function AdmonitionIcon({ kind, className }) {
         return _jsx(ArrowRightCircleIcon, Object.assign({}, opts));
     return _jsx(InformationCircleIcon, Object.assign({}, opts));
 }
-export const AdmonitionTitle = ({ node }) => {
-    return _jsx(MyST, { ast: node.children });
+export const AdmonitionTitle = ({ node, className }) => {
+    return _jsx(MyST, { ast: node.children, className: className });
 };
 const WrapperElement = ({ dropdown, className, children, open, }) => {
     if (dropdown)
@@ -121,7 +121,7 @@ export function Admonition({ title, kind, color, simple, dropdown, children, hid
                             'text-red-600': color === 'red',
                         }) })), _jsx("div", { className: classNames('text-neutral-900 dark:text-white grow self-center overflow-hidden break-words', { 'ml-4': hideIcon }), children: title }), dropdown && (_jsx("div", { className: "self-center flex-none text-sm font-thin text-neutral-700 dark:text-neutral-200", children: _jsx(ChevronRightIcon, { width: "2rem", height: "2rem", className: classNames(iconClass, 'transition-transform details-toggle') }) }))] })), _jsx("div", { className: classNames('px-4', { 'py-1': !simple, 'details-body': dropdown }), children: children })] }));
 }
-export const AdmonitionRenderer = ({ node }) => {
+export const AdmonitionRenderer = ({ node, className }) => {
     const [title, ...rest] = node.children;
     const classes = getClasses(node.class);
     const { kind, color } = getFirstKind({ kind: node.kind, classes });
@@ -130,7 +130,7 @@ export const AdmonitionRenderer = ({ node }) => {
     const hideIcon = node.icon === false;
     const isOpen = node.open === true;
     const useTitle = (title === null || title === void 0 ? void 0 : title.type) === 'admonitionTitle';
-    return (_jsx(Admonition, { title: useTitle ? _jsx(MyST, { ast: [title] }) : undefined, kind: kind, color: color, dropdown: isDropdown, open: isOpen, simple: isSimple, hideIcon: hideIcon, className: classNames(classes), children: useTitle ? _jsx(MyST, { ast: rest }) : _jsx(MyST, { ast: node.children }) }));
+    return (_jsx(Admonition, { title: useTitle ? _jsx(MyST, { ast: [title] }) : undefined, kind: kind, color: color, dropdown: isDropdown, open: isOpen, simple: isSimple, hideIcon: hideIcon, className: classNames(classes, className), children: useTitle ? _jsx(MyST, { ast: rest }) : _jsx(MyST, { ast: node.children }) }));
 };
 const ADMONITION_RENDERERS = {
     admonition: AdmonitionRenderer,

package/dist/aside.js

@@ -19,13 +19,13 @@ function getAsideClass(kind) {
             };
     }
 }
-export const AsideRenderer = ({ node }) => {
+export const AsideRenderer = ({ node, className }) => {
     const [title, ...rest] = node.children;
     const classes = getAsideClass(node.kind);
     if (title.type !== 'admonitionTitle') {
-        return (_jsx("aside", { className: classNames(classes.container, node.class), children: _jsx(MyST, { ast: node.children }) }));
+        return (_jsx("aside", { className: classNames(classes.container, node.class, className), children: _jsx(MyST, { ast: node.children }) }));
     }
-    return (_jsxs("aside", { className: classNames(classes.container, node.class), children: [_jsx("div", { className: classes.title, children: _jsx(MyST, { ast: title }) }), _jsx("div", { className: classes.body, children: _jsx(MyST, { ast: rest }) })] }));
+    return (_jsxs("aside", { className: classNames(classes.container, node.class, className), children: [_jsx("div", { className: classes.title, children: _jsx(MyST, { ast: title }) }), _jsx("div", { className: classes.body, children: _jsx(MyST, { ast: rest }) })] }));
 };
 const ASIDE_RENDERERS = {
     aside: AsideRenderer,

package/dist/basic.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"basic.d.ts","sourceRoot":"","sources":["../src/basic.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"basic.d.ts","sourceRoot":"","sources":["../src/basic.tsx"],"names":[],"mappings":"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"}

package/dist/basic.js

@@ -15,90 +15,90 @@ const BASIC_RENDERERS = {
         const text = node.value.split('​');
         return (_jsx(_Fragment, { children: text.map((v, i) => (_jsxs(React.Fragment, { children: [v, i < text.length - 1 && _jsx("wbr", {})] }, i))) }));
     },
-    span({ node }) {
-        return (_jsx("span", { className: node.class, style: node.style, id: node.html_id, children: _jsx(MyST, { ast: node.children }) }));
+    span({ node, className }) {
+        return (_jsx("span", { className: classNames(node.class, className), style: node.style, id: node.html_id, children: _jsx(MyST, { ast: node.children }) }));
     },
-    div({ node }) {
-        return (_jsx("div", { className: node.class, style: node.style, id: node.html_id, children: _jsx(MyST, { ast: node.children }) }));
+    div({ node, className }) {
+        return (_jsx("div", { className: classNames(node.class, className), style: node.style, id: node.html_id, children: _jsx(MyST, { ast: node.children }) }));
     },
-    delete({ node }) {
-        return (_jsx("del", { children: _jsx(MyST, { ast: node.children }) }));
+    delete({ node, className }) {
+        return (_jsx("del", { className: className, children: _jsx(MyST, { ast: node.children }) }));
     },
-    strong({ node }) {
-        return (_jsx("strong", { children: _jsx(MyST, { ast: node.children }) }));
+    strong({ node, className }) {
+        return (_jsx("strong", { className: className, children: _jsx(MyST, { ast: node.children }) }));
     },
-    emphasis({ node }) {
-        return (_jsx("em", { children: _jsx(MyST, { ast: node.children }) }));
+    emphasis({ node, className }) {
+        return (_jsx("em", { className: className, children: _jsx(MyST, { ast: node.children }) }));
     },
-    underline({ node }) {
-        return (_jsx("span", { style: { textDecoration: 'underline' }, children: _jsx(MyST, { ast: node.children }) }));
+    underline({ node, className }) {
+        return (_jsx("span", { style: { textDecoration: 'underline' }, className: className, children: _jsx(MyST, { ast: node.children }) }));
     },
-    smallcaps({ node }) {
-        return (_jsx("span", { style: { fontVariant: 'small-caps' }, children: _jsx(MyST, { ast: node.children }) }));
+    smallcaps({ node, className }) {
+        return (_jsx("span", { style: { fontVariant: 'small-caps' }, className: className, children: _jsx(MyST, { ast: node.children }) }));
     },
-    link({ node }) {
-        return (_jsx("a", { target: "_blank", href: node.url, rel: "noreferrer", children: _jsx(MyST, { ast: node.children }) }));
+    link({ node, className }) {
+        return (_jsx("a", { target: "_blank", href: node.url, className: classNames(node.class, className), rel: "noreferrer", children: _jsx(MyST, { ast: node.children }) }));
     },
-    paragraph({ node }) {
-        return (_jsx("p", { id: node.html_id, children: _jsx(MyST, { ast: node.children }) }));
+    paragraph({ node, className }) {
+        return (_jsx("p", { id: node.html_id, className: className, children: _jsx(MyST, { ast: node.children }) }));
     },
-    algorithmLine({ node }) {
+    algorithmLine({ node, className }) {
         var _a;
         // Used in algorithms
         const style = {
             paddingLeft: `${((_a = node.indent) !== null && _a !== void 0 ? _a : 0) + 2}rem`,
         };
-        return (_jsx("p", { className: "line", style: style, "data-line-number": node.enumerator, children: _jsx(MyST, { ast: node.children }) }));
+        return (_jsx("p", { className: classNames('line', className), style: style, "data-line-number": node.enumerator, children: _jsx(MyST, { ast: node.children }) }));
     },
-    break() {
-        return _jsx("br", {});
+    break({ className }) {
+        return _jsx("br", { className: className });
     },
-    inlineMath({ node }) {
-        return _jsx("code", { children: node.value });
+    inlineMath({ node, className }) {
+        return _jsx("code", { className: className, children: node.value });
     },
-    math({ node }) {
-        return _jsx("code", { children: node.value });
+    math({ node, className }) {
+        return _jsx("code", { className: className, children: node.value });
     },
-    list({ node }) {
+    list({ node, className }) {
         if (node.ordered) {
-            return (_jsx("ol", { start: node.start || undefined, id: node.html_id, children: _jsx(MyST, { ast: node.children }) }));
+            return (_jsx("ol", { start: node.start || undefined, id: node.html_id, className: className, children: _jsx(MyST, { ast: node.children }) }));
         }
-        return (_jsx("ul", { id: node.html_id, children: _jsx(MyST, { ast: node.children }) }));
+        return (_jsx("ul", { id: node.html_id, className: className, children: _jsx(MyST, { ast: node.children }) }));
     },
-    listItem({ node }) {
+    listItem({ node, className }) {
         if (node.checked == null) {
-            return (_jsx("li", { children: _jsx(MyST, { ast: node.children }) }));
+            return (_jsx("li", { className: className, children: _jsx(MyST, { ast: node.children }) }));
         }
-        return (_jsxs("li", { className: "task-list-item", children: [_jsx("input", { type: "checkbox", className: "task-list-item-checkbox", defaultChecked: node.checked }), _jsx(MyST, { ast: node.children })] }));
+        return (_jsxs("li", { className: classNames('task-list-item', className), children: [_jsx("input", { type: "checkbox", className: "task-list-item-checkbox", defaultChecked: node.checked }), _jsx(MyST, { ast: node.children })] }));
     },
-    container({ node }) {
+    container({ node, className }) {
         const figureName = `fig-${node.kind}`;
-        return (_jsx("figure", { id: node.html_id || node.identifier || node.key, className: classNames({ [figureName]: !!node.kind, subcontainer: node.subcontainer }, node.class), children: _jsx(MyST, { ast: node.children }) }));
+        return (_jsx("figure", { id: node.html_id || node.identifier || node.key, className: classNames({ [figureName]: !!node.kind, subcontainer: node.subcontainer }, node.class, className), children: _jsx(MyST, { ast: node.children }) }));
     },
-    caption({ node }) {
-        return (_jsx("figcaption", { className: "group", children: _jsx(MyST, { ast: node.children }) }));
+    caption({ node, className }) {
+        return (_jsx("figcaption", { className: classNames('group', className), children: _jsx(MyST, { ast: node.children }) }));
     },
-    legend({ node }) {
-        return (_jsx("figcaption", { className: "text-sm", children: _jsx(MyST, { ast: node.children }) }));
+    legend({ node, className }) {
+        return (_jsx("figcaption", { className: classNames('text-sm', className), children: _jsx(MyST, { ast: node.children }) }));
     },
-    blockquote({ node }) {
-        return (_jsx("blockquote", { id: node.html_id, children: _jsx(MyST, { ast: node.children }) }));
+    blockquote({ node, className }) {
+        return (_jsx("blockquote", { id: node.html_id, className: className, children: _jsx(MyST, { ast: node.children }) }));
     },
     thematicBreak() {
         return _jsx("hr", { className: "py-2 my-5 translate-y-2" });
     },
-    captionNumber({ node }) {
+    captionNumber({ node, className }) {
         const id = node.html_id || node.identifier || node.key;
-        return (_jsx(HashLink, { id: id, kind: node.kind, className: "mr-1 font-semibold text-inherit hover:text-inherit hover:font-semibold", children: _jsx(MyST, { ast: node.children }) }));
+        return (_jsx(HashLink, { id: id, kind: node.kind, className: classNames('mr-1 font-semibold text-inherit hover:text-inherit hover:font-semibold', className), children: _jsx(MyST, { ast: node.children }) }));
     },
-    table({ node }) {
+    table({ node, className }) {
         // TODO: actually render the tbody on the server if it isn't included here.
-        return (_jsx("table", { className: node.class, style: node.style, children: _jsx("tbody", { children: _jsx(MyST, { ast: node.children }) }) }));
+        return (_jsx("table", { className: classNames(node.class, className), style: node.style, children: _jsx("tbody", { children: _jsx(MyST, { ast: node.children }) }) }));
     },
-    tableRow({ node }) {
-        return (_jsx("tr", { className: node.class, style: node.style, children: _jsx(MyST, { ast: node.children }) }));
+    tableRow({ node, className }) {
+        return (_jsx("tr", { className: classNames(node.class, className), style: node.style, children: _jsx(MyST, { ast: node.children }) }));
     },
-    tableCell({ node }) {
+    tableCell({ node, className }) {
         const ifGreaterThanOne = (num) => (num === 1 ? undefined : num);
         const attrs = {
             rowSpan: ifGreaterThanOne(node.rowspan),
@@ -110,17 +110,17 @@ const BASIC_RENDERERS = {
             'text-center': node.align === 'center',
         };
         if (node.header)
-            return (_jsx("th", Object.assign({ className: classNames(node.class, align), style: node.style }, attrs, { children: _jsx(MyST, { ast: node.children }) })));
-        return (_jsx("td", Object.assign({ className: classNames(node.class, align), style: node.style }, attrs, { children: _jsx(MyST, { ast: node.children }) })));
+            return (_jsx("th", Object.assign({ className: classNames(node.class, align, className), style: node.style }, attrs, { children: _jsx(MyST, { ast: node.children }) })));
+        return (_jsx("td", Object.assign({ className: classNames(node.class, align, className), style: node.style }, attrs, { children: _jsx(MyST, { ast: node.children }) })));
     },
-    subscript({ node }) {
-        return (_jsx("sub", { children: _jsx(MyST, { ast: node.children }) }));
+    subscript({ node, className }) {
+        return (_jsx("sub", { className: className, children: _jsx(MyST, { ast: node.children }) }));
     },
-    superscript({ node }) {
-        return (_jsx("sup", { children: _jsx(MyST, { ast: node.children }) }));
+    superscript({ node, className }) {
+        return (_jsx("sup", { className: className, children: _jsx(MyST, { ast: node.children }) }));
     },
-    abbreviation({ node }) {
-        return (_jsx(Tooltip, { title: node.title, children: _jsx("abbr", { "aria-label": node.title, className: "border-b border-dotted cursor-help", children: _jsx(MyST, { ast: node.children }) }) }));
+    abbreviation({ node, className }) {
+        return (_jsx(Tooltip, { title: node.title, className: classNames(className), children: _jsx("abbr", { "aria-label": node.title, className: "border-b border-dotted cursor-help", children: _jsx(MyST, { ast: node.children }) }) }));
     },
     mystComment() {
         return null;
@@ -128,28 +128,28 @@ const BASIC_RENDERERS = {
     comment() {
         return null;
     },
-    definitionList({ node }) {
-        return (_jsx("dl", { className: "my-5", id: node.html_id || node.identifier || node.key, children: _jsx(MyST, { ast: node.children }) }));
+    definitionList({ node, className }) {
+        return (_jsx("dl", { className: classNames('my-5', className), id: node.html_id || node.identifier || node.key, children: _jsx(MyST, { ast: node.children }) }));
     },
-    definitionTerm({ node }) {
+    definitionTerm({ node, className }) {
         var _a, _b;
         const allowedStrongTypes = new Set(['text', 'emphasis']);
         const makeStrong = (_b = (_a = node.children) === null || _a === void 0 ? void 0 : _a.reduce((allowed, n) => allowed && allowedStrongTypes.has(n.type), true)) !== null && _b !== void 0 ? _b : false;
-        return (_jsx("dt", { id: node.html_id || node.identifier || node.key, children: makeStrong ? (_jsx("strong", { children: _jsx(MyST, { ast: node.children }) })) : (_jsx(MyST, { ast: node.children })) }));
+        return (_jsx("dt", { id: node.html_id || node.identifier || node.key, className: className, children: makeStrong ? (_jsx("strong", { children: _jsx(MyST, { ast: node.children }) })) : (_jsx(MyST, { ast: node.children })) }));
     },
-    definitionDescription({ node }) {
-        return (_jsx("dd", { children: _jsx(MyST, { ast: node.children }) }));
+    definitionDescription({ node, className }) {
+        return (_jsx("dd", { className: className, children: _jsx(MyST, { ast: node.children }) }));
     },
-    keyboard({ node }) {
-        return (_jsx("kbd", { children: _jsx(MyST, { ast: node.children }) }));
+    keyboard({ node, className }) {
+        return (_jsx("kbd", { className: className, children: _jsx(MyST, { ast: node.children }) }));
     },
-    include({ node }) {
+    include({ node, className }) {
         // TODO, provider could give context about the filename
-        return _jsx(MyST, { ast: node.children });
+        return _jsx(MyST, { ast: node.children, className: className });
     },
-    glossary({ node }) {
+    glossary({ node, className }) {
         // TODO, provider could give context about the filename
-        return (_jsx("div", { id: node.html_id || node.identifier || node.key, className: node.class, children: _jsx(MyST, { ast: node.children }) }));
+        return (_jsx("div", { id: node.html_id || node.identifier || node.key, className: classNames(node.class, className), children: _jsx(MyST, { ast: node.children }) }));
     },
 };
 export default BASIC_RENDERERS;

package/dist/card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../src/card.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAM1D,KAAK,QAAQ,GAAG;IACd,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AACF,KAAK,aAAa,GAAG;IACnB,IAAI,EAAE,WAAW,CAAC;CACnB,CAAC;AACF,KAAK,UAAU,GAAG;IAChB,IAAI,EAAE,QAAQ,CAAC;CAChB,CAAC;AACF,KAAK,UAAU,GAAG;IAChB,IAAI,EAAE,QAAQ,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,YAAY,CAAC,UAAU,CAM3C,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,YAAY,CAAC,UAAU,CAM3C,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,YAAY,CAAC,aAAa,CAMjD,CAAC;AAmDF,eAAO,MAAM,YAAY,EAAE,YAAY,CAAC,QAAQ,CAoC/C,CAAC;AAEF,QAAA,MAAM,cAAc;;;;;CAKnB,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../src/card.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAM1D,KAAK,QAAQ,GAAG;IACd,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AACF,KAAK,aAAa,GAAG;IACnB,IAAI,EAAE,WAAW,CAAC;CACnB,CAAC;AACF,KAAK,UAAU,GAAG;IAChB,IAAI,EAAE,QAAQ,CAAC;CAChB,CAAC;AACF,KAAK,UAAU,GAAG;IAChB,IAAI,EAAE,QAAQ,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,YAAY,CAAC,UAAU,CAW3C,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,YAAY,CAAC,UAAU,CAW3C,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,YAAY,CAAC,aAAa,CAMjD,CAAC;AAmDF,eAAO,MAAM,YAAY,EAAE,YAAY,CAAC,QAAQ,CAqC/C,CAAC;AAEF,QAAA,MAAM,cAAc;;;;;CAKnB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/card.js

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

package/dist/cite.d.ts

@@ -1,10 +1,11 @@
 import type { NodeRenderer } from '@myst-theme/providers';
 import type { GenericParent } from 'myst-common';
 export declare const CiteGroup: NodeRenderer<GenericParent>;
-export declare const Cite: ({ label, error, children, }: {
+export declare const Cite: ({ label, error, children, className, }: {
     label?: string;
     error?: boolean;
     children: React.ReactNode;
+    className?: string;
 }) => import("react/jsx-runtime").JSX.Element;
 export declare const CiteRenderer: NodeRenderer;
 declare const CITE_RENDERERS: Record<string, NodeRenderer>;

package/dist/cite.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cite.d.ts","sourceRoot":"","sources":["../src/cite.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAK1D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAiBjD,eAAO,MAAM,SAAS,EAAE,YAAY,CAAC,aAAa,CAcjD,CAAC;AAEF,eAAO,MAAM,IAAI,gCAId;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,4CAsBA,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,YAO1B,CAAC;AAEF,QAAA,MAAM,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAGhD,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"cite.d.ts","sourceRoot":"","sources":["../src/cite.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAK1D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAiBjD,eAAO,MAAM,SAAS,EAAE,YAAY,CAAC,aAAa,CAiBjD,CAAC;AAEF,eAAO,MAAM,IAAI,2CAKd;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,4CA4BA,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,YAO1B,CAAC;AAEF,QAAA,MAAM,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAGhD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/cite.js

@@ -14,7 +14,7 @@ function useNumberedReferences() {
 function CiteChild({ html }) {
     return (_jsx("div", { className: "hover-document article w-[500px] sm:max-w-[500px] p-3", dangerouslySetInnerHTML: { __html: html || '' } }));
 }
-export const CiteGroup = ({ node }) => {
+export const CiteGroup = ({ node, className }) => {
     var _a, _b;
     const allCite = (_b = (_a = node.children) === null || _a === void 0 ? void 0 : _a.every((child) => child.type === 'cite')) !== null && _b !== void 0 ? _b : false;
     return (_jsx("span", { className: classNames({
@@ -22,24 +22,24 @@ export const CiteGroup = ({ node }) => {
             'xref-group': !allCite,
             narrative: node.kind === 'narrative',
             parenthetical: node.kind === 'parenthetical',
-        }), children: _jsx(MyST, { ast: node.children }) }));
+        }, className), children: _jsx(MyST, { ast: node.children }) }));
 };
-export const Cite = ({ label, error, children, }) => {
+export const Cite = ({ label, error, children, className, }) => {
     var _a, _b;
     const references = useReferences();
     if (!label) {
-        return _jsx(InlineError, { value: "cite (no label)", message: 'Citation Has No Label' });
+        return (_jsx(InlineError, { value: "cite (no label)", message: 'Citation Has No Label', className: className }));
     }
     const { html, doi: doiString, url: refUrl } = (_b = (_a = references === null || references === void 0 ? void 0 : references.cite) === null || _a === void 0 ? void 0 : _a.data[label]) !== null && _b !== void 0 ? _b : {};
     if (error) {
-        return _jsx(InlineError, { value: label, message: 'Citation Not Found' });
+        return _jsx(InlineError, { value: label, message: 'Citation Not Found', className: className });
     }
     const url = doiString ? doi.buildUrl(doiString) : refUrl;
-    return (_jsx(HoverPopover, { openDelay: 300, card: _jsx(CiteChild, { html: html }), children: _jsxs("cite", { children: [url && (_jsx("a", { href: url, target: "_blank", rel: "noreferrer", className: "hover-link", children: children })), !url && _jsx("span", { className: "hover-link", children: children })] }) }));
+    return (_jsx(HoverPopover, { openDelay: 300, card: _jsx(CiteChild, { html: html }), children: _jsxs("cite", { className: className, children: [url && (_jsx("a", { href: url, target: "_blank", rel: "noreferrer", className: "hover-link", children: children })), !url && _jsx("span", { className: "hover-link", children: children })] }) }));
 };
-export const CiteRenderer = ({ node }) => {
+export const CiteRenderer = ({ node, className }) => {
     const numbered = useNumberedReferences();
-    return (_jsx(Cite, { label: node.label, error: node.error, children: numbered && node.kind === 'parenthetical' ? node.enumerator : _jsx(MyST, { ast: node.children }) }));
+    return (_jsx(Cite, { label: node.label, error: node.error, className: className, children: numbered && node.kind === 'parenthetical' ? node.enumerator : _jsx(MyST, { ast: node.children }) }));
 };
 const CITE_RENDERERS = {
     citeGroup: CiteGroup,

package/dist/code.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"code.d.ts","sourceRoot":"","sources":["../src/code.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAU1D,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAaF,wBAAgB,SAAS,CAAC,KAAK,EAAE,KAAK,2CAiFrC;AA2DD,QAAA,MAAM,cAAc;;;CAGnB,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"code.d.ts","sourceRoot":"","sources":["../src/code.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAU1D,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAaF,wBAAgB,SAAS,CAAC,KAAK,EAAE,KAAK,2CAiFrC;AAgED,QAAA,MAAM,cAAc;;;CAGnB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/code.js

@@ -55,8 +55,8 @@ export function CodeBlock(props) {
             'border border-l-4 border-l-blue-400 border-gray-200 dark:border-l-blue-400 dark:border-gray-800': border,
         }), children: [filename && (_jsxs("div", { className: "flex flex-row pl-2 bg-white border-b dark:bg-slate-600 dark:border-slate-300", children: [_jsx(DocumentIcon, { width: "16px", height: "16px", className: "self-center flex-none inline-block text-gray-500 dark:text-gray-100" }), _jsx("div", { className: "self-center p-2 text-sm leading-3 prose text-slate-600 dark:text-white", children: filename })] })), _jsx(SyntaxHighlighter, Object.assign({}, highlighterProps, { className: "block p-3 hljs", children: value })), showCopy && (_jsx(CopyIcon, { text: value, className: classNames('absolute right-1', { 'top-[32px]': filename, 'top-1': !filename }) }))] }));
 }
-const code = ({ node }) => {
-    const child = (_jsx(CodeBlock, { identifier: node.html_id, "data-mdast-node-type": node.type, "data-mdast-node-id": node.key, value: node.value || '', lang: node.lang, filename: node.filename, emphasizeLines: node.emphasizeLines, showLineNumbers: node.showLineNumbers, startingLineNumber: node.startingLineNumber, shadow: true, border: node.executable, background: !node.executable, className: classNames({ hidden: node.visibility === 'remove' }, node.class) }));
+const code = ({ node, className }) => {
+    const child = (_jsx(CodeBlock, { identifier: node.html_id, "data-mdast-node-type": node.type, "data-mdast-node-id": node.key, value: node.value || '', lang: node.lang, filename: node.filename, emphasizeLines: node.emphasizeLines, showLineNumbers: node.showLineNumbers, startingLineNumber: node.startingLineNumber, shadow: true, border: node.executable, background: !node.executable, className: classNames({ hidden: node.visibility === 'remove' }, node.class, className) }));
     if (node.visibility === 'hide') {
         return _jsx(Details, { title: "Source", children: child });
     }
@@ -73,15 +73,15 @@ function isColor(maybeColorHash) {
     const color = match[1];
     return color;
 }
-const inlineCode = ({ node }) => {
+const inlineCode = ({ node, className }) => {
     if (isColor(node.value)) {
-        return (_jsxs("code", { className: "px-1 rounded bg-slate-100 text-slate-700 dark:bg-slate-800 dark:text-slate-100", children: [node.value, _jsx("span", { style: { backgroundColor: node.value }, className: "inline-block w-[10px] h-[10px] rounded-full ml-1" })] }));
+        return (_jsxs("code", { className: classNames('px-1 rounded bg-slate-100 text-slate-700 dark:bg-slate-800 dark:text-slate-100', className), children: [node.value, _jsx("span", { style: { backgroundColor: node.value }, className: "inline-block w-[10px] h-[10px] rounded-full ml-1" })] }));
     }
     if (node.children && node.children.length > 0) {
         // The inline code can potentially have children
-        return (_jsx("code", { children: _jsx(MyST, { ast: node.children }) }));
+        return (_jsx("code", { className: className, children: _jsx(MyST, { ast: node.children }) }));
     }
-    return _jsx("code", { children: node.value });
+    return _jsx("code", { className: className, children: node.value });
 };
 const CODE_RENDERERS = {
     code,

package/dist/components/HoverPopover.d.ts

@@ -8,8 +8,9 @@ export declare function HoverPopover({ children, openDelay, card, side, arrowCla
         load: boolean;
     }) => React.ReactNode);
 }): import("react/jsx-runtime").JSX.Element;
-export declare function Tooltip({ title, children, }: {
+export declare function Tooltip({ title, children, className, }: {
     title: React.ReactNode;
     children: React.ReactNode;
+    className?: string;
 }): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=HoverPopover.d.ts.map

package/dist/components/HoverPopover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HoverPopover.d.ts","sourceRoot":"","sources":["../../src/components/HoverPopover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,SAAe,EACf,IAAI,EACJ,IAAI,EACJ,UAAyB,GAC1B,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC3C,IAAI,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;CACxE,2CAmBA;AAED,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,2CAcA"}
+{"version":3,"file":"HoverPopover.d.ts","sourceRoot":"","sources":["../../src/components/HoverPopover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,SAAe,EACf,IAAI,EACJ,IAAI,EACJ,UAAyB,GAC1B,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC3C,IAAI,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;CACxE,2CAmBA;AAED,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,QAAQ,EACR,SAAS,GACV,EAAE;IACD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CAmBA"}

package/dist/components/HoverPopover.js

@@ -1,10 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
 import * as HoverCard from '@radix-ui/react-hover-card';
+import classNames from 'classnames';
 export function HoverPopover({ children, openDelay = 400, card, side, arrowClass = 'fill-white', }) {
     const [load, setLoad] = useState(false);
     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 })] }) })] }));
 }
-export function Tooltip({ title, children, }) {
-    return (_jsx(HoverPopover, { side: "top", card: _jsx("div", { className: "p-1 text-xs text-white bg-blue-900 dark:bg-white dark:text-black", children: title }), arrowClass: "fill-blue-900 dark:fill-white", children: children }));
+export function Tooltip({ title, children, className, }) {
+    return (_jsx(HoverPopover, { side: "top", card: _jsx("div", { className: classNames('p-1 text-xs text-white bg-blue-900 dark:bg-white dark:text-black', className), children: title }), arrowClass: "fill-blue-900 dark:fill-white", children: children }));
 }

package/dist/crossReference.d.ts

@@ -6,13 +6,14 @@ export declare function useFetchMdast({ remote, url, remoteBaseUrl, dataUrl, }:
     remoteBaseUrl?: string;
     dataUrl?: string;
 }): import("swr").SWRResponse<any, any, any>;
-export declare function CrossReferenceHover({ url: urlIn, dataUrl: dataUrlIn, remote: remoteIn, remoteBaseUrl: remoteBaseUrlIn, children, identifier, htmlId, }: {
+export declare function CrossReferenceHover({ url: urlIn, dataUrl: dataUrlIn, remote: remoteIn, remoteBaseUrl: remoteBaseUrlIn, children, identifier, className, htmlId, }: {
     remote?: boolean;
     url?: string;
     dataUrl?: string;
     remoteBaseUrl?: string;
     identifier: string;
     htmlId?: string;
+    className?: string;
     children: React.ReactNode;
 }): import("react/jsx-runtime").JSX.Element;
 export declare const CrossReferenceNode: NodeRenderer<CrossReference>;

package/dist/crossReference.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"crossReference.d.ts","sourceRoot":"","sources":["../src/crossReference.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAChD,OAAO,EAOL,KAAK,YAAY,EAElB,MAAM,uBAAuB,CAAC;AA4E/B,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,GAAG,EACH,aAAa,EACb,OAAO,GACR,EAAE;IACD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,4CAIA;AAqBD,wBAAgB,mBAAmB,CAAC,EAClC,GAAG,EAAE,KAAK,EACV,OAAO,EAAE,SAAS,EAClB,MAAM,EAAE,QAAQ,EAChB,aAAa,EAAE,eAAe,EAC9B,QAAQ,EACR,UAAU,EACV,MAAW,GACZ,EAAE;IACD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,2CAkEA;AAED,eAAO,MAAM,kBAAkB,EAAE,YAAY,CAAC,cAAc,CAwB3D,CAAC;AAEF,QAAA,MAAM,yBAAyB;;CAE9B,CAAC;AAEF,eAAe,yBAAyB,CAAC"}
+{"version":3,"file":"crossReference.d.ts","sourceRoot":"","sources":["../src/crossReference.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAChD,OAAO,EAOL,KAAK,YAAY,EAElB,MAAM,uBAAuB,CAAC;AA6E/B,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,GAAG,EACH,aAAa,EACb,OAAO,GACR,EAAE;IACD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,4CAIA;AAqBD,wBAAgB,mBAAmB,CAAC,EAClC,GAAG,EAAE,KAAK,EACV,OAAO,EAAE,SAAS,EAClB,MAAM,EAAE,QAAQ,EAChB,aAAa,EAAE,eAAe,EAC9B,QAAQ,EACR,UAAU,EACV,SAAS,EACT,MAAW,GACZ,EAAE;IACD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,2CAuEA;AAED,eAAO,MAAM,kBAAkB,EAAE,YAAY,CAAC,cAAc,CAkC3D,CAAC;AAEF,QAAA,MAAM,yBAAyB;;CAE9B,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

package/dist/crossReference.js

@@ -6,6 +6,7 @@ import { HoverPopover } from './components/index.js';
 import { MyST } from './MyST.js';
 import { selectMdastNodes } from 'myst-common';
 import { scrollToElement } from './hashLink.js';
+import classNames from 'classnames';
 const fetcher = (...args) => fetch(...args).then((res) => {
     if (res.status === 200)
         return res.json();
@@ -81,7 +82,7 @@ function useSelectNodes({ load, identifier }) {
     });
     return { htmlId, nodes, loading: remote && !data, error: remote && error };
 }
-export function CrossReferenceHover({ url: urlIn, dataUrl: dataUrlIn, remote: remoteIn, remoteBaseUrl: remoteBaseUrlIn, children, identifier, htmlId = '', }) {
+export function CrossReferenceHover({ url: urlIn, dataUrl: dataUrlIn, remote: remoteIn, remoteBaseUrl: remoteBaseUrlIn, children, identifier, className, htmlId = '', }) {
     var _a;
     const Link = useLinkProvider();
     const baseurl = useBaseurl();
@@ -98,14 +99,15 @@ export function CrossReferenceHover({ url: urlIn, dataUrl: dataUrlIn, remote: re
         const el = document.getElementById(htmlId);
         scrollToElement(el, { htmlId });
     };
-    return (_jsx(HoverPopover, { card: ({ load }) => (_jsx(XRefProvider, { remote: remote, remoteBaseUrl: remoteBaseUrl, url: url, dataUrl: dataUrl, children: _jsxs("div", { className: "hover-document article w-[500px] sm:max-w-[500px] overflow-auto", children: [remoteBaseUrl && (_jsxs("div", { className: "w-full px-3 py-1 text-xs border-b bg-gray-50", children: [_jsx("strong", { className: "text-gray-700", children: "Source: " }), _jsx("a", { className: "text-gray-700", href: `${createRemoteBaseUrl(url, remoteBaseUrl)}${htmlId ? `#${htmlId}` : ''}`, target: "_blank", children: remoteBaseUrl })] })), _jsx("div", { className: "px-3", children: _jsx(XrefChildren, { load: load, identifier: identifier }) })] }) })), children: _jsxs("span", { children: [remote && external && (_jsx("a", { href: `${createRemoteBaseUrl(url, remoteBaseUrl)}${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 }))] }) }));
+    const isButtonLike = (className !== null && className !== void 0 ? className : '').split(' ').includes('button');
+    return (_jsx(HoverPopover, { card: ({ load }) => (_jsx(XRefProvider, { remote: remote, remoteBaseUrl: remoteBaseUrl, url: url, dataUrl: dataUrl, children: _jsxs("div", { className: "hover-document article w-[500px] sm:max-w-[500px] overflow-auto", children: [remoteBaseUrl && (_jsxs("div", { className: "w-full px-3 py-1 text-xs border-b bg-gray-50", children: [_jsx("strong", { className: "text-gray-700", children: "Source: " }), _jsx("a", { className: classNames('text-gray-700', className), href: `${createRemoteBaseUrl(url, remoteBaseUrl)}${htmlId ? `#${htmlId}` : ''}`, target: "_blank", children: remoteBaseUrl })] })), _jsx("div", { className: "px-3", children: _jsx(XrefChildren, { load: load, identifier: identifier }) })] }) })), children: _jsxs("span", { children: [remote && external && (_jsx("a", { href: `${createRemoteBaseUrl(url, remoteBaseUrl)}${htmlId ? `#${htmlId}` : ''}`, target: "_blank", className: classNames({ 'hover-link': !isButtonLike }, className), children: children })), remote && !external && (_jsx(Link, { to: `${withBaseurl(url, baseurl)}${htmlId ? `#${htmlId}` : ''}`, prefetch: "intent", className: classNames({ 'hover-link': !isButtonLike }, className), children: children })), !remote && (_jsx("a", { href: `#${htmlId}`, onClick: scroll, className: classNames({ 'hover-link': !isButtonLike }, className), children: children }))] }) }));
 }
-export const CrossReferenceNode = ({ node }) => {
+export const CrossReferenceNode = ({ node, className }) => {
     if (!node.children) {
-        return (_jsx(InlineError, { value: node.label || node.identifier || 'No Label', message: "Cross Reference Not Found" }));
+        return (_jsx(InlineError, { value: node.label || node.identifier || 'No Label', message: "Cross Reference Not Found", className: className }));
     }
-    const { remote, url, dataUrl, remoteBaseUrl, identifier, html_id } = node;
-    return (_jsxs(CrossReferenceHover, { identifier: identifier, htmlId: html_id, remote: remote, url: url, dataUrl: dataUrl, remoteBaseUrl: remoteBaseUrl, children: [node.prefix && _jsxs(_Fragment, { children: [node.prefix, " "] }), _jsx(MyST, { ast: node.children }), node.suffix || null] }));
+    const { remote, url, dataUrl, remoteBaseUrl, identifier, html_id, class: nodeClass, } = node;
+    return (_jsxs(CrossReferenceHover, { identifier: identifier, htmlId: html_id, remote: remote, url: url, dataUrl: dataUrl, remoteBaseUrl: remoteBaseUrl, className: classNames(nodeClass, className), children: [node.prefix && _jsxs(_Fragment, { children: [node.prefix, " "] }), _jsx(MyST, { ast: node.children }), node.suffix || null] }));
 };
 const CROSS_REFERENCE_RENDERERS = {
     crossReference: CrossReferenceNode,

package/dist/dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../src/dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAK1D,KAAK,YAAY,GAAG;IAClB,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AACF,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,SAAS,CAAC;CACjB,CAAC;AAIF,eAAO,MAAM,YAAY,EAAE,YAAY,CAAC,WAAW,CAElD,CAAC;AAEF,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,SAAS,GACV,EAAE;IACD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CA+BA;AAED,eAAO,MAAM,eAAe,EAAE,YAAY,CAAC,YAAY,CAOtD,CAAC;AAEF,QAAA,MAAM,kBAAkB;;;CAGvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../src/dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAK1D,KAAK,YAAY,GAAG;IAClB,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AACF,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,SAAS,CAAC;CACjB,CAAC;AAIF,eAAO,MAAM,YAAY,EAAE,YAAY,CAAC,WAAW,CAElD,CAAC;AAEF,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,SAAS,GACV,EAAE;IACD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CA+BA;AAED,eAAO,MAAM,eAAe,EAAE,YAAY,CAAC,YAAY,CAWtD,CAAC;AAEF,QAAA,MAAM,kBAAkB;;;CAGvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}