myst-to-react 0.1.18 → 0.1.19

package/dist/cjs/admonitions.d.ts

@@ -0,0 +1,32 @@
+import type * as spec from 'myst-spec';
+import React from 'react';
+import type { NodeRenderer } from './types';
+export declare enum AdmonitionKind {
+    admonition = "admonition",
+    attention = "attention",
+    caution = "caution",
+    danger = "danger",
+    error = "error",
+    important = "important",
+    hint = "hint",
+    note = "note",
+    seealso = "seealso",
+    tip = "tip",
+    warning = "warning"
+}
+type Color = 'blue' | 'green' | 'yellow' | 'red';
+export declare const AdmonitionTitle: NodeRenderer<spec.AdmonitionTitle>;
+export declare function Admonition({ title, kind, color, dropdown, children, }: {
+    title?: React.ReactNode;
+    color?: Color;
+    kind?: AdmonitionKind;
+    children: React.ReactNode;
+    dropdown?: boolean;
+}): JSX.Element;
+export declare const AdmonitionRenderer: NodeRenderer<spec.Admonition>;
+declare const ADMONITION_RENDERERS: {
+    admonition: NodeRenderer<spec.Admonition>;
+    admonitionTitle: NodeRenderer<spec.AdmonitionTitle>;
+};
+export default ADMONITION_RENDERERS;
+//# sourceMappingURL=admonitions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"admonitions.d.ts","sourceRoot":"","sources":["../../src/admonitions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,IAAI,MAAM,WAAW,CAAC;AACvC,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAoB5C,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;AAuEjD,eAAO,MAAM,eAAe,EAAE,YAAY,CAAC,IAAI,CAAC,eAAe,CAE9D,CAAC;AAEF,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,IAAI,EACJ,KAAK,EACL,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,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,eAgDA;AAED,eAAO,MAAM,kBAAkB,EAAE,YAAY,CAAC,IAAI,CAAC,UAAU,CAoB5D,CAAC;AAEF,QAAA,MAAM,oBAAoB;;;CAGzB,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/cjs/admonitions.js

