myst-to-react 0.2.9 → 0.3.0

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

@@ -0,0 +1,11 @@
+import React from 'react';
+export declare function HoverPopover({ children, openDelay, card, side, arrowClass, }: {
+    children: React.ReactNode;
+    openDelay?: number;
+    arrowClass?: string;
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    card: React.ReactNode | ((args: {
+        load: boolean;
+    }) => React.ReactNode);
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=HoverPopover.d.ts.map

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

@@ -0,0 +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"}

package/dist/esm/components/HoverPopover.js

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

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export declare function LinkCard({ url, title, internal, loading, description, thumbnail, className, }: {
+    url: string;
+    internal?: boolean;
+    loading?: boolean;
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    thumbnail?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LinkCard.d.ts.map

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

@@ -0,0 +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"}

package/dist/esm/components/LinkCard.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useLinkProvider, useBaseurl, withBaseurl } from '@myst-theme/providers';
+import ExternalLinkIcon from '@heroicons/react/24/outline/ArrowTopRightOnSquareIcon';
+import classNames from 'classnames';
+export function LinkCard({ url, title, internal = false, loading = false, description, thumbnail, className = 'w-[300px] sm:max-w-[500px] bg-white rounded shadow-md', }) {
+    const Link = useLinkProvider();
+    const baseurl = useBaseurl();
+    const to = withBaseurl(url, baseurl);
+    return (_jsxs("div", Object.assign({ className: classNames('hover-card-content rounded overflow-hidden', className, {
+            'animate-pulse': loading,
+        }) }, { children: [!loading && thumbnail && (_jsx("img", { src: thumbnail, className: "w-full h-[150px] object-cover object-top object-left m-0" })), loading && _jsx("div", { className: "animate-pulse bg-slate-100 dark:bg-slate-800 w-full h-[150px]" }), internal && (_jsx(Link, Object.assign({ to: to, className: "block text-sm font-semibold text-inherit hover:text-inherit px-3 mt-3", prefetch: "intent" }, { children: title }))), !internal && (_jsxs("a", Object.assign({ href: to, className: "block text-sm font-semibold text-inherit hover:text-inherit px-3 mt-3", target: "_blank", rel: "noreferrer" }, { children: [_jsx(ExternalLinkIcon, { className: "w-4 h-4 float-right" }), title] }))), !loading && description && (_jsx("div", Object.assign({ className: "p-3 prose text-sm max-h-[300px] overflow-hidden" }, { children: description })))] })));
+}

package/dist/esm/convertToReact.d.ts

@@ -0,0 +1,6 @@
+import type React from 'react';
+import type { NodeRenderer } from '@myst-theme/providers';
+import type { GenericNode } from 'myst-common';
+export declare function toReact(fragment: GenericNode[], replacements: Record<string, NodeRenderer>): React.ReactNode;
+export declare function mystToReact(content: GenericNode, replacements: Record<string, NodeRenderer>): React.ReactNode;
+//# sourceMappingURL=convertToReact.d.ts.map

package/dist/esm/convertToReact.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"convertToReact.d.ts","sourceRoot":"","sources":["../../src/convertToReact.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,wBAAgB,OAAO,CACrB,QAAQ,EAAE,WAAW,EAAE,EACvB,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,GACzC,KAAK,CAAC,SAAS,CAiBjB;AAED,wBAAgB,WAAW,CACzB,OAAO,EAAE,WAAW,EACpB,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,GACzC,KAAK,CAAC,SAAS,CAEjB"}

package/dist/esm/convertToReact.js

@@ -0,0 +1,25 @@
+import { createElement as e } from 'react';
+export function toReact(fragment, replacements) {
+    if (fragment.length === 0)
+        return undefined;
+    return fragment.map((node) => {
+        if (node.type === 'text')
+            return node.value;
+        const custom = replacements[node.type];
+        if (node.children) {
+            const children = toReact(node.children, replacements);
+            if (custom) {
+                return custom(node, children);
+            }
+            return e('div', { key: node.key }, children);
+        }
+        if (custom) {
+            return custom(node, node.value);
+        }
+        return e('span', { children: node.value, key: node.key });
+    });
+}
+export function mystToReact(content, replacements) {
+    var _a;
+    return toReact((_a = content.children) !== null && _a !== void 0 ? _a : [], replacements);
+}

package/dist/esm/crossReference.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import type { CrossReference } from 'myst-spec';
+import type { NodeRenderer } from '@myst-theme/providers';
+export declare function CrossReferenceHover({ url: urlIn, dataUrl: dataUrlIn, remote: remoteIn, children, identifier, htmlId, }: {
+    remote?: boolean;
+    url?: string;
+    dataUrl?: string;
+    identifier: string;
+    htmlId?: string;
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare const CrossReferenceNode: NodeRenderer<CrossReference>;
+declare const CROSS_REFERENCE_RENDERERS: {
+    crossReference: NodeRenderer<CrossReference>;
+};
+export default CROSS_REFERENCE_RENDERERS;
+//# sourceMappingURL=crossReference.d.ts.map

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

@@ -0,0 +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;AAyJ1D,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"}

package/dist/esm/crossReference.js

@@ -0,0 +1,153 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { selectAll } from 'unist-util-select';
+import { EXIT, SKIP, visit } from 'unist-util-visit';
+import { useLinkProvider, useNodeRenderers, useReferences, useBaseurl, withBaseurl, XRefProvider, useXRefState, } from '@myst-theme/providers';
+import { useParse } from '.';
+import { InlineError } from './inlineError';
+import useSWR from 'swr';
+import { HoverPopover } from './components/HoverPopover';
+const hiddenNodes = new Set(['comment', 'mystComment']);
+function selectHeadingNodes(mdast, identifier, maxNodes = 3) {
+    let begin = false;
+    let htmlId = undefined;
+    const nodes = [];
+    visit(mdast, (node) => {
+        if ((begin && node.type === 'heading') || nodes.length >= maxNodes) {
+            return EXIT;
+        }
+        if (node.identifier === identifier && node.type === 'heading') {
+            begin = true;
+            htmlId = node.html_id || node.identifier;
+        }
+        if (begin) {
+            if (!hiddenNodes.has(node.type))
+                nodes.push(node);
+            return SKIP; // Don't traverse the children
+        }
+    });
+    return { htmlId, nodes };
+}
+function selectDefinitionTerm(mdast, identifier) {
+    var _a, _b;
+    let begin = false;
+    const nodes = [];
+    visit(mdast, (node) => {
+        if (begin && node.type === 'definitionTerm') {
+            if (nodes.length > 1)
+                return EXIT;
+        }
+        else if (begin && node.type !== 'definitionDescription') {
+            return EXIT;
+        }
+        if (node.identifier === identifier && node.type === 'definitionTerm') {
+            nodes.push(node);
+            begin = true;
+        }
+        if (begin) {
+            if (node.type === 'definitionDescription')
+                nodes.push(node);
+            return SKIP; // Don't traverse the children
+        }
+    });
+    return {
+        htmlId: ((_a = nodes === null || nodes === void 0 ? void 0 : nodes[0]) === null || _a === void 0 ? void 0 : _a.html_id) || ((_b = nodes === null || nodes === void 0 ? void 0 : nodes[0]) === null || _b === void 0 ? void 0 : _b.identifier),
+        nodes: [{ type: 'definitionList', key: 'dl', children: nodes }],
+    };
+}
+function selectMdastNodes(mdast, identifier) {
+    // Select the first identifier that is not a crossReference or citation
+    const node = selectAll(`[identifier=${identifier}],[key=${identifier}]`, mdast).filter(({ type }) => type !== 'crossReference' && type !== 'cite')[0];
+    if (!node)
+        return { nodes: [] };
+    switch (node.type) {
+        case 'heading':
+            return selectHeadingNodes(mdast, identifier);
+        case 'definitionTerm':
+            return selectDefinitionTerm(mdast, identifier);
+        default:
+            return { htmlId: node.html_id || node.identifier, nodes: [node] };
+    }
+}
+const fetcher = (...args) => fetch(...args).then((res) => {
+    if (res.status === 200)
+        return res.json();
+    throw new Error(`Content returned with status ${res.status}.`);
+});
+// This is a small component that must be distinct based on the nodes
+// This is because the useParse can have different numbers of hooks, which breaks things
+function XrefChildren({ load, remote, url, dataUrl, identifier, }) {
+    var _a;
+    const data = useSelectNodes({ load, remote, url, dataUrl, identifier });
+    const renderers = useNodeRenderers();
+    const children = useParse({ type: 'block', children: (_a = data === null || data === void 0 ? void 0 : data.nodes) !== null && _a !== void 0 ? _a : [] }, renderers);
+    if (!data)
+        return null;
+    if (data.loading) {
+        return _jsx(_Fragment, { children: "Loading..." });
+    }
+    if (data.error) {
+        return _jsx(_Fragment, { children: "Error loading remote page." });
+    }
+    if (!data.nodes || data.nodes.length === 0) {
+        return (_jsx(_Fragment, { children: _jsx(InlineError, { value: identifier || 'No Label', message: "Cross Reference Not Found" }) }));
+    }
+    return _jsx(_Fragment, { children: children });
+}
+function openDetails(el) {
+    if (!el)
+        return;
+    if (el.nodeName === 'DETAILS') {
+        el.open = true;
+    }
+    openDetails(el.parentElement);
+}
+function useSelectNodes({ load, remote, url, dataUrl, identifier, }) {
+    var _a, _b;
+    const baseurl = useBaseurl();
+    const references = useReferences();
+    // dataUrl should point directly to the cross reference mdast data.
+    // If dataUrl is not provided, it will be computed by appending .json to the url.
+    if (!load)
+        return;
+    const external = (_a = url === null || url === void 0 ? void 0 : url.startsWith('http')) !== null && _a !== void 0 ? _a : false;
+    const lookupUrl = external
+        ? `/api/lookup?url=${url}.json`
+        : dataUrl
+            ? `${withBaseurl(dataUrl, baseurl)}`
+            : `${withBaseurl(url, baseurl)}.json`;
+    const { data, error } = useSWR(remote ? lookupUrl : null, fetcher);
+    const mdast = (_b = data === null || data === void 0 ? void 0 : data.mdast) !== null && _b !== void 0 ? _b : references === null || references === void 0 ? void 0 : references.article;
+    const { nodes, htmlId } = selectMdastNodes(mdast, identifier);
+    return { htmlId, nodes, loading: remote && !data, error: remote && error };
+}
+export function CrossReferenceHover({ url: urlIn, dataUrl: dataUrlIn, remote: remoteIn, children, identifier, htmlId = '', }) {
+    var _a;
+    const Link = useLinkProvider();
+    const baseurl = useBaseurl();
+    const parent = useXRefState();
+    const remote = parent.remote || remoteIn;
+    const url = parent.remote ? urlIn !== null && urlIn !== void 0 ? urlIn : parent.url : urlIn;
+    const dataUrl = parent.remote ? dataUrlIn !== null && dataUrlIn !== void 0 ? dataUrlIn : parent.dataUrl : dataUrlIn;
+    const external = (_a = url === null || url === void 0 ? void 0 : url.startsWith('http')) !== null && _a !== void 0 ? _a : false;
+    const scroll = (e) => {
+        e.preventDefault();
+        if (!htmlId)
+            return;
+        const el = document.getElementById(htmlId);
+        openDetails(el);
+        el === null || el === void 0 ? void 0 : el.scrollIntoView({ behavior: 'smooth' });
+        history.replaceState(undefined, '', `#${htmlId}`);
+    };
+    return (_jsx(HoverPopover, Object.assign({ card: ({ load }) => (_jsx(XRefProvider, Object.assign({ remote: remote, url: url, dataUrl: dataUrl }, { children: _jsx("div", Object.assign({ className: "hover-document w-[500px] sm:max-w-[500px] px-3" }, { children: _jsx(XrefChildren, { load: load, remote: remote, url: url, dataUrl: dataUrl, identifier: identifier }) })) }))) }, { children: _jsxs("span", { children: [remote && external && (_jsx("a", Object.assign({ href: `${url}${htmlId ? `#${htmlId}` : ''}`, target: "_blank", className: "hover-link" }, { children: children }))), remote && !external && (_jsx(Link, Object.assign({ to: `${withBaseurl(url, baseurl)}${htmlId ? `#${htmlId}` : ''}`, prefetch: "intent", className: "hover-link" }, { children: children }))), !remote && (_jsx("a", Object.assign({ href: `#${htmlId}`, onClick: scroll, className: "hover-link" }, { children: children })))] }) })));
+}
+export const CrossReferenceNode = (node, children) => {
+    if (!children) {
+        return (_jsx(InlineError, { value: node.label || node.identifier || 'No Label', message: "Cross Reference Not Found" }, node.key));
+    }
+    const { remote, url, dataUrl, identifier, html_id } = node;
+    return (_jsx(CrossReferenceHover, Object.assign({ identifier: identifier, htmlId: html_id, remote: remote, url: url, dataUrl: dataUrl }, { children: children }), node.key));
+};
+const CROSS_REFERENCE_RENDERERS = {
+    crossReference: CrossReferenceNode,
+};
+export default CROSS_REFERENCE_RENDERERS;

package/dist/esm/dropdown.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import type { NodeRenderer } from '@myst-theme/providers';
+type DropdownSpec = {
+    type: 'details';
+    open?: boolean;
+};
+type SummarySpec = {
+    type: 'summary';
+};
+export declare const SummaryTitle: NodeRenderer<SummarySpec>;
+export declare function Details({ title, children, open, }: {
+    title: React.ReactNode;
+    children: React.ReactNode;
+    open?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export declare const DetailsRenderer: NodeRenderer<DropdownSpec>;
+declare const DROPDOWN_RENDERERS: {
+    details: NodeRenderer<DropdownSpec>;
+    summary: NodeRenderer<SummarySpec>;
+};
+export default DROPDOWN_RENDERERS;
+//# sourceMappingURL=dropdown.d.ts.map

package/dist/esm/dropdown.d.ts.map

@@ -0,0 +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;AAI1D,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,GACL,EAAE;IACD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,2CA4BA;AAED,eAAO,MAAM,eAAe,EAAE,YAAY,CAAC,YAAY,CAOtD,CAAC;AAEF,QAAA,MAAM,kBAAkB;;;CAGvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/esm/dropdown.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import ChevronRightIcon from '@heroicons/react/24/solid/ChevronRightIcon';
+import classNames from 'classnames';
+const iconClass = 'h-8 w-8 inline-block pl-2 mr-2 -translate-y-[1px]';
+export const SummaryTitle = (node, children) => {
+    return children;
+};
+export function Details({ title, children, open, }) {
+    return (_jsxs("details", Object.assign({ className: classNames('rounded-md my-5 shadow dark:shadow-2xl dark:shadow-neutral-900 overflow-hidden', 'bg-gray-50 dark:bg-stone-800'), open: open }, { children: [_jsx("summary", Object.assign({ className: classNames('m-0 text-lg font-medium py-1 min-h-[2em] pl-3', 'cursor-pointer hover:shadow-[inset_0_0_0px_30px_#00000003] dark:hover:shadow-[inset_0_0_0px_30px_#FFFFFF03]', 'bg-gray-100 dark:bg-slate-900') }, { children: _jsxs("span", Object.assign({ className: "text-neutral-900 dark:text-white" }, { children: [_jsx("span", Object.assign({ className: "block float-right font-thin text-sm text-neutral-700 dark:text-neutral-200" }, { children: _jsx(ChevronRightIcon, { className: classNames(iconClass, 'details-toggle', 'transition-transform') }) })), title] })) })), _jsx("div", Object.assign({ className: "px-4 py-1 details-body" }, { children: children }))] })));
+}
+export const DetailsRenderer = (node, children) => {
+    const [title, ...rest] = children;
+    return (_jsx(Details, Object.assign({ title: title, open: node.open }, { children: rest }), node.key));
+};
+const DROPDOWN_RENDERERS = {
+    details: DetailsRenderer,
+    summary: SummaryTitle,
+};
+export default DROPDOWN_RENDERERS;

package/dist/esm/exercise.d.ts

@@ -0,0 +1,22 @@
+import type { Admonition as AdmonitionSpec } from 'myst-spec';
+import React from 'react';
+import type { NodeRenderer } from '@myst-theme/providers';
+type Color = 'gray' | 'blue' | 'green' | 'yellow' | 'orange' | 'red' | 'purple';
+export declare function Callout({ title, color, dropdown, children, identifier, Icon, }: {
+    title?: React.ReactNode;
+    color?: Color;
+    children: React.ReactNode;
+    dropdown?: boolean;
+    identifier?: string;
+    Icon?: (props: {
+        className?: string;
+    }) => JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
+export declare const ExerciseRenderer: NodeRenderer<AdmonitionSpec>;
+export declare const SolutionRenderer: NodeRenderer<AdmonitionSpec>;
+declare const EXERCISE_RENDERERS: {
+    exercise: NodeRenderer<AdmonitionSpec>;
+    solution: NodeRenderer<AdmonitionSpec>;
+};
+export default EXERCISE_RENDERERS;
+//# sourceMappingURL=exercise.d.ts.map

package/dist/esm/exercise.d.ts.map

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

package/dist/esm/exercise.js

@@ -0,0 +1,98 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import ChevronRightIcon from '@heroicons/react/24/solid/ChevronRightIcon';
+import classNames from 'classnames';
+import { HashLink } from './heading';
+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 getColor({ classes = [] }, defaultColor = 'blue') {
+    if (classes.includes('gray'))
+        return { color: 'gray' };
+    if (classes.includes('purple'))
+        return { color: 'purple' };
+    if (classes.includes('yellow'))
+        return { color: 'yellow' };
+    if (classes.includes('orange'))
+        return { color: 'orange' };
+    if (classes.includes('green'))
+        return { color: 'green' };
+    if (classes.includes('red'))
+        return { color: 'red' };
+    if (classes.includes('blue'))
+        return { color: 'blue' };
+    return { color: defaultColor };
+}
+const WrapperElement = ({ id, dropdown, className, children, }) => {
+    if (dropdown)
+        return (_jsx("details", Object.assign({ id: id, className: className }, { children: children })));
+    return (_jsx("aside", Object.assign({ id: id, className: className }, { children: children })));
+};
+const HeaderElement = ({ dropdown, className, children, }) => {
+    if (dropdown)
+        return _jsx("summary", Object.assign({ className: className }, { children: children }));
+    return _jsx("div", Object.assign({ className: className }, { children: children }));
+};
+const iconClass = 'h-8 w-8 inline-block pl-2 mr-2 self-center flex-none';
+export function Callout({ title, color, dropdown, children, identifier, Icon, }) {
+    return (_jsxs(WrapperElement, Object.assign({ id: identifier, dropdown: dropdown, className: classNames('my-5 shadow dark:bg-stone-800 overflow-hidden', 'dark:border-l-4 border-slate-400', {
+            'dark:border-gray-500/60': !color || color === 'gray',
+            'dark:border-blue-500/60': color === 'blue',
+            'dark:border-green-500/60': color === 'green',
+            'dark:border-amber-500/70': color === 'yellow',
+            'dark:border-orange-500/60': color === 'orange',
+            'dark:border-red-500/60': color === 'red',
+            'dark:border-purple-500/60': color === 'purple',
+        }) }, { children: [_jsxs(HeaderElement, Object.assign({ dropdown: dropdown, className: classNames('m-0 font-medium py-2 flex min-w-0', 'text-md', 'border-y dark:border-y-0', {
+                    'bg-gray-50/80 dark:bg-slate-900': !color || color === 'gray',
+                    'bg-blue-50/80 dark:bg-slate-900': color === 'blue',
+                    'bg-green-50/80 dark:bg-slate-900': color === 'green',
+                    'bg-amber-50/80 dark:bg-slate-900': color === 'yellow',
+                    'bg-orange-50/80 dark:bg-slate-900': color === 'orange',
+                    'bg-red-50/80 dark:bg-slate-900': color === 'red',
+                    'bg-purple-50/80 dark:bg-slate-900': color === 'purple',
+                    'cursor-pointer hover:shadow-[inset_0_0_0px_30px_#00000003] dark:hover:shadow-[inset_0_0_0px_30px_#FFFFFF03]': dropdown,
+                }) }, { children: [Icon && (_jsx(Icon, { className: classNames('h-8 w-8 inline-block pl-2 mr-2 self-center flex-none', classNames({
+                            'text-gray-600': !color || color === 'gray',
+                            'text-blue-600': color === 'blue',
+                            'text-green-600': color === 'green',
+                            'text-amber-600': color === 'yellow',
+                            'text-orange-600': color === 'orange',
+                            'text-red-600': color === 'red',
+                            'text-purple-600': color === 'purple',
+                        })) })), _jsx("div", Object.assign({ className: classNames('text-neutral-900 dark:text-white grow self-center overflow-hidden break-words', { 'ml-4': !Icon }, // No icon!
+                        'group') }, { children: title })), dropdown && (_jsx("div", Object.assign({ className: "font-thin text-sm text-neutral-700 dark:text-neutral-200 self-center flex-none" }, { children: _jsx(ChevronRightIcon, { className: classNames(iconClass, 'transition-transform details-toggle') }) })))] })), _jsx("div", Object.assign({ className: classNames('px-4', { 'details-body': dropdown }) }, { children: children }))] })));
+}
+export const ExerciseRenderer = (node, children) => {
+    var _a, _b, _c;
+    if (node.hidden)
+        return null;
+    const [title, ...rest] = (_a = children) !== null && _a !== void 0 ? _a : [];
+    const classes = getClasses(node.class);
+    const { color } = getColor({ classes });
+    const isDropdown = classes.includes('dropdown');
+    const useTitle = ((_c = (_b = node.children) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.type) === 'admonitionTitle';
+    const identifier = node.html_id;
+    const enumerator = node.enumerator;
+    const titleNode = (_jsxs(_Fragment, { children: [_jsxs(HashLink, Object.assign({ id: identifier, kind: "Exercise" }, { children: [node.gate === 'start' && 'Start of ', node.gate === 'end' && 'End of ', "Exercise", enumerator != null && _jsxs(_Fragment, { children: [" ", enumerator] })] })), useTitle && _jsxs(_Fragment, { children: [" (", title, ")"] })] }));
+    return (_jsxs(Callout, Object.assign({ identifier: identifier, title: titleNode, color: color, dropdown: isDropdown }, { children: [!useTitle && title, rest] }), node.key));
+};
+export const SolutionRenderer = (node, children) => {
+    var _a, _b, _c;
+    if (node.hidden)
+        return null;
+    const [title, ...rest] = (_a = children) !== null && _a !== void 0 ? _a : [];
+    const classes = getClasses(node.class);
+    const { color } = getColor({ classes }, 'gray');
+    const isDropdown = classes.includes('dropdown');
+    const useTitle = ((_c = (_b = node.children) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.type) === 'admonitionTitle';
+    const identifier = node.html_id;
+    const titleNode = (_jsxs(_Fragment, { children: [node.gate === 'start' && 'Start of ', node.gate === 'end' && 'End of ', title, _jsx(HashLink, Object.assign({ id: identifier, kind: "Solution", hover: true, hideInPopup: true }, { children: ' #' }))] }));
+    return (_jsxs(Callout, Object.assign({ identifier: identifier, title: useTitle ? titleNode : undefined, color: color, dropdown: isDropdown }, { children: [!useTitle && title, rest] }), node.key));
+};
+const EXERCISE_RENDERERS = {
+    exercise: ExerciseRenderer,
+    solution: SolutionRenderer,
+};
+export default EXERCISE_RENDERERS;

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

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

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

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

package/dist/esm/extensions/chemicalFormula.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Separate numbers and letters so that numbers can be <sub>2</sub>
+ * @param formula a string H2O
+ * @returns ['H', '2', '0']
+ */
+function parseFormula(formula) {
+    return [...(formula !== null && formula !== void 0 ? formula : '')].reduce((acc, letter) => {
+        const last = acc.pop();
+        const isNumber = letter.match(/[0-9]/);
+        const lastIsNumber = last === null || last === void 0 ? void 0 : last.match(/[0-9]/);
+        if (isNumber) {
+            if (lastIsNumber) {
+                return [...acc, `${last !== null && last !== void 0 ? last : ''}${letter}`];
+            }
+            return [...acc, last, letter].filter((v) => !!v);
+        }
+        if (lastIsNumber) {
+            return [...acc, last, letter].filter((v) => !!v);
+        }
+        return [...acc, `${last !== null && last !== void 0 ? last : ''}${letter}`];
+    }, []);
+}
+export const ChemicalFormula = (node) => {
+    const parts = parseFormula(node.value);
+    return (_jsx("code", Object.assign({ className: "text-inherit" }, { children: parts.map((letter, index) => {
+            if (letter.match(/[0-9]/))
+                return _jsx("sub", { children: letter }, index);
+            return _jsx("span", { children: letter }, index);
+        }) }), node.key));
+};
+const CHEM_RENDERERS = {
+    chemicalFormula: ChemicalFormula,
+};
+export default CHEM_RENDERERS;

package/dist/esm/extensions/index.d.ts

@@ -0,0 +1,4 @@
+import type { NodeRenderer } from '@myst-theme/providers';
+declare const EXT_RENDERERS: Record<string, NodeRenderer>;
+export default EXT_RENDERERS;
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/extensions/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/extensions/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAI1D,QAAA,MAAM,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAG/C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/esm/extensions/index.js

@@ -0,0 +1,4 @@
+import CHEM_RENDERERS from './chemicalFormula';
+import SI_RENDERERS from './siunits';
+const EXT_RENDERERS = Object.assign(Object.assign({}, CHEM_RENDERERS), SI_RENDERERS);
+export default EXT_RENDERERS;

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

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

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

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

package/dist/esm/extensions/siunits.js

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

package/dist/esm/footnotes.d.ts

@@ -0,0 +1,8 @@
+import type { NodeRenderer } from '@myst-theme/providers';
+export declare const FootnoteReference: NodeRenderer;
+declare const FOOTNOTE_RENDERERS: {
+    footnoteReference: NodeRenderer<any>;
+    footnoteDefinition: () => null;
+};
+export default FOOTNOTE_RENDERERS;
+//# sourceMappingURL=footnotes.d.ts.map

package/dist/esm/footnotes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"footnotes.d.ts","sourceRoot":"","sources":["../../src/footnotes.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAoB1D,eAAO,MAAM,iBAAiB,EAAE,YAY/B,CAAC;AAEF,QAAA,MAAM,kBAAkB;;;CAIvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/esm/footnotes.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { XRefProvider, useNodeRenderers, useReferences } from '@myst-theme/providers';
+import { useParse } from '.';
+import { select } from 'unist-util-select';
+import { HoverPopover } from './components/HoverPopover';
+function FootnoteDefinition({ identifier }) {
+    var _a, _b;
+    const references = useReferences();
+    const renderers = useNodeRenderers();
+    const node = (_b = (_a = references === null || references === void 0 ? void 0 : references.footnotes) === null || _a === void 0 ? void 0 : _a[identifier]) !== null && _b !== void 0 ? _b : select(`footnoteDefinition[identifier=${identifier}]`, references === null || references === void 0 ? void 0 : references.article);
+    const children = useParse(node, renderers);
+    return (_jsx(XRefProvider, { children: _jsx("div", Object.assign({ className: "hover-document w-[500px] sm:max-w-[500px] px-3" }, { children: children })) }));
+}
+export const FootnoteReference = (node) => {
+    var _a;
+    return (_jsx(HoverPopover, Object.assign({ openDelay: 0, card: _jsx(FootnoteDefinition, { identifier: node.identifier }) }, { children: _jsx("span", { children: _jsxs("sup", Object.assign({ className: "hover-link" }, { children: ["[", (_a = node.number) !== null && _a !== void 0 ? _a : node.identifier, "]"] })) }) }), node.key));
+};
+const FOOTNOTE_RENDERERS = {
+    footnoteReference: FootnoteReference,
+    // Do not render the definitions, they get pulled in by a handler
+    footnoteDefinition: () => null,
+};
+export default FOOTNOTE_RENDERERS;

package/dist/esm/grid.d.ts

@@ -0,0 +1,11 @@
+import type { NodeRenderer } from '@myst-theme/providers';
+type GridSpec = {
+    type: 'grid';
+    columns: number[];
+};
+export declare const GridRenderer: NodeRenderer<GridSpec>;
+declare const GRID_RENDERERS: {
+    grid: NodeRenderer<GridSpec>;
+};
+export default GRID_RENDERERS;
+//# sourceMappingURL=grid.d.ts.map

package/dist/esm/grid.d.ts.map

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