myst-to-react 0.3.7 → 0.4.0

package/dist/cjs/MyST.d.ts

@@ -0,0 +1,5 @@
+import type { GenericNode } from 'myst-common';
+export declare function MyST({ ast }: {
+    ast?: GenericNode | GenericNode[];
+}): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=MyST.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MyST.d.ts","sourceRoot":"","sources":["../../src/MyST.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAW/C,wBAAgB,IAAI,CAAC,EAAE,GAAG,EAAE,EAAE;IAAE,GAAG,CAAC,EAAE,WAAW,GAAG,WAAW,EAAE,CAAA;CAAE,kDAelE"}

package/dist/cjs/MyST.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MyST = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const providers_1 = require("@myst-theme/providers");
+function DefaultComponent({ node }) {
+    if (!node.children)
+        return (0, jsx_runtime_1.jsx)("span", { children: node.value });
+    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(MyST, { ast: node.children }) }));
+}
+function MyST({ ast }) {
+    var _a;
+    const renderers = (0, providers_1.useNodeRenderers)();
+    if (!ast || ast.length === 0)
+        return null;
+    if (!Array.isArray(ast)) {
+        const Component = (_a = renderers[ast.type]) !== null && _a !== void 0 ? _a : DefaultComponent;
+        return (0, jsx_runtime_1.jsx)(Component, { node: ast }, ast.key);
+    }
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: ast === null || ast === void 0 ? void 0 : ast.map((node) => {
+            var _a;
+            const Component = (_a = renderers[node.type]) !== null && _a !== void 0 ? _a : DefaultComponent;
+            return (0, jsx_runtime_1.jsx)(Component, { node: node }, node.key);
+        }) }));
+}
+exports.MyST = MyST;

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

@@ -1 +1 @@
-{"version":3,"file":"admonitions.d.ts","sourceRoot":"","sources":["../../src/admonitions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,UAAU,IAAI,cAAc,EAC5B,eAAe,IAAI,mBAAmB,EACvC,MAAM,WAAW,CAAC;AACnB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAgB1D,oBAAY,cAAc;IACxB,UAAU,eAAe;IACzB,SAAS,cAAc;IACvB,OAAO,YAAY;IACnB,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,SAAS,cAAc;IACvB,IAAI,SAAS;IACb,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,GAAG,QAAQ;IACX,OAAO,YAAY;CACpB;AAED,KAAK,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAwEjD,eAAO,MAAM,eAAe,EAAE,YAAY,CAAC,mBAAmB,CAE7D,CAAC;AA4BF,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,IAAI,EACJ,KAAK,EACL,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,QAAQ,GACT,EAAE;IACD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,2CAmEA;AAED,eAAO,MAAM,kBAAkB,EAAE,YAAY,CAAC,cAAc,CAwB3D,CAAC;AAEF,QAAA,MAAM,oBAAoB;;;CAGzB,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"admonitions.d.ts","sourceRoot":"","sources":["../../src/admonitions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,UAAU,IAAI,cAAc,EAC5B,eAAe,IAAI,mBAAmB,EACvC,MAAM,WAAW,CAAC;AACnB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAkB1D,oBAAY,cAAc;IACxB,UAAU,eAAe;IACzB,SAAS,cAAc;IACvB,OAAO,YAAY;IACnB,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,SAAS,cAAc;IACvB,IAAI,SAAS;IACb,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,GAAG,QAAQ;IACX,OAAO,YAAY;CACpB;AAED,KAAK,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAwEjD,eAAO,MAAM,eAAe,EAAE,YAAY,CAAC,mBAAmB,CAE7D,CAAC;AA4BF,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,IAAI,EACJ,KAAK,EACL,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,QAAQ,GACT,EAAE;IACD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,2CAmEA;AAED,eAAO,MAAM,kBAAkB,EAAE,YAAY,CAAC,cAAc,CAsB3D,CAAC;AAEF,QAAA,MAAM,oBAAoB;;;CAGzB,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/cjs/admonitions.js

@@ -17,6 +17,7 @@ const XCircleIcon_1 = __importDefault(require("@heroicons/react/24/solid/XCircle
 const BoltIcon_1 = __importDefault(require("@heroicons/react/24/solid/BoltIcon"));
 const ChevronRightIcon_1 = __importDefault(require("@heroicons/react/24/solid/ChevronRightIcon"));
 const classnames_1 = __importDefault(require("classnames"));
+const MyST_1 = require("./MyST");
 // import { AdmonitionKind } from 'myst-common';
 // TODO: get this from myst-spec?
 var AdmonitionKind;
@@ -96,8 +97,8 @@ function AdmonitionIcon({ kind, className }) {
         return (0, jsx_runtime_1.jsx)(ArrowRightCircleIcon_1.default, { className: cn });
     return (0, jsx_runtime_1.jsx)(InformationCircleIcon_1.default, { className: cn });
 }
-const AdmonitionTitle = (node, children) => {
-    return children;
+const AdmonitionTitle = ({ node }) => {
+    return (0, jsx_runtime_1.jsx)(MyST_1.MyST, { ast: node.children });
 };
 exports.AdmonitionTitle = AdmonitionTitle;
 const WrapperElement = ({ dropdown, className, children, }) => {
@@ -136,16 +137,15 @@ function Admonition({ title, kind, color, simple, dropdown, children, hideIcon,
                         }) })), (0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('text-neutral-900 dark:text-white grow self-center overflow-hidden break-words', { 'ml-4': hideIcon }), children: title }), dropdown && ((0, jsx_runtime_1.jsx)("div", { className: "self-center flex-none text-sm font-thin text-neutral-700 dark:text-neutral-200", children: (0, jsx_runtime_1.jsx)(ChevronRightIcon_1.default, { className: (0, classnames_1.default)(iconClass, 'transition-transform details-toggle') }) }))] })), (0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('px-4', { 'py-1': !simple, 'details-body': dropdown }), children: children })] }));
 }
 exports.Admonition = Admonition;