@@ -0,0 +1,126 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AdmonitionRenderer = exports.Admonition = exports.AdmonitionTitle = exports.AdmonitionKind = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const outline_1 = require("@heroicons/react/24/outline");
+const solid_1 = require("@heroicons/react/24/solid");
+const classnames_1 = __importDefault(require("classnames"));
+// import { AdmonitionKind } from 'mystjs';
+// TODO: get this from myst-spec?
+var AdmonitionKind;
+(function (AdmonitionKind) {
+    AdmonitionKind["admonition"] = "admonition";
+    AdmonitionKind["attention"] = "attention";
+    AdmonitionKind["caution"] = "caution";
+    AdmonitionKind["danger"] = "danger";
+    AdmonitionKind["error"] = "error";
+    AdmonitionKind["important"] = "important";
+    AdmonitionKind["hint"] = "hint";
+    AdmonitionKind["note"] = "note";
+    AdmonitionKind["seealso"] = "seealso";
+    AdmonitionKind["tip"] = "tip";
+    AdmonitionKind["warning"] = "warning";
+})(AdmonitionKind = exports.AdmonitionKind || (exports.AdmonitionKind = {}));
+function getClasses(className) {
+    var _a;
+    const classes = (_a = className === null || className === void 0 ? void 0 : className.split(' ').map((s) => s.trim().toLowerCase()).filter((s) => !!s)) !== null && _a !== void 0 ? _a : [];
+    return [...new Set(classes)];
+}
+function getFirstKind({ kind, classes = [], }) {
+    if (kind === AdmonitionKind.note || classes.includes('note')) {
+        return { kind: AdmonitionKind.note, color: 'blue' };
+    }
+    if (kind === AdmonitionKind.important || classes.includes('important')) {
+        return { kind: AdmonitionKind.important, color: 'blue' };
+    }
+    if (kind === AdmonitionKind.hint || classes.includes('hint')) {
+        return { kind: AdmonitionKind.hint, color: 'green' };
+    }
+    if (kind === AdmonitionKind.seealso || classes.includes('seealso')) {
+        return { kind: AdmonitionKind.seealso, color: 'green' };
+    }
+    if (kind === AdmonitionKind.tip || classes.includes('tip')) {
+        return { kind: AdmonitionKind.tip, color: 'green' };
+    }
+    if (kind === AdmonitionKind.attention || classes.includes('attention')) {
+        return { kind: AdmonitionKind.attention, color: 'yellow' };
+    }
+    if (kind === AdmonitionKind.warning || classes.includes('warning')) {
+        return { kind: AdmonitionKind.warning, color: 'yellow' };
+    }
+    if (kind === AdmonitionKind.caution || classes.includes('caution')) {
+        return { kind: AdmonitionKind.caution, color: 'yellow' };
+    }
+    if (kind === AdmonitionKind.danger || classes.includes('danger')) {
+        return { kind: AdmonitionKind.danger, color: 'red' };
+    }
+    if (kind === AdmonitionKind.error || classes.includes('error')) {
+        return { kind: AdmonitionKind.error, color: 'red' };
+    }
+    return { kind: AdmonitionKind.note, color: 'blue' };
+}
+const iconClass = 'h-8 w-8 inline-block pl-2 mr-2 -translate-y-[1px]';
+function AdmonitionIcon({ kind }) {
+    if (kind === AdmonitionKind.note)
+        return (0, jsx_runtime_1.jsx)(outline_1.InformationCircleIcon, { className: iconClass });
+    if (kind === AdmonitionKind.caution)
+        return (0, jsx_runtime_1.jsx)(outline_1.ExclamationCircleIcon, { className: iconClass });
+    if (kind === AdmonitionKind.warning)
+        return (0, jsx_runtime_1.jsx)(solid_1.ExclamationTriangleIcon, { className: iconClass });
+    if (kind === AdmonitionKind.danger)
+        return (0, jsx_runtime_1.jsx)(solid_1.ExclamationCircleIcon, { className: iconClass });
+    if (kind === AdmonitionKind.error)
+        return (0, jsx_runtime_1.jsx)(solid_1.XCircleIcon, { className: iconClass });
+    if (kind === AdmonitionKind.attention)
+        return (0, jsx_runtime_1.jsx)(outline_1.MegaphoneIcon, { className: iconClass });
+    if (kind === AdmonitionKind.tip)
+        return (0, jsx_runtime_1.jsx)(outline_1.PencilSquareIcon, { className: iconClass });
+    if (kind === AdmonitionKind.hint)
+        return (0, jsx_runtime_1.jsx)(outline_1.LightBulbIcon, { className: iconClass });
+    if (kind === AdmonitionKind.important)
+        return (0, jsx_runtime_1.jsx)(solid_1.BoltIcon, { className: iconClass });
+    if (kind === AdmonitionKind.seealso)
+        return (0, jsx_runtime_1.jsx)(outline_1.ArrowRightCircleIcon, { className: iconClass });
+    return (0, jsx_runtime_1.jsx)(outline_1.InformationCircleIcon, { className: iconClass });
+}
+const AdmonitionTitle = (node, children) => {
+    return children;
+};
+exports.AdmonitionTitle = AdmonitionTitle;
+function Admonition({ title, kind, color, dropdown, children, }) {
+    const [open, setOpen] = (0, react_1.useState)(false);
+    return ((0, jsx_runtime_1.jsxs)("aside", Object.assign({ className: (0, classnames_1.default)('admonition rounded-md my-4 border-l-4 shadow-md dark:shadow-2xl dark:shadow-neutral-900', {
+            'border-blue-500': !color || color === 'blue',
+            'border-green-600': color === 'green',
+            'border-amber-600': color === 'yellow',
+            'border-red-600': color === 'red',
+        }) }, { children: [title && ((0, jsx_runtime_1.jsxs)("p", Object.assign({ className: (0, classnames_1.default)('admonition-header m-0 text-lg font-medium py-1', {
+                    'text-blue-600 bg-blue-50 dark:bg-slate-900': !color || color === 'blue',
+                    'text-green-600 bg-green-50 dark:bg-slate-900': color === 'green',
+                    'text-amber-600 bg-amber-50 dark:bg-slate-900': color === 'yellow',
+                    'text-red-600 bg-red-50 dark:bg-slate-900': color === 'red',
+                    'cursor-pointer hover:shadow-[inset_0_0_0px_20px_#00000003] dark:hover:shadow-[inset_0_0_0px_20px_#FFFFFF03]': dropdown,
+                }), onClick: dropdown ? () => setOpen(!open) : undefined }, { children: [(0, jsx_runtime_1.jsx)(AdmonitionIcon, { kind: kind !== null && kind !== void 0 ? kind : AdmonitionKind.note }), (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: "text-neutral-900 dark:text-white" }, { children: [dropdown && ((0, jsx_runtime_1.jsxs)("span", Object.assign({ className: "block float-right font-thin text-sm text-neutral-700 dark:text-neutral-200" }, { children: [!open && 'Click to show', (0, jsx_runtime_1.jsx)(solid_1.ChevronRightIcon, { className: (0, classnames_1.default)(iconClass, 'transition-transform', {
+                                            'rotate-90 -translate-y-[5px]': open,
+                                        }) })] }))), title] }))] }))), (!dropdown || open) && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "px-4 py-1 bg-gray-50 dark:bg-stone-800" }, { children: children })))] })));
+}
+exports.Admonition = Admonition;
+const AdmonitionRenderer = (node, children) => {
+    var _a;
+    const [title, ...rest] = children;
+    const classes = getClasses(node.class);
+    const { kind, color } = getFirstKind({ kind: node.kind, classes });
+    const isDropdown = classes.includes('dropdown');
+    const useTitle = ((_a = node.children) === null || _a === void 0 ? void 0 : _a[0].type) === 'admonitionTitle';
+    return ((0, jsx_runtime_1.jsxs)(Admonition, Object.assign({ title: useTitle ? title : undefined, kind: kind, color: color, dropdown: isDropdown }, { children: [!useTitle && title, rest] }), node.key));
+};
+exports.AdmonitionRenderer = AdmonitionRenderer;
+const ADMONITION_RENDERERS = {
+    admonition: exports.AdmonitionRenderer,
+    admonitionTitle: exports.AdmonitionTitle,
+};
+exports.default = ADMONITION_RENDERERS;

package/dist/cjs/basic.d.ts

@@ -0,0 +1,62 @@
+import type * as spec from 'myst-spec';
+import type { NodeRenderer } from './types';
+type TableExts = {
+    rowspan?: number;
+    colspan?: number;
+};
+type Delete = {
+    type: 'delete';
+};
+type Underline = {
+    type: 'underline';
+};
+type SmallCaps = {
+    type: 'smallcaps';
+};
+type DefinitionList = {
+    type: 'definitionList';
+};
+type DefinitionTerm = {
+    type: 'definitionTerm';
+};
+type DefinitionDescription = {
+    type: 'definitionDescription';
+};
+type CaptionNumber = {
+    type: 'captionNumber';
+    kind: string;
+    identifier: string;
+};
+type BasicNodeRenderers = {
+    strong: NodeRenderer<spec.Strong>;
+    emphasis: NodeRenderer<spec.Emphasis>;
+    link: NodeRenderer<spec.Link>;
+    paragraph: NodeRenderer<spec.Paragraph>;
+    break: NodeRenderer<spec.Break>;
+    inlineMath: NodeRenderer<spec.InlineMath>;
+    math: NodeRenderer<spec.Math>;
+    list: NodeRenderer<spec.List>;
+    listItem: NodeRenderer<spec.ListItem>;
+    container: NodeRenderer<spec.Container>;
+    caption: NodeRenderer<spec.Caption>;
+    blockquote: NodeRenderer<spec.Blockquote>;
+    thematicBreak: NodeRenderer<spec.ThematicBreak>;
+    subscript: NodeRenderer<spec.Subscript>;
+    superscript: NodeRenderer<spec.Superscript>;
+    abbreviation: NodeRenderer<spec.Abbreviation>;
+    table: NodeRenderer<spec.Table>;
+    tableRow: NodeRenderer<spec.TableRow>;
+    tableCell: NodeRenderer<spec.TableCell & TableExts>;
+    comment: NodeRenderer<spec.Comment>;
+    mystComment: NodeRenderer<spec.Comment>;
+    captionNumber: NodeRenderer<CaptionNumber>;
+    delete: NodeRenderer<Delete>;
+    underline: NodeRenderer<Underline>;
+    smallcaps: NodeRenderer<SmallCaps>;
+    definitionList: NodeRenderer<DefinitionList>;
+    definitionTerm: NodeRenderer<DefinitionTerm>;
+    definitionDescription: NodeRenderer<DefinitionDescription>;
+};
+declare const BASIC_RENDERERS: BasicNodeRenderers;
+export default BASIC_RENDERERS;
+//# sourceMappingURL=basic.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"basic.d.ts","sourceRoot":"","sources":["../../src/basic.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,IAAI,MAAM,WAAW,CAAC;AAEvC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,KAAK,SAAS,GAAG;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,KAAK,MAAM,GAAG;IACZ,IAAI,EAAE,QAAQ,CAAC;CAChB,CAAC;AAEF,KAAK,SAAS,GAAG;IACf,IAAI,EAAE,WAAW,CAAC;CACnB,CAAC;AAEF,KAAK,SAAS,GAAG;IACf,IAAI,EAAE,WAAW,CAAC;CACnB,CAAC;AAEF,KAAK,cAAc,GAAG;IACpB,IAAI,EAAE,gBAAgB,CAAC;CACxB,CAAC;AAEF,KAAK,cAAc,GAAG;IACpB,IAAI,EAAE,gBAAgB,CAAC;CACxB,CAAC;AAEF,KAAK,qBAAqB,GAAG;IAC3B,IAAI,EAAE,uBAAuB,CAAC;CAC/B,CAAC;AAEF,KAAK,aAAa,GAAG;IACnB,IAAI,EAAE,eAAe,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,MAAM,EAAE,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAClC,QAAQ,EAAE,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACtC,IAAI,EAAE,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC9B,SAAS,EAAE,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACxC,KAAK,EAAE,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAChC,UAAU,EAAE,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAC1C,IAAI,EAAE,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC9B,IAAI,EAAE,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC9B,QAAQ,EAAE,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACtC,SAAS,EAAE,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACxC,OAAO,EAAE,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACpC,UAAU,EAAE,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAC1C,aAAa,EAAE,YAAY,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;IAChD,SAAS,EAAE,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACxC,WAAW,EAAE,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAC5C,YAAY,EAAE,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IAE9C,KAAK,EAAE,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAChC,QAAQ,EAAE,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACtC,SAAS,EAAE,YAAY,CAAC,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC;IAEpD,OAAO,EAAE,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACpC,WAAW,EAAE,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAExC,aAAa,EAAE,YAAY,CAAC,aAAa,CAAC,CAAC;IAC3C,MAAM,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IAC7B,SAAS,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IACnC,SAAS,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IAEnC,cAAc,EAAE,YAAY,CAAC,cAAc,CAAC,CAAC;IAC7C,cAAc,EAAE,YAAY,CAAC,cAAc,CAAC,CAAC;IAC7C,qBAAqB,EAAE,YAAY,CAAC,qBAAqB,CAAC,CAAC;CAC5D,CAAC;AAEF,QAAA,MAAM,eAAe,EAAE,kBAwJtB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/cjs/basic.js