-const AdmonitionRenderer = (node, children) => {
-    var _a;
-    const [title, ...rest] = children;
+const AdmonitionRenderer = ({ node }) => {
+    const [title, ...rest] = node.children;
     const classes = getClasses(node.class);
     const { kind, color } = getFirstKind({ kind: node.kind, classes });
     const isDropdown = classes.includes('dropdown');
     const isSimple = classes.includes('simple');
     const hideIcon = node.icon === false;
-    const useTitle = ((_a = node.children) === null || _a === void 0 ? void 0 : _a[0].type) === 'admonitionTitle';
-    return ((0, jsx_runtime_1.jsxs)(Admonition, { title: useTitle ? title : undefined, kind: kind, color: color, dropdown: isDropdown, simple: isSimple, hideIcon: hideIcon, children: [!useTitle && title, rest] }, node.key));
+    const useTitle = (title === null || title === void 0 ? void 0 : title.type) === 'admonitionTitle';
+    return ((0, jsx_runtime_1.jsx)(Admonition, { title: useTitle ? (0, jsx_runtime_1.jsx)(MyST_1.MyST, { ast: [title] }) : undefined, kind: kind, color: color, dropdown: isDropdown, simple: isSimple, hideIcon: hideIcon, children: useTitle ? (0, jsx_runtime_1.jsx)(MyST_1.MyST, { ast: rest }) : (0, jsx_runtime_1.jsx)(MyST_1.MyST, { ast: node.children }) }));
 };
 exports.AdmonitionRenderer = AdmonitionRenderer;
 const ADMONITION_RENDERERS = {

package/dist/cjs/basic.d.ts

@@ -28,6 +28,7 @@ type CaptionNumber = {
     identifier: string;
 };
 type BasicNodeRenderers = {
+    text: NodeRenderer<spec.Text>;
     strong: NodeRenderer<spec.Strong>;
     emphasis: NodeRenderer<spec.Emphasis>;
     link: NodeRenderer<spec.Link>;

package/dist/cjs/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/cjs/basic.js

@@ -6,99 +6,95 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const heading_1 = require("./heading");
 const classnames_1 = __importDefault(require("classnames"));
-const HoverPopover_1 = require("./components/HoverPopover");
+const components_1 = require("./components");
+const MyST_1 = require("./MyST");
 const BASIC_RENDERERS = {
-    delete(node, children) {
-        return (0, jsx_runtime_1.jsx)("del", { children: children }, node.key);
+    text({ node }) {
+        return node.value;
     },
-    strong(node, children) {
-        return (0, jsx_runtime_1.jsx)("strong", { children: children }, node.key);
+    delete({ node }) {
+        return ((0, jsx_runtime_1.jsx)("del", { children: (0, jsx_runtime_1.jsx)(MyST_1.MyST, { ast: node.children }) }));
     },
-    emphasis(node, children) {
-        return (0, jsx_runtime_1.jsx)("em", { children: children }, node.key);
+    strong({ node }) {
+        return ((0, jsx_runtime_1.jsx)("strong", { children: (0, jsx_runtime_1.jsx)(MyST_1.MyST, { ast: node.children }) }));
     },
-    underline(node, children) {
-        return ((0, jsx_runtime_1.jsx)("span", { style: { textDecoration: 'underline' }, children: children }, node.key));
+    emphasis({ node }) {
+        return ((0, jsx_runtime_1.jsx)("em", { children: (0, jsx_runtime_1.jsx)(MyST_1.MyST, { ast: node.children }) }));
     },
-    smallcaps(node, children) {
-        return ((0, jsx_runtime_1.jsx)("span", { style: { fontVariant: 'small-caps' }, children: children }, node.key));
+    underline({ node }) {
+        return ((0, jsx_runtime_1.jsx)("span", { style: { textDecoration: 'underline' }, children: (0, jsx_runtime_1.jsx)(MyST_1.MyST, { ast: node.children }) }));
     },
-    link(node, children) {
-        return ((0, jsx_runtime_1.jsx)("a", { target: "_blank", href: node.url, rel: "noreferrer", children: children }, node.key));
+    smallcaps({ node }) {
+        return ((0, jsx_runtime_1.jsx)("span", { style: { fontVariant: 'small-caps' }, children: (0, jsx_runtime_1.jsx)(MyST_1.MyST, { ast: node.children }) }));
     },
-    paragraph(node, children) {
-        return ((0, jsx_runtime_1.jsx)("p", { id: node.html_id, children: children }, node.key));
+    link({ node }) {
+        return ((0, jsx_runtime_1.jsx)("a", { target: "_blank", href: node.url, rel: "noreferrer", children: (0, jsx_runtime_1.jsx)(MyST_1.MyST, { ast: node.children }) }));
     },
-    break(node) {
-        return (0, jsx_runtime_1.jsx)("br", {}, node.key);
+    paragraph({ node }) {
+        return ((0, jsx_runtime_1.jsx)("p", { id: node.html_id, children: (0, jsx_runtime_1.jsx)(MyST_1.MyST, { ast: node.children }) }));
     },
-    inlineMath(node) {
-        return (0, jsx_runtime_1.jsx)("code", { children: node.value }, node.key);
+    break() {
+        return (0, jsx_runtime_1.jsx)("br", {});
     },
-    math(node) {
-        return (0, jsx_runtime_1.jsx)("code", { children: node.value }, node.key);
+    inlineMath({ node }) {
+        return (0, jsx_runtime_1.jsx)("code", { children: node.value });
     },
-    list(node, children) {
+    math({ node }) {
+        return (0, jsx_runtime_1.jsx)("code", { children: node.value });
+    },
+    list({ node }) {
         if (node.ordered) {
-            return ((0, jsx_runtime_1.jsx)("ol", { start: node.start || undefined, id: node.html_id, children: children }, node.key));
+            return ((0, jsx_runtime_1.jsx)("ol", { start: node.start || undefined, id: node.html_id, children: (0, jsx_runtime_1.jsx)(MyST_1.MyST, { ast: node.children }) }));
         }
-        return ((0, jsx_runtime_1.jsx)("ul", { id: node.html_id, children: children }, node.key));
+        return ((0, jsx_runtime_1.jsx)("ul", { id: node.html_id, children: (0, jsx_runtime_1.jsx)(MyST_1.MyST, { ast: node.children }) }));
     },
-    listItem(node, children) {
+    listItem({ node }) {
         if (node.checked == null) {
-            return (0, jsx_runtime_1.jsx)("li", { children: children }, node.key);
+            return ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)(MyST_1.MyST, { ast: node.children }) }));
         }
-        return ((0, jsx_runtime_1.jsxs)("li", { className: "task-list-item", children: [(0, jsx_runtime_1.jsx)("input", { type: "checkbox", className: "task-list-item-checkbox", defaultChecked: node.checked }), children] }, node.key));
+        return ((0, jsx_runtime_1.jsxs)("li", { className: "task-list-item", children: [(0, jsx_runtime_1.jsx)("input", { type: "checkbox", className: "task-list-item-checkbox", defaultChecked: node.checked }), (0, jsx_runtime_1.jsx)(MyST_1.MyST, { ast: node.children })] }));
     },
-    container(node, children) {
-        return ((0, jsx_runtime_1.jsx)("figure", { id: node.html_id || node.identifier || node.key, className: (0, classnames_1.default)(node.kind, node.class), children: children }, node.key));
+    container({ node }) {
+        return ((0, jsx_runtime_1.jsx)("figure", { id: node.html_id || node.identifier || node.key, className: (0, classnames_1.default)(node.kind, node.class), children: (0, jsx_runtime_1.jsx)(MyST_1.MyST, { ast: node.children }) }));
     },
-    caption(node, children) {
-        return ((0, jsx_runtime_1.jsx)("figcaption", { className: "group", children: children }, node.key));
+    caption({ node }) {
+        return ((0, jsx_runtime_1.jsx)("figcaption", { className: "group", children: (0, jsx_runtime_1.jsx)(MyST_1.MyST, { ast: node.children }) }));
     },
-    blockquote(node, children) {
-        return ((0, jsx_runtime_1.jsx)("blockquote", { id: node.html_id, children: children }, node.key));
+    blockquote({ node }) {
+        return ((0, jsx_runtime_1.jsx)("blockquote", { id: node.html_id, children: (0, jsx_runtime_1.jsx)(MyST_1.MyST, { ast: node.children }) }));
     },
-    thematicBreak(node) {
-        return (0, jsx_runtime_1.jsx)("hr", { className: "py-2 my-5 translate-y-2" }, node.key);
+    thematicBreak() {
+        return (0, jsx_runtime_1.jsx)("hr", { className: "py-2 my-5 translate-y-2" });
     },
-    captionNumber(node, children) {
-        function backwardsCompatibleLabel(value, kind) {
-            var _a, _b;
-            const capital = (_a = kind === null || kind === void 0 ? void 0 : kind.slice(0, 1).toUpperCase()) !== null && _a !== void 0 ? _a : 'F';
-            const body = (_b = kind === null || kind === void 0 ? void 0 : kind.slice(1)) !== null && _b !== void 0 ? _b : 'igure';
-            return `${capital}${body}: ${children}`;
-        }
-        const label = typeof children === 'string' ? backwardsCompatibleLabel(children, node.kind) : children;
+    captionNumber({ node }) {
         const id = node.html_id || node.identifier || node.key;
-        return ((0, jsx_runtime_1.jsx)(heading_1.HashLink, { id: id, kind: node.kind, className: "mr-1 font-semibold text-inherit hover:text-inherit hover:font-semibold", children: label }, node.key));
+        return ((0, jsx_runtime_1.jsx)(heading_1.HashLink, { id: id, kind: node.kind, className: "mr-1 font-semibold text-inherit hover:text-inherit hover:font-semibold", children: (0, jsx_runtime_1.jsx)(MyST_1.MyST, { ast: node.children }) }));
     },
-    table(node, children) {
+    table({ node }) {
         // TODO: actually render the tbody on the server if it isn't included here.
-        return ((0, jsx_runtime_1.jsx)("table", { children: (0, jsx_runtime_1.jsx)("tbody", { children: children }) }, node.key));
+        return ((0, jsx_runtime_1.jsx)("table", { children: (0, jsx_runtime_1.jsx)("tbody", { children: (0, jsx_runtime_1.jsx)(MyST_1.MyST, { ast: node.children }) }) }));
     },
-    tableRow(node, children) {
-        return (0, jsx_runtime_1.jsx)("tr", { children: children }, node.key);
+    tableRow({ node }) {
+        return ((0, jsx_runtime_1.jsx)("tr", { children: (0, jsx_runtime_1.jsx)(MyST_1.MyST, { ast: node.children }) }));
     },
-    tableCell(node, children) {
+    tableCell({ node }) {
         const ifGreaterThanOne = (num) => (num === 1 ? undefined : num);
         const attrs = {
-            key: node.key,
             rowSpan: ifGreaterThanOne(node.rowspan),
             colSpan: ifGreaterThanOne(node.colspan),
         };
         if (node.header)
-            return (0, jsx_runtime_1.jsx)("th", Object.assign({}, attrs, { children: children }));
-        return (0, jsx_runtime_1.jsx)("td", Object.assign({}, attrs, { children: children }));
+            return ((0, jsx_runtime_1.jsx)("th", Object.assign({}, attrs, { children: (0, jsx_runtime_1.jsx)(MyST_1.MyST, { ast: node.children }) })));
+        return ((0, jsx_runtime_1.jsx)("td", Object.assign({}, attrs, { children: (0, jsx_runtime_1.jsx)(MyST_1.MyST, { ast: node.children }) })));
     },
-    subscript(node, children) {
-        return (0, jsx_runtime_1.jsx)("sub", { children: children }, node.key);
+    subscript({ node }) {
+        return ((0, jsx_runtime_1.jsx)("sub", { children: (0, jsx_runtime_1.jsx)(MyST_1.MyST, { ast: node.children }) }));
     },
-    superscript(node, children) {
-        return (0, jsx_runtime_1.jsx)("sup", { children: children }, node.key);
+    superscript({ node }) {
+        return ((0, jsx_runtime_1.jsx)("sup", { children: (0, jsx_runtime_1.jsx)(MyST_1.MyST, { ast: node.children }) }));
     },
-    abbreviation(node, children) {
-        return ((0, jsx_runtime_1.jsx)(HoverPopover_1.HoverPopover, { side: "top", card: (0, jsx_runtime_1.jsx)("div", { className: "p-1 text-xs text-white bg-blue-900 dark:bg-white dark:text-black", children: node.title }), arrowClass: "fill-blue-900 dark:fill-white", children: (0, jsx_runtime_1.jsx)("abbr", { "aria-label": node.title, className: "border-b border-dotted cursor-help", children: children }) }, node.key));
+    abbreviation({ node }) {
+        return ((0, jsx_runtime_1.jsx)(components_1.Tooltip, { title: node.title, children: (0, jsx_runtime_1.jsx)("abbr", { "aria-label": node.title, className: "border-b border-dotted cursor-help", children: (0, jsx_runtime_1.jsx)(MyST_1.MyST, { ast: node.children }) }) }));
     },
     mystComment() {
         return null;
@@ -106,28 +102,17 @@ const BASIC_RENDERERS = {
     comment() {
         return null;
     },
-    definitionList(node, children) {
-        return ((0, jsx_runtime_1.jsx)("dl", { className: "my-5", id: node.html_id, children: children }, node.key));
-    },
-    definitionTerm(node, children) {
-        let strongChildren = children;
-        if (Array.isArray(children)) {
-            const allowedStrongTypes = new Set(['emphasis']);
-            strongChildren = children.map((child, i) => {
-                if (typeof child === 'string')
-                    return (0, jsx_runtime_1.jsx)("strong", { children: child }, node.key + i);
-                if (allowedStrongTypes.has(child === null || child === void 0 ? void 0 : child.type))
-                    return (0, jsx_runtime_1.jsx)("strong", { children: child }, node.key + i);
-                return child;
-            });
-        }
-        else if (typeof children === 'string') {
-            strongChildren = (0, jsx_runtime_1.jsx)("strong", { children: children }, node.key + '0');
-        }
-        return ((0, jsx_runtime_1.jsx)("dt", { id: node.html_id, children: strongChildren }, node.key));
+    definitionList({ node }) {
+        return ((0, jsx_runtime_1.jsx)("dl", { className: "my-5", id: node.html_id, children: (0, jsx_runtime_1.jsx)(MyST_1.MyST, { ast: node.children }) }));
+    },
+    definitionTerm({ node }) {
+        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 ((0, jsx_runtime_1.jsx)("dt", { id: node.html_id, children: makeStrong ? ((0, jsx_runtime_1.jsx)("strong", { children: (0, jsx_runtime_1.jsx)(MyST_1.MyST, { ast: node.children }) })) : ((0, jsx_runtime_1.jsx)(MyST_1.MyST, { ast: node.children })) }));
     },
-    definitionDescription(node, children) {
-        return (0, jsx_runtime_1.jsx)("dd", { children: children }, node.key);
+    definitionDescription({ node }) {
+        return ((0, jsx_runtime_1.jsx)("dd", { children: (0, jsx_runtime_1.jsx)(MyST_1.MyST, { ast: node.children }) }));
     },
 };
 exports.default = BASIC_RENDERERS;

package/dist/cjs/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;AAI1D,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,CAS3C,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,YAAY,CAAC,UAAU,CAS3C,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,YAAY,CAAC,aAAa,CAMjD,CAAC;AA2FF,eAAO,MAAM,YAAY,EAAE,YAAY,CAAC,QAAQ,CAM/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,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"}

package/dist/cjs/card.js

@@ -7,16 +7,17 @@ exports.CardRenderer = exports.CardTitle = exports.Footer = exports.Header = voi
 const jsx_runtime_1 = require("react/jsx-runtime");
 const classnames_1 = __importDefault(require("classnames"));
 const providers_1 = require("@myst-theme/providers");
-const Header = (node, children) => {
-    return ((0, jsx_runtime_1.jsx)("header", { className: "py-1 pl-3 m-0 border-b border-gray-100 bg-gray-50 dark:bg-slate-900 dark:border-gray-800", children: children }, node.key));
+const MyST_1 = require("./MyST");
+const Header = ({ node }) => {
+    return ((0, jsx_runtime_1.jsx)("header", { className: "py-1 pl-3 m-0 border-b border-gray-100 bg-gray-50 dark:bg-slate-900 dark:border-gray-800", children: (0, jsx_runtime_1.jsx)(MyST_1.MyST, { ast: node.children }) }));
 };
 exports.Header = Header;
-const Footer = (node, children) => {
-    return ((0, jsx_runtime_1.jsx)("footer", { className: "py-1 pl-3 m-0 border-t border-gray-100 bg-gray-50 dark:bg-slate-900 dark:border-gray-800", children: children }, node.key));
+const Footer = ({ node }) => {
+    return ((0, jsx_runtime_1.jsx)("footer", { className: "py-1 pl-3 m-0 border-t border-gray-100 bg-gray-50 dark:bg-slate-900 dark:border-gray-800", children: (0, jsx_runtime_1.jsx)(MyST_1.MyST, { ast: node.children }) }));
 };
 exports.Footer = Footer;
-const CardTitle = (node, children) => {
-    return ((0, jsx_runtime_1.jsx)("div", { className: "pt-3 font-bold group-hover:underline", children: children }, node.key));
+const CardTitle = ({ node }) => {
+    return ((0, jsx_runtime_1.jsx)("div", { className: "pt-3 font-bold group-hover:underline", children: (0, jsx_runtime_1.jsx)(MyST_1.MyST, { ast: node.children }) }));
 };
 exports.CardTitle = CardTitle;
 function getParts(children) {
@@ -42,17 +43,16 @@ function ExternalOrInternalLink({ to, className, isStatic, prefetch = 'intent',
     }
     return ((0, jsx_runtime_1.jsx)(Link, { to: (0, providers_1.withBaseurl)(to, baseurl), className: className, prefetch: prefetch, children: children }));
 }
-function Card({ children, url, isStatic, }) {
-    const parts = getParts(children);
+const CardRenderer = ({ node }) => {
+    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 ((0, jsx_runtime_1.jsxs)(ExternalOrInternalLink, { to: url, isStatic: isStatic, className: (0, classnames_1.default)(sharedStyle, 'text-inherit hover:text-inherit', 'block font-normal no-underline hover:no-underline cursor-pointer group', 'hover:border-blue-500 dark:hover:border-blue-400'), children: [parts.header, (0, jsx_runtime_1.jsx)("div", { className: "flex-grow px-4 py-2", children: parts.body }), parts.footer] }));
+        return ((0, jsx_runtime_1.jsxs)(ExternalOrInternalLink, { to: url, isStatic: isStatic, className: (0, classnames_1.default)(sharedStyle, 'text-inherit hover:text-inherit', 'block font-normal no-underline hover:no-underline cursor-pointer group', 'hover:border-blue-500 dark:hover:border-blue-400'), children: [(0, jsx_runtime_1.jsx)(MyST_1.MyST, { ast: parts.header }), (0, jsx_runtime_1.jsx)("div", { className: "flex-grow px-4 py-2", children: (0, jsx_runtime_1.jsx)(MyST_1.MyST, { ast: parts.body }) }), (0, jsx_runtime_1.jsx)(MyST_1.MyST, { ast: parts.footer })] }));
     }
-    return ((0, jsx_runtime_1.jsxs)("div", { className: sharedStyle, children: [parts.header, (0, jsx_runtime_1.jsx)("div", { className: "flex-grow px-4 py-2", children: parts.body }), parts.footer] }));
-}
-const CardRenderer = (node, children) => {
-    return ((0, jsx_runtime_1.jsx)(Card, { url: node.url, isStatic: node.static || false, children: children }, node.key));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: sharedStyle, children: [(0, jsx_runtime_1.jsx)(MyST_1.MyST, { ast: parts.header }), (0, jsx_runtime_1.jsx)("div", { className: "flex-grow px-4 py-2", children: (0, jsx_runtime_1.jsx)(MyST_1.MyST, { ast: parts.body }) }), (0, jsx_runtime_1.jsx)(MyST_1.MyST, { ast: parts.footer })] }));
 };
 exports.CardRenderer = CardRenderer;
 const CARD_RENDERERS = {

package/dist/cjs/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;AAc1D,eAAO,MAAM,SAAS,EAAE,YAYvB,CAAC;AAEF,eAAO,MAAM,IAAI;;;cAOL,MAAM,SAAS;6CAuB1B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,YAM1B,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;AAe1D,eAAO,MAAM,SAAS,EAAE,YAWvB,CAAC;AAEF,eAAO,MAAM,IAAI;;;cAOL,MAAM,SAAS;6CAuB1B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,YAM1B,CAAC;AAEF,QAAA,MAAM,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAGhD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/cjs/cite.js

@@ -9,15 +9,16 @@ const classnames_1 = __importDefault(require("classnames"));
 const providers_1 = require("@myst-theme/providers");
 const doi_utils_1 = require("doi-utils");
 const inlineError_1 = require("./inlineError");
-const HoverPopover_1 = require("./components/HoverPopover");
+const components_1 = require("./components");
+const MyST_1 = require("./MyST");
 function CiteChild({ html }) {
     return ((0, jsx_runtime_1.jsx)("div", { className: "hover-document w-[500px] sm:max-w-[500px] p-3", dangerouslySetInnerHTML: { __html: html || '' } }));
 }
-const CiteGroup = (node, children) => {
+const CiteGroup = ({ node }) => {
     return ((0, jsx_runtime_1.jsx)("span", { className: (0, classnames_1.default)('cite-group', {
             narrative: node.kind === 'narrative',
             parenthetical: node.kind === 'parenthetical',
-        }), children: children }, node.key));
+        }), children: (0, jsx_runtime_1.jsx)(MyST_1.MyST, { ast: node.children }) }));
 };
 exports.CiteGroup = CiteGroup;
 const Cite = ({ label, error, children, }) => {
@@ -31,11 +32,11 @@ const Cite = ({ label, error, children, }) => {
         return (0, jsx_runtime_1.jsx)(inlineError_1.InlineError, { value: label, message: 'Citation Not Found' });
     }
     const doiUrl = doiString ? doi_utils_1.doi.buildUrl(doiString) : null;
-    return ((0, jsx_runtime_1.jsx)(HoverPopover_1.HoverPopover, { openDelay: 300, card: (0, jsx_runtime_1.jsx)(CiteChild, { html: html }), children: (0, jsx_runtime_1.jsxs)("cite", { className: "hover-link", children: [doiUrl && ((0, jsx_runtime_1.jsx)("a", { href: doiUrl, target: "_blank", rel: "noreferrer", className: "hover-link", children: children })), !doiUrl && children] }) }));
+    return ((0, jsx_runtime_1.jsx)(components_1.HoverPopover, { openDelay: 300, card: (0, jsx_runtime_1.jsx)(CiteChild, { html: html }), children: (0, jsx_runtime_1.jsxs)("cite", { className: "hover-link", children: [doiUrl && ((0, jsx_runtime_1.jsx)("a", { href: doiUrl, target: "_blank", rel: "noreferrer", className: "hover-link", children: children })), !doiUrl && children] }) }));
 };
 exports.Cite = Cite;
-const CiteRenderer = (node, children) => {
-    return ((0, jsx_runtime_1.jsx)(exports.Cite, { label: node.label, error: node.error, children: children }, node.key));
+const CiteRenderer = ({ node }) => {
+    return ((0, jsx_runtime_1.jsx)(exports.Cite, { label: node.label, error: node.error, children: (0, jsx_runtime_1.jsx)(MyST_1.MyST, { ast: node.children }) }));
 };
 exports.CiteRenderer = CiteRenderer;
 const CITE_RENDERERS = {

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

@@ -1 +1 @@
-{"version":3,"file":"code.d.ts","sourceRoot":"","sources":["../../src/code.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,UAAU,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAQ1D,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;AAWF,wBAAgB,SAAS,CAAC,KAAK,EAAE,KAAK,2CAgErC;AAiDD,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBA/C0B,OAAO;;;CAkDpD,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"code.d.ts","sourceRoot":"","sources":["../../src/code.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,UAAU,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAQ1D,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;AAWF,wBAAgB,SAAS,CAAC,KAAK,EAAE,KAAK,2CA4DrC;AA6CD,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBA3C0B,OAAO;;;CA8CpD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/cjs/code.js

@@ -10,7 +10,7 @@ const react_syntax_highlighter_1 = require("react-syntax-highlighter");
 const xcode_1 = __importDefault(require("react-syntax-highlighter/dist/cjs/styles/hljs/xcode"));
 const vs2015_1 = __importDefault(require("react-syntax-highlighter/dist/cjs/styles/hljs/vs2015"));
 const classnames_1 = __importDefault(require("classnames"));
-const CopyIcon_1 = require("./components/CopyIcon");
+const components_1 = require("./components");
 function normalizeLanguage(lang) {
     switch (lang) {
         case 'html':
@@ -45,11 +45,11 @@ function CodeBlock(props) {
                             'data-highlight': 'true',
                         }
                         : { 'data-line-number': `${line}` };
-                }, customStyle: { padding: '0.8rem' }, children: value }), showCopy && ((0, jsx_runtime_1.jsx)("div", { className: "absolute hidden top-1 right-1 group-hover:block", children: (0, jsx_runtime_1.jsx)(CopyIcon_1.CopyIcon, { text: value }) }))] }));
+                }, customStyle: { padding: '0.8rem' }, children: value }), showCopy && (0, jsx_runtime_1.jsx)(components_1.CopyIcon, { text: value, className: "absolute top-1 right-1" })] }));
 }
 exports.CodeBlock = CodeBlock;
-const code = (node) => {
-    return ((0, jsx_runtime_1.jsx)(CodeBlock, { identifier: node.html_id, "data-mdast-node-type": node.type, "data-mdast-node-id": node.key, value: node.value || '', lang: node.lang, emphasizeLines: node.emphasizeLines, showLineNumbers: node.showLineNumbers, startingLineNumber: node.startingLineNumber, shadow: true, border: node.executable, background: !node.executable }, node.key));
+const code = ({ node }) => {
+    return ((0, jsx_runtime_1.jsx)(CodeBlock, { identifier: node.html_id, "data-mdast-node-type": node.type, "data-mdast-node-id": node.key, value: node.value || '', lang: node.lang, emphasizeLines: node.emphasizeLines, showLineNumbers: node.showLineNumbers, startingLineNumber: node.startingLineNumber, shadow: true, border: node.executable, background: !node.executable }));
 };
 function isColor(maybeColorHash) {
     if (!maybeColorHash || maybeColorHash.length > 9)
@@ -62,11 +62,11 @@ function isColor(maybeColorHash) {
     const color = match[1];
     return color;
 }
-const inlineCode = (node, children) => {
+const inlineCode = ({ node }) => {
     if (isColor(node.value)) {
-        return ((0, jsx_runtime_1.jsxs)("code", { className: "px-1 rounded bg-slate-100 text-slate-700 dark:bg-slate-800 dark:text-slate-100", children: [children, (0, jsx_runtime_1.jsx)("span", { style: { backgroundColor: node.value }, className: "inline-block w-[10px] h-[10px] rounded-full ml-1" })] }, node.key));
+        return ((0, jsx_runtime_1.jsxs)("code", { className: "px-1 rounded bg-slate-100 text-slate-700 dark:bg-slate-800 dark:text-slate-100", children: [node.value, (0, jsx_runtime_1.jsx)("span", { style: { backgroundColor: node.value }, className: "inline-block w-[10px] h-[10px] rounded-full ml-1" })] }));
     }
-    return (0, jsx_runtime_1.jsx)("code", { children: children }, node.key);
+    return (0, jsx_runtime_1.jsx)("code", { children: node.value });
 };
 const CODE_RENDERERS = {
     code,

package/dist/cjs/components/CopyIcon.d.ts

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

package/dist/cjs/components/CopyIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CopyIcon.d.ts","sourceRoot":"","sources":["../../../src/components/CopyIcon.tsx"],"names":[],"mappings":"AAKA,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,2CA+BlD"}
+{"version":3,"file":"CopyIcon.d.ts","sourceRoot":"","sources":["../../../src/components/CopyIcon.tsx"],"names":[],"mappings":"AAKA,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,2CAgCjF"}

package/dist/cjs/components/CopyIcon.js

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

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

@@ -8,4 +8,8 @@ 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, }: {
+    title: React.ReactNode;
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=HoverPopover.d.ts.map

package/dist/cjs/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"}
+{"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"}

package/dist/cjs/components/HoverPopover.js

@@ -23,7 +23,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.HoverPopover = void 0;
+exports.Tooltip = exports.HoverPopover = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const HoverCard = __importStar(require("@radix-ui/react-hover-card"));
@@ -32,3 +32,7 @@ function HoverPopover({ children, openDelay = 400, card, side, arrowClass = 'fil
     return ((0, jsx_runtime_1.jsxs)(HoverCard.Root, { openDelay: openDelay, children: [(0, jsx_runtime_1.jsx)(HoverCard.Trigger, { asChild: true, onMouseEnter: () => setLoad(true), children: children }), (0, jsx_runtime_1.jsx)(HoverCard.Portal, { children: (0, jsx_runtime_1.jsxs)(HoverCard.Content, { className: "exclude-from-outline hover-card-content", sideOffset: 5, side: side, children: [typeof card === 'function' ? load && card({ load }) : card, (0, jsx_runtime_1.jsx)(HoverCard.Arrow, { className: arrowClass })] }) })] }));
 }
 exports.HoverPopover = HoverPopover;
+function Tooltip({ title, children, }) {
+    return ((0, jsx_runtime_1.jsx)(HoverPopover, { side: "top", card: (0, jsx_runtime_1.jsx)("div", { className: "p-1 text-xs text-white bg-blue-900 dark:bg-white dark:text-black", children: title }), arrowClass: "fill-blue-900 dark:fill-white", children: children }));
+}
+exports.Tooltip = Tooltip;

package/dist/cjs/components/LinkCard.d.ts

@@ -5,7 +5,7 @@ export declare function LinkCard({ url, title, internal, loading, description, t
     loading?: boolean;
     title: React.ReactNode;
     description?: React.ReactNode;
-    thumbnail?: string;
+    thumbnail?: string | null;
     className?: string;
 }): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=LinkCard.d.ts.map

package/dist/cjs/components/LinkCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LinkCard.d.ts","sourceRoot":"","sources":["../../../src/components/LinkCard.tsx"],"names":[],"mappings":";AAIA,wBAAgB,QAAQ,CAAC,EACvB,GAAG,EACH,KAAK,EACL,QAAgB,EAChB,OAAe,EACf,WAAW,EACX,SAAS,EACT,SAAmE,GACpE,EAAE;IACD,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CAuCA"}
+{"version":3,"file":"LinkCard.d.ts","sourceRoot":"","sources":["../../../src/components/LinkCard.tsx"],"names":[],"mappings":";AAIA,wBAAgB,QAAQ,CAAC,EACvB,GAAG,EACH,KAAK,EACL,QAAgB,EAChB,OAAe,EACf,WAAW,EACX,SAAS,EACT,SAAmE,GACpE,EAAE;IACD,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CAuCA"}

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

@@ -0,0 +1,4 @@
+export { CopyIcon } from './CopyIcon';
+export { HoverPopover, Tooltip } from './HoverPopover';
+export { LinkCard } from './LinkCard';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/dist/cjs/components/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LinkCard = exports.Tooltip = exports.HoverPopover = exports.CopyIcon = void 0;
+var CopyIcon_1 = require("./CopyIcon");
+Object.defineProperty(exports, "CopyIcon", { enumerable: true, get: function () { return CopyIcon_1.CopyIcon; } });
+var HoverPopover_1 = require("./HoverPopover");
+Object.defineProperty(exports, "HoverPopover", { enumerable: true, get: function () { return HoverPopover_1.HoverPopover; } });
+Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return HoverPopover_1.Tooltip; } });
+var LinkCard_1 = require("./LinkCard");
+Object.defineProperty(exports, "LinkCard", { enumerable: true, get: function () { return LinkCard_1.LinkCard; } });

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

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