@@ -0,0 +1,125 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const heading_1 = require("./heading");
+const BASIC_RENDERERS = {
+    delete(node, children) {
+        return (0, jsx_runtime_1.jsx)("del", { children: children }, node.key);
+    },
+    strong(node, children) {
+        return (0, jsx_runtime_1.jsx)("strong", { children: children }, node.key);
+    },
+    emphasis(node, children) {
+        return (0, jsx_runtime_1.jsx)("em", { children: children }, node.key);
+    },
+    underline(node, children) {
+        return ((0, jsx_runtime_1.jsx)("span", Object.assign({ style: { textDecoration: 'underline' } }, { children: children }), node.key));
+    },
+    smallcaps(node, children) {
+        return ((0, jsx_runtime_1.jsx)("span", Object.assign({ style: { fontVariant: 'small-caps' } }, { children: children }), node.key));
+    },
+    link(node, children) {
+        return ((0, jsx_runtime_1.jsx)("a", Object.assign({ target: "_blank", href: node.url, rel: "noreferrer" }, { children: children }), node.key));
+    },
+    paragraph(node, children) {
+        return (0, jsx_runtime_1.jsx)("p", { children: children }, node.key);
+    },
+    break(node) {
+        return (0, jsx_runtime_1.jsx)("br", {}, node.key);
+    },
+    inlineMath(node) {
+        return (0, jsx_runtime_1.jsx)("code", { children: node.value }, node.key);
+    },
+    math(node) {
+        return (0, jsx_runtime_1.jsx)("code", { children: node.value }, node.key);
+    },
+    list(node, children) {
+        if (node.ordered) {
+            return ((0, jsx_runtime_1.jsx)("ol", Object.assign({ start: node.start || undefined }, { children: children }), node.key));
+        }
+        return (0, jsx_runtime_1.jsx)("ul", { children: children }, node.key);
+    },
+    listItem(node, children) {
+        return (0, jsx_runtime_1.jsx)("li", { children: children }, node.key);
+    },
+    container(node, children) {
+        return ((0, jsx_runtime_1.jsx)("figure", Object.assign({ id: node.html_id || node.identifier || node.key, className: node.kind }, { children: children }), node.key));
+    },
+    caption(node, children) {
+        return ((0, jsx_runtime_1.jsx)("figcaption", Object.assign({ className: "group" }, { children: children }), node.key));
+    },
+    blockquote(node, children) {
+        return (0, jsx_runtime_1.jsx)("blockquote", { children: children }, node.key);
+    },
+    thematicBreak(node) {
+        return (0, jsx_runtime_1.jsx)("hr", {}, node.key);
+    },
+    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;
+        const id = node.html_id || node.identifier || node.key;
+        return ((0, jsx_runtime_1.jsxs)("span", Object.assign({ className: "font-bold mr-1 select-none relative" }, { children: [(0, jsx_runtime_1.jsx)(heading_1.HashLink, { id: id, align: "left", kind: node.kind }), label] }), node.key));
+    },
+    table(node, children) {
+        // 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));
+    },
+    tableRow(node, children) {
+        return (0, jsx_runtime_1.jsx)("tr", { children: children }, node.key);
+    },
+    tableCell(node, children) {
+        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 }));
+    },
+    subscript(node, children) {
+        return (0, jsx_runtime_1.jsx)("sub", { children: children }, node.key);
+    },
+    superscript(node, children) {
+        return (0, jsx_runtime_1.jsx)("sup", { children: children }, node.key);
+    },
+    abbreviation(node, children) {
+        return ((0, jsx_runtime_1.jsx)("abbr", Object.assign({ title: node.title }, { children: children }), node.key));
+    },
+    mystComment() {
+        return null;
+    },
+    comment() {
+        return null;
+    },
+    definitionList(node, children) {
+        return (0, jsx_runtime_1.jsx)("dl", { 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", { children: strongChildren }, node.key);
+    },
+    definitionDescription(node, children) {
+        return (0, jsx_runtime_1.jsx)("dd", { children: children }, node.key);
+    },
+};
+exports.default = BASIC_RENDERERS;

package/dist/cjs/card.d.ts

@@ -0,0 +1,27 @@
+import type { NodeRenderer } from './types';
+type CardSpec = {
+    type: 'card';
+    url?: string;
+    static?: boolean;
+};
+type CardTitleSpec = {
+    type: 'cardTitle';
+};
+type HeaderSpec = {
+    type: 'header';
+};
+type FooterSpec = {
+    type: 'footer';
+};
+export declare const Header: NodeRenderer<HeaderSpec>;
+export declare const Footer: NodeRenderer<FooterSpec>;
+export declare const CardTitle: NodeRenderer<CardTitleSpec>;
+export declare const CardRenderer: NodeRenderer<CardSpec>;
+declare const CARD_RENDERERS: {
+    card: NodeRenderer<CardSpec>;
+    cardTitle: NodeRenderer<CardTitleSpec>;
+    header: NodeRenderer<HeaderSpec>;
+    footer: NodeRenderer<FooterSpec>;
+};
+export default CARD_RENDERERS;
+//# sourceMappingURL=card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/card.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAI5C,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;AA0FF,eAAO,MAAM,YAAY,EAAE,YAAY,CAAC,QAAQ,CAM/C,CAAC;AAEF,QAAA,MAAM,cAAc;;;;;CAKnB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/cjs/card.js

@@ -0,0 +1,64 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CardRenderer = exports.CardTitle = exports.Footer = exports.Header = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const providers_1 = require("@myst-theme/providers");
+const Header = (node, children) => {
+    return ((0, jsx_runtime_1.jsx)("header", Object.assign({ className: "m-0 py-1 pl-3 bg-gray-50 dark:bg-slate-900 border-b border-gray-100 dark:border-gray-800" }, { children: children }), node.key));
+};
+exports.Header = Header;
+const Footer = (node, children) => {
+    return ((0, jsx_runtime_1.jsx)("footer", Object.assign({ className: "m-0 py-1 pl-3 bg-gray-50 dark:bg-slate-900 border-t border-gray-100 dark:border-gray-800" }, { children: children }), node.key));
+};
+exports.Footer = Footer;
+const CardTitle = (node, children) => {
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "pt-3 font-bold group-hover:underline" }, { children: children }), node.key));
+};
+exports.CardTitle = CardTitle;
+function getParts(children) {
+    var _a, _b;
+    const parts = {};
+    if (!Array.isArray(children))
+        return parts;
+    const next = [...children];
+    if (((_a = next[0]) === null || _a === void 0 ? void 0 : _a.type) === 'header') {
+        parts.header = next.splice(0, 1);
+    }
+    if (((_b = next[next.length - 1]) === null || _b === void 0 ? void 0 : _b.type) === 'footer') {
+        parts.footer = next.splice(-1, 1);
+    }
+    parts.body = next;
+    return parts;
+}
+function ExternalOrInternalLink({ to, className, isStatic, prefetch = 'intent', children, }) {
+    const Link = (0, providers_1.useLinkProvider)();
+    const urlbase = (0, providers_1.useUrlbase)();
+    if (to.startsWith('http') || isStatic) {
+        return ((0, jsx_runtime_1.jsx)("a", Object.assign({ href: to, className: className, target: "_blank", rel: "noopener noreferrer" }, { children: children })));
+    }
+    return ((0, jsx_runtime_1.jsx)(Link, Object.assign({ to: (0, providers_1.withUrlbase)(to, urlbase), className: className, prefetch: prefetch }, { children: children })));
+}
+function Card({ children, url, isStatic, }) {
+    const parts = getParts(children);
+    const link = !!url;
+    const sharedStyle = 'my-4 rounded-md shadow dark:shadow-neutral-800 overflow-hidden border border-gray-100 dark:border-gray-800 flex flex-col';
+    if (link) {
+        return ((0, jsx_runtime_1.jsxs)(ExternalOrInternalLink, Object.assign({ to: url, isStatic: isStatic, className: (0, classnames_1.default)(sharedStyle, 'block font-normal no-underline cursor-pointer group', 'hover:border-blue-500 dark:hover:border-blue-400') }, { children: [parts.header, (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "py-2 px-4 flex-grow" }, { children: parts.body })), parts.footer] })));
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: sharedStyle }, { children: [parts.header, (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "py-2 px-4 flex-grow" }, { children: parts.body })), parts.footer] })));
+}
+const CardRenderer = (node, children) => {
+    return ((0, jsx_runtime_1.jsx)(Card, Object.assign({ url: node.url, isStatic: node.static || false }, { children: children }), node.key));
+};
+exports.CardRenderer = CardRenderer;
+const CARD_RENDERERS = {
+    card: exports.CardRenderer,
+    cardTitle: exports.CardTitle,
+    header: exports.Header,
+    footer: exports.Footer,
+};
+exports.default = CARD_RENDERERS;

package/dist/cjs/cite.d.ts

@@ -0,0 +1,6 @@
+import type { NodeRenderer } from './types';
+export declare const CiteGroup: NodeRenderer;
+export declare const Cite: NodeRenderer;
+declare const CITE_RENDERERS: Record<string, NodeRenderer>;
+export default CITE_RENDERERS;
+//# sourceMappingURL=cite.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cite.d.ts","sourceRoot":"","sources":["../../src/cite.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAU5C,eAAO,MAAM,SAAS,EAAE,YAYvB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,YASlB,CAAC;AAEF,QAAA,MAAM,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAGhD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/cjs/cite.js

@@ -0,0 +1,36 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Cite = exports.CiteGroup = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const providers_1 = require("@myst-theme/providers");
+const ClickPopover_1 = require("./components/ClickPopover");
+const inlineError_1 = require("./inlineError");
+function CiteChild({ label }) {
+    var _a, _b;
+    const references = (0, providers_1.useReferences)();
+    const { html } = (_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 : {};
+    return (0, jsx_runtime_1.jsx)("div", { dangerouslySetInnerHTML: { __html: html || '' } });
+}
+const CiteGroup = (node, children) => {
+    return ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: (0, classnames_1.default)('cite-group', {
+            narrative: node.kind === 'narrative',
+            parenthetical: node.kind === 'parenthetical',
+        }) }, { children: children }), node.key));
+};
+exports.CiteGroup = CiteGroup;
+const Cite = (node, children) => {
+    if (node.error) {
+        return (0, jsx_runtime_1.jsx)(inlineError_1.InlineError, { value: node.label, message: 'Citation Not Found' }, node.key);
+    }
+    return ((0, jsx_runtime_1.jsx)(ClickPopover_1.ClickPopover, Object.assign({ card: (0, jsx_runtime_1.jsx)(CiteChild, { label: node.label }) }, { children: children }), node.key));
+};
+exports.Cite = Cite;
+const CITE_RENDERERS = {
+    citeGroup: exports.CiteGroup,
+    cite: exports.Cite,
+};
+exports.default = CITE_RENDERERS;

package/dist/cjs/code.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import type { Code, InlineCode } from 'myst-spec';
+import type { NodeRenderer } from './types';
+type Props = {
+    value: string;
+    lang?: string;
+    showCopy?: boolean;
+    showLineNumbers?: boolean;
+    startingLineNumber?: number;
+    emphasizeLines?: number[];
+    filename?: string;
+    className?: string;
+};
+export declare function CodeBlock(props: Props): JSX.Element;
+declare const CODE_RENDERERS: {
+    code: NodeRenderer<Code>;
+    inlineCode: NodeRenderer<InlineCode>;
+};
+export default CODE_RENDERERS;
+//# sourceMappingURL=code.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"code.d.ts","sourceRoot":"","sources":["../../src/code.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAQ5C,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,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,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,SAAS,CAAC,KAAK,EAAE,KAAK,eAqDrC;AA2CD,QAAA,MAAM,cAAc;;;CAGnB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/cjs/code.js

@@ -0,0 +1,63 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CodeBlock = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const providers_1 = require("@myst-theme/providers");
+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");
+function CodeBlock(props) {
+    const { isLight } = (0, providers_1.useTheme)();
+    const { value, lang, emphasizeLines, showLineNumbers, className, showCopy = true, startingLineNumber = 1, filename, } = props;
+    const highlightLines = new Set(emphasizeLines);
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)('relative group not-prose overflow-auto', className) }, { children: [filename && (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "leading-3 mt-1 p-1" }, { children: filename })), (0, jsx_runtime_1.jsx)(react_syntax_highlighter_1.LightAsync, Object.assign({ language: lang, startingLineNumber: startingLineNumber, showLineNumbers: showLineNumbers, style: isLight ? xcode_1.default : vs2015_1.default, wrapLines: true, lineNumberContainerStyle: {
+                    // This stops page content shifts
+                    display: 'inline-block',
+                    float: 'left',
+                    minWidth: '1.25em',
+                    paddingRight: '1em',
+                    textAlign: 'right',
+                    userSelect: 'none',
+                    borderLeft: '4px solid transparent',
+                }, lineProps: (line) => {
+                    if (typeof line === 'boolean')
+                        return {};
+                    return highlightLines.has(line)
+                        ? {
+                            'data-line-number': `${line}`,
+                            'data-highlight': 'true',
+                        }
+                        : { 'data-line-number': `${line}` };
+                }, customStyle: { padding: '0.8rem' } }, { children: value })), showCopy && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "absolute hidden top-1 right-1 group-hover:block" }, { children: (0, jsx_runtime_1.jsx)(CopyIcon_1.CopyIcon, { text: value }) })))] })));
+}
+exports.CodeBlock = CodeBlock;
+const code = (node) => {
+    return ((0, jsx_runtime_1.jsx)(CodeBlock, { className: "rounded shadow-md dark:shadow-2xl dark:shadow-neutral-900 my-8 text-sm border border-l-4 border-l-blue-400 border-gray-200 dark:border-l-blue-400 dark:border-gray-800", value: node.value || '', lang: node.lang, emphasizeLines: node.emphasizeLines, showLineNumbers: node.showLineNumbers, startingLineNumber: node.startingLineNumber }, node.key));
+};
+function isColor(maybeColorHash) {
+    if (!maybeColorHash || maybeColorHash.length > 9)
+        return undefined;
+    if (!new Set([4, 7, 9]).has(maybeColorHash.length))
+        return undefined;
+    const match = /^#([0-9A-Fa-f]{3,8})$/.exec(maybeColorHash);
+    if (!match)
+        return undefined;
+    const color = match[1];
+    return color;
+}
+const inlineCode = (node, children) => {
+    if (isColor(node.value)) {
+        return ((0, jsx_runtime_1.jsxs)("code", Object.assign({ className: "bg-slate-100 text-slate-700 dark:bg-slate-800 dark:text-slate-100 px-1 rounded" }, { children: [children, (0, jsx_runtime_1.jsx)("span", { style: { backgroundColor: node.value }, className: "inline-block w-[10px] h-[10px] rounded-full ml-1" })] }), node.key));
+    }
+    return (0, jsx_runtime_1.jsx)("code", { children: children }, node.key);
+};
+const CODE_RENDERERS = {
+    code,
+    inlineCode,
+};
+exports.default = CODE_RENDERERS;

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

@@ -0,0 +1,11 @@
+import type { ElementType } from 'react';
+import React from 'react';
+export declare function ClickPopover({ children, card, as, }: {
+    children: React.ReactNode;
+    card: React.ReactNode | ((args: {
+        open: boolean;
+        close: () => void;
+    }) => React.ReactNode);
+    as?: ElementType;
+}): JSX.Element;
+//# sourceMappingURL=ClickPopover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClickPopover.d.ts","sourceRoot":"","sources":["../../../src/components/ClickPopover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,IAAI,EACJ,EAAW,GACZ,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE;QAAE,IAAI,EAAE,OAAO,CAAC;QAAC,KAAK,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAC1F,EAAE,CAAC,EAAE,WAAW,CAAC;CAClB,eAyCA"}

package/dist/cjs/components/ClickPopover.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ClickPopover = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_2 = require("@headlessui/react");
+const react_popper_1 = require("react-popper");
+const classnames_1 = __importDefault(require("classnames"));
+function ClickPopover({ children, card, as = 'cite', }) {
+    const [referenceElement, setReferenceElement] = (0, react_1.useState)(null);
+    const [popperElement, setPopperElement] = (0, react_1.useState)(null);
+    const { styles, attributes } = (0, react_popper_1.usePopper)(referenceElement, popperElement);
+    return ((0, jsx_runtime_1.jsx)(react_2.Popover, Object.assign({ as: "span" }, { children: ({ open, close }) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_2.Popover.Button, Object.assign({ ref: setReferenceElement, as: as, className: (0, classnames_1.default)({ 'border-dotted': !open }, 'cursor-zoom-in border-b-2 border-b-blue-600 hover:text-blue-600 hover:border-solid', { 'text-blue-600 border-solid': open }) }, { children: children })), (0, jsx_runtime_1.jsx)(react_2.Popover.Panel, Object.assign({ className: "exclude-from-outline absolute z-30 sm:max-w-[500px]", ref: setPopperElement, style: Object.assign({}, styles.popper) }, attributes.popper, { children: (0, jsx_runtime_1.jsx)(react_2.Transition, Object.assign({ className: "my-2 p-4 shadow-xl bg-white dark:bg-zinc-900 text-sm dark:text-white rounded border-2 border-slate-200 dark:border-zinc-500 break-words", enter: "transition ease-out duration-200", enterFrom: "opacity-0 translate-y-1", enterTo: "opacity-100 translate-y-0", leave: "transition ease-in duration-150", leaveFrom: "opacity-100 translate-y-0", leaveTo: "opacity-0 translate-y-1" }, { children: open && (typeof card === 'function' ? card({ open, close }) : card) })) }))] })) })));
+}
+exports.ClickPopover = ClickPopover;

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare function CopyIcon({ text }: {
+    text: string;
+}): JSX.Element;
+//# sourceMappingURL=CopyIcon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CopyIcon.d.ts","sourceRoot":"","sources":["../../../src/components/CopyIcon.tsx"],"names":[],"mappings":";AAIA,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,eAkClD"}