@curvenote/theme-ui 1.0.1

package/dist/components/ui/acknowledgements.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useFrontmatter, useReferences } from '@myst-theme/providers';
+import { copyNode } from 'myst-common';
+import { MyST, HashLink } from 'myst-to-react';
+import { cn } from '../../lib/utils';
+import { extractKnownParts } from '../../lib/knownParts';
+import { PART_IDS } from './types';
+function useAcknowledgements() {
+    const frontmatter = useFrontmatter();
+    const references = useReferences();
+    const tree = copyNode(references?.article ?? { type: 'root', children: [] });
+    const knownParts = extractKnownParts(tree, frontmatter?.parts);
+    return knownParts.acknowledgments;
+}
+export function Acknowledgements({ className }) {
+    const acknowledgements = useAcknowledgements();
+    if (!acknowledgements)
+        return null;
+    return (_jsxs("section", { id: PART_IDS.acknowledgements, className: cn('min-w-full prose dark:prose-invert prose-sm', className), children: [_jsxs("header", { className: "text-lg font-semibold text-stone-900 dark:text-white group", children: ["Acknowledgements", _jsx(HashLink, { id: PART_IDS.acknowledgements, title: "Link to Acknowledgements", hover: true, className: "ml-2" })] }), _jsx("div", { className: cn('pl-3 mb-8 text-sm text-stone-500 dark:text-stone-300'), children: _jsx(MyST, { ast: acknowledgements }) })] }));
+}

package/dist/components/ui/article-actions-downloads.d.ts

@@ -0,0 +1,26 @@
+import type { SiteAction, SiteExport } from 'myst-config';
+/**
+ * triggerDirectDownload - aims to trigger a direct download for the
+ *
+ * @param url - url or resource to download
+ * @param filename - default filename and extension for dialog / system
+ * @returns - true or throws
+ */
+export declare function triggerDirectDownload(url: string, filename?: string): Promise<any>;
+/**
+ * triggerBlobDownload - aims to trigger a direct download for the
+ *
+ * @param blob - blob to download
+ * @param filename - default filename and extension for dialog / system
+ * @returns - true or throws
+ */
+export declare function triggerBlobDownload(blob: Blob, filename?: string): Promise<any>;
+export declare function useDownloads(): {
+    projectExports: SiteExport[];
+    projectDownloads: SiteAction[];
+    articleExports: SiteExport[];
+    articleDownloads: SiteAction[];
+};
+export declare function ArticleDownloadItems(): import("react/jsx-runtime").JSX.Element | null;
+export declare function ArticleExportItems(): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=article-actions-downloads.d.ts.map

package/dist/components/ui/article-actions-downloads.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"article-actions-downloads.d.ts","sourceRoot":"","sources":["../../../src/components/ui/article-actions-downloads.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAI1D;;;;;;GAMG;AACH,wBAAsB,qBAAqB,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,gBAKzE;AAED;;;;;;GAMG;AACH,wBAAsB,mBAAmB,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,MAAM,gBA0BtE;AAoCD,wBAAgB,YAAY;;;;;EAa3B;AAkDD,wBAAgB,oBAAoB,mDAwBnC;AAED,wBAAgB,kBAAkB,mDA0BjC"}

package/dist/components/ui/article-actions-downloads.js

@@ -0,0 +1,143 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { DropdownMenuItem, DropdownMenuSeparator, DropdownMenuLabel } from '.';
+import { useFrontmatter, useProjectManifest, useSiteManifest } from '@myst-theme/providers';
+import { toast } from 'sonner';
+import { File, FileText, FileCode, FileArchive, ScrollText } from 'lucide-react';
+import React from 'react';
+import { BibTeXCitationMenuItem, useShowCitation } from './citation';
+/**
+ * triggerDirectDownload - aims to trigger a direct download for the
+ *
+ * @param url - url or resource to download
+ * @param filename - default filename and extension for dialog / system
+ * @returns - true or throws
+ */
+export async function triggerDirectDownload(url, filename) {
+    const resp = await fetch(url);
+    const blob = await resp.blob();
+    return triggerBlobDownload(blob, filename);
+}
+/**
+ * triggerBlobDownload - aims to trigger a direct download for the
+ *
+ * @param blob - blob to download
+ * @param filename - default filename and extension for dialog / system
+ * @returns - true or throws
+ */
+export async function triggerBlobDownload(blob, filename) {
+    if (window.navigator && window.navigator.msSaveOrOpenBlob)
+        return window.navigator.msSaveOrOpenBlob(blob);
+    const objectUrl = URL.createObjectURL(blob);
+    const a = document.createElement('a');
+    a.href = objectUrl;
+    if (filename)
+        a.download = filename;
+    a.style.display = 'none';
+    a.dispatchEvent(new MouseEvent('click', {
+        bubbles: true,
+        cancelable: true,
+        view: window,
+    }));
+    setTimeout(() => {
+        // For Firefox it is necessary to delay revoking the ObjectURL
+        URL.revokeObjectURL(objectUrl);
+        a.remove();
+    }, 100);
+    return true;
+}
+/**
+ * Get a nice display name for the format
+ */
+function getFormatDisplayName(format) {
+    switch (format.toLowerCase()) {
+        case 'md':
+            return 'Markdown';
+        case 'pdf':
+            return 'PDF';
+        case 'docx':
+            return 'Microsoft Word';
+        case 'xml':
+        case 'jats':
+        case 'jats xml':
+            return 'JATS XML';
+        case 'meca':
+            return 'MECA';
+        case 'bibtex':
+            return 'BibTeX';
+        case 'ipynb':
+            return 'Jupyter Notebook';
+        case 'tex':
+            return 'LaTeX';
+        case 'html':
+            return 'HTML';
+        default:
+            // Capitalize the first letter of each word
+            return format
+                .split(' ')
+                .map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())
+                .join(' ');
+    }
+}
+export function useDownloads() {
+    const project = useProjectManifest();
+    const site = useSiteManifest();
+    const article = useFrontmatter();
+    const legacyActions = site?.actions?.filter((a) => a.title === 'pdf' || a.title === 'paper' || a.title === 'omex') ??
+        [];
+    return {
+        projectExports: project?.exports ?? [],
+        projectDownloads: [...(project?.downloads ?? []), ...(legacyActions ?? [])],
+        articleExports: article?.exports ?? [],
+        articleDownloads: article?.downloads ?? [],
+    };
+}
+async function handleDownload(download) {
+    toast.success(_jsxs(_Fragment, { children: ["Download starting... ", _jsx("br", {}), _jsx("code", { children: download.filename })] }));
+    await triggerDirectDownload(download.url, download.filename).catch((error) => {
+        console.error('Download failed:', error);
+        toast.error('Download failed. Please try again.');
+    });
+}
+const formatIconMap = {
+    pdf: FileText,
+    xml: FileCode,
+    jats: FileCode,
+    meca: FileArchive,
+    omex: FileArchive,
+    tex: ScrollText,
+    typst: ScrollText,
+};
+function getIconForFormat(format) {
+    const lowerFormat = format.toLowerCase();
+    for (const [key, icon] of Object.entries(formatIconMap)) {
+        if (lowerFormat.includes(key)) {
+            return icon;
+        }
+    }
+    return File;
+}
+function renderDownloadItems(downloads) {
+    return downloads.map((download, index) => {
+        const format = download.format || 'unknown';
+        const downloadName = download.title || getFormatDisplayName(format);
+        const icon = getIconForFormat(format);
+        return (_jsxs(DropdownMenuItem, { onClick: () => handleDownload(download), children: [React.createElement(icon, { className: 'mr-2 h-4 w-4' }), downloadName] }, index));
+    });
+}
+export function ArticleDownloadItems() {
+    const { projectDownloads, articleDownloads } = useDownloads();
+    const hasProjectDownloads = projectDownloads.length > 0;
+    const hasArticleDownloads = articleDownloads.length > 0;
+    if (!hasProjectDownloads && !hasArticleDownloads)
+        return null;
+    return (_jsxs(_Fragment, { children: [hasProjectDownloads && (_jsxs(_Fragment, { children: [renderDownloadItems(projectDownloads), hasArticleDownloads && _jsx(DropdownMenuSeparator, {})] })), hasArticleDownloads && (_jsxs(_Fragment, { children: [_jsx(DropdownMenuLabel, { children: "Page Downloads" }), renderDownloadItems(articleDownloads)] }))] }));
+}
+export function ArticleExportItems() {
+    const { projectExports, articleExports } = useDownloads();
+    const showCitation = useShowCitation();
+    const hasProjectExports = projectExports.length > 0;
+    const hasArticleExports = articleExports.length > 0;
+    if (!hasProjectExports && !hasArticleExports)
+        return null;
+    return (_jsxs(_Fragment, { children: [(hasProjectExports || showCitation) && (_jsxs(_Fragment, { children: [renderDownloadItems(projectExports), showCitation && _jsx(BibTeXCitationMenuItem, {}), hasArticleExports && _jsx(DropdownMenuSeparator, {})] })), hasArticleExports && (_jsxs(_Fragment, { children: [_jsx(DropdownMenuLabel, { children: "Page Exports" }), renderDownloadItems(articleExports)] }))] }));
+}

package/dist/components/ui/article-actions-dropdown.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare function ArticleActionsDropdown({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=article-actions-dropdown.d.ts.map

package/dist/components/ui/article-actions-dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"article-actions-dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/ui/article-actions-dropdown.tsx"],"names":[],"mappings":"AAqCA,OAAO,KAAK,MAAM,OAAO,CAAC;AAiD1B,wBAAgB,sBAAsB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CAmLjF"}

package/dist/components/ui/article-actions-dropdown.js

@@ -0,0 +1,68 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, Badge, } from '.';
+import { Citation } from './citation';
+import { useFrontmatter, useProjectManifest } from '@myst-theme/providers';
+import { toast } from 'sonner';
+import { doi } from 'doi-utils';
+import { Download, Quote, Copy, Rocket, Pencil, Clock, BlocksIcon, Share, Sun, Moon, Monitor, FolderCode, FileText, } from 'lucide-react';
+import { ArticleDownloadItems, ArticleExportItems, useDownloads, triggerDirectDownload, } from './article-actions-downloads';
+import React from 'react';
+import { ArticleActionsShare } from './article-actions-share';
+import { useTheme } from 'next-themes';
+const mockVersions = [
+    {
+        number: 2,
+        date: '2025-03-17',
+        description: 'Fixed a bug in the notebook that was causing the notebook to not run correctly.',
+    },
+    {
+        number: 1,
+        date: '2025-03-10',
+        description: '',
+    },
+];
+function formatDate(dateStr) {
+    return new Date(dateStr).toLocaleDateString('en-US', {
+        month: 'short',
+        day: 'numeric',
+        year: 'numeric',
+    });
+}
+function ArticleVersionList({ versions }) {
+    return (_jsx(_Fragment, { children: versions.map((v) => (_jsx(DropdownMenuItem, { children: _jsxs("div", { className: "flex flex-col", children: [_jsxs("div", { className: "flex items-center", children: [_jsxs("span", { className: "mr-4 font-mono text-muted-foreground", children: ["v", v.number] }), _jsx("span", { children: formatDate(v.date) }), _jsx("span", { className: "flex-1" }), v.number === 2 && _jsx(Badge, { variant: "outline", children: "Current" })] }), v.description && (_jsx("div", { className: "mt-1 max-w-xs text-xs leading-snug text-muted-foreground", children: v.description }))] }) }, v.number))) }));
+}
+export function ArticleActionsDropdown({ children }) {
+    const project = useProjectManifest();
+    const article = useFrontmatter();
+    const { projectDownloads, articleDownloads, projectExports, articleExports } = useDownloads();
+    const { theme, setTheme } = useTheme();
+    const allDownloads = [...projectDownloads, ...articleDownloads];
+    const hasDownloads = allDownloads.length > 0;
+    const hasExports = projectExports.length > 0 || articleExports.length > 0;
+    // Check if there's only one download and it's a PDF
+    const hasSinglePdfDownload = allDownloads.length === 1 &&
+        (allDownloads[0]?.format?.toLowerCase() === 'pdf' ||
+            allDownloads[0]?.url?.toLowerCase().endsWith('.pdf'));
+    const singlePdfDownload = hasSinglePdfDownload ? allDownloads[0] : null;
+    const handleSinglePdfDownload = async () => {
+        if (!singlePdfDownload)
+            return;
+        toast.success(_jsxs(_Fragment, { children: ["Download starting... ", _jsx("br", {}), _jsx("code", { children: singlePdfDownload.filename })] }));
+        await triggerDirectDownload(singlePdfDownload.url, singlePdfDownload.filename).catch((error) => {
+            console.error('Download failed:', error);
+            toast.error('Download failed. Please try again.');
+        });
+    };
+    const doiString = doi.buildUrl(project?.doi);
+    const handleCopyDOI = () => {
+        if (doiString) {
+            navigator.clipboard.writeText(doiString);
+            toast.success(_jsxs("div", { children: ["DOI copied to clipboard: ", _jsx("br", {}), _jsx("a", { href: doiString, children: doiString })] }));
+        }
+    };
+    return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: children }), _jsxs(DropdownMenuContent, { className: "w-56", align: "end", children: [_jsx(DropdownMenuLabel, { children: "Article Actions" }), _jsx(DropdownMenuSeparator, {}), hasSinglePdfDownload && singlePdfDownload ? (_jsxs(DropdownMenuItem, { onClick: handleSinglePdfDownload, children: [_jsx(FileText, { className: "mr-2 w-4 h-4" }), "Download PDF"] })) : (hasDownloads && (_jsxs(DropdownMenuSub, { children: [_jsxs(DropdownMenuSubTrigger, { children: [_jsx(Download, { className: "mr-4 w-4 h-4" }), "Download"] }), _jsx(DropdownMenuSubContent, { children: _jsx(ArticleDownloadItems, {}) })] }))), hasExports && (_jsxs(DropdownMenuSub, { children: [_jsxs(DropdownMenuSubTrigger, { children: [_jsx(FolderCode, { className: "mr-4 w-4 h-4" }), "Exports"] }), _jsx(DropdownMenuSubContent, { children: _jsx(ArticleExportItems, {}) })] })), _jsx(Citation, { children: _jsxs(DropdownMenuItem, { onSelect: (e) => e.preventDefault(), children: [_jsx(Quote, { className: "mr-2 w-4 h-4" }), "Cite Article"] }) }), _jsxs(DropdownMenuSub, { children: [_jsxs(DropdownMenuSubTrigger, { children: [_jsx(Share, { className: "mr-4 w-4 h-4" }), "Share"] }), _jsx(DropdownMenuSubContent, { children: _jsx(ArticleActionsShare, { title: article?.title || '' }) })] }), project?.github && (_jsx(DropdownMenuItem, { asChild: true, children: _jsxs("a", { href: project.github, target: "_blank", rel: "noopener noreferrer", children: [_jsx(BlocksIcon, { className: "mr-2 w-4 h-4" }), "GitHub Repository"] }) })), doiString && (_jsxs(DropdownMenuItem, { onClick: handleCopyDOI, children: [_jsx(Copy, { className: "mr-2 w-4 h-4" }), "Copy DOI"] })), _jsx(DropdownMenuSeparator, {}), article?.edit_url && (_jsx(DropdownMenuItem, { asChild: true, children: _jsxs("a", { href: article?.edit_url, target: "_blank", rel: "noopener noreferrer", children: [_jsx(Pencil, { className: "mr-2 w-4 h-4" }), article?.edit_url?.includes('github.com')
+                                    ? 'Edit in GitHub'
+                                    : article?.edit_url?.includes('gitlab')
+                                        ? 'Edit in GitLab'
+                                        : 'Edit source'] }) })), _jsxs(DropdownMenuSub, { children: [_jsxs(DropdownMenuSubTrigger, { children: [theme === 'dark' ? (_jsx(Sun, { className: "mr-2 w-4 h-4" })) : (_jsx(Moon, { className: "mr-2 w-4 h-4" })), "Theme"] }), _jsxs(DropdownMenuSubContent, { children: [_jsxs(DropdownMenuItem, { onClick: () => setTheme('light'), children: [_jsx(Sun, { className: "mr-2 w-4 h-4" }), "Light"] }), _jsxs(DropdownMenuItem, { onClick: () => setTheme('dark'), children: [_jsx(Moon, { className: "mr-2 w-4 h-4" }), "Dark"] }), _jsxs(DropdownMenuItem, { onClick: () => setTheme('system'), children: [_jsx(Monitor, { className: "mr-2 w-4 h-4" }), "System"] })] })] })] })] }));
+}

package/dist/components/ui/article-actions-share.d.ts

@@ -0,0 +1,5 @@
+export declare function ArticleActionsShare({ url, title }: {
+    url?: string;
+    title: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=article-actions-share.d.ts.map

package/dist/components/ui/article-actions-share.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"article-actions-share.d.ts","sourceRoot":"","sources":["../../../src/components/ui/article-actions-share.tsx"],"names":[],"mappings":"AAwDA,wBAAgB,mBAAmB,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE;IAAE,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,2CAyBlF"}

package/dist/components/ui/article-actions-share.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { useEffect, useState } from 'react';
+import { DropdownMenuItem } from '.';
+import { BlueskyIcon, 
+// RedditIcon,
+// FacebookIcon,
+LinkedinIcon, XIcon, EmailIcon, } from '@scienceicons/react/24/solid';
+const SHARE_OPTIONS = [
+    {
+        name: 'Bluesky',
+        Icon: BlueskyIcon,
+        getUrl: (url, title) => `https://bsky.app/intent/compose?text=${encodeURIComponent(title + ' ' + url)}`,
+    },
+    // {
+    //   name: 'Reddit',
+    //   Icon: RedditIcon,
+    //   getUrl: (url: string, title: string) =>
+    //     `https://www.reddit.com/submit?url=${encodeURIComponent(url)}&title=${encodeURIComponent(
+    //       title,
+    //     )}`,
+    // },
+    // {
+    //   name: 'Facebook',
+    //   Icon: FacebookIcon,
+    //   getUrl: (url: string) =>
+    //     `https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(url)}`,
+    // },
+    {
+        name: 'Linkedin',
+        Icon: LinkedinIcon,
+        getUrl: (url, title) => `https://www.linkedin.com/shareArticle?url=${encodeURIComponent(url)}&title=${encodeURIComponent(title)}`,
+    },
+    {
+        name: '𝕏',
+        Icon: XIcon,
+        getUrl: (url, title) => `https://twitter.com/intent/tweet?text=${encodeURIComponent(title)}&url=${encodeURIComponent(url)}`,
+    },
+    {
+        name: 'Email',
+        Icon: EmailIcon,
+        getUrl: (url, title) => `mailto:?subject=${encodeURIComponent(title)}&body=${encodeURIComponent(url)}`,
+    },
+];
+export function ArticleActionsShare({ url, title }) {
+    const [shareUrl, setShareUrl] = useState(url || '');
+    useEffect(() => {
+        if (!url) {
+            setShareUrl(window.location.href);
+        }
+    }, [url]);
+    return (_jsx(_Fragment, { children: SHARE_OPTIONS.map(({ name, Icon, getUrl }) => (_jsx(DropdownMenuItem, { asChild: true, children: _jsxs("a", { href: getUrl(shareUrl, title), target: "_blank", rel: "noopener noreferrer", "aria-label": `Share on ${name}`, children: [_jsx(Icon, { className: "mr-2 h-4 w-4" }), name] }) }, name))) }));
+}

package/dist/components/ui/article-actions.d.ts

@@ -0,0 +1,2 @@
+export declare function ArticleActions(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=article-actions.d.ts.map

package/dist/components/ui/article-actions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"article-actions.d.ts","sourceRoot":"","sources":["../../../src/components/ui/article-actions.tsx"],"names":[],"mappings":"AASA,wBAAgB,cAAc,4CAqE7B"}

package/dist/components/ui/article-actions.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, SimpleTooltip } from '.';
+import { QuoteIcon, EllipsisVerticalIcon, SearchIcon, FileDown } from 'lucide-react';
+import { Citation } from './citation';
+import { ArticleActionsDropdown } from './article-actions-dropdown';
+import { useDownloads } from './article-actions-downloads';
+import { SearchDialog } from './search';
+import { useDesign } from '../providers';
+import { useBaseurl, withBaseurl } from '@myst-theme/providers';
+export function ArticleActions() {
+    const { projectDownloads, articleDownloads } = useDownloads();
+    const design = useDesign();
+    const baseurl = useBaseurl();
+    // Combine all downloads for PDF search
+    const allDownloads = [...projectDownloads, ...articleDownloads];
+    // Find PDF download
+    const pdfDownload = allDownloads.find((download) => download.format?.toLowerCase() === 'pdf' || download.url?.toLowerCase().endsWith('.pdf'));
+    const pdfDownloadUrl = baseurl ? withBaseurl('.pdf', baseurl) : pdfDownload?.url;
+    return (_jsxs("div", { className: "flex gap-2 items-center", children: [!design.hide_search && (_jsx(SearchDialog, { children: _jsx(SimpleTooltip, { title: "Search", children: _jsx(Button, { variant: "outline", size: "icon", "aria-label": "Search", asChild: true, children: _jsx("div", { children: _jsx(SearchIcon, {}) }) }) }) })), pdfDownload && (_jsx(SimpleTooltip, { title: "Download PDF", children: _jsx(Button, { variant: "outline", className: "cursor-pointer", size: "icon", "aria-label": "Download PDF", asChild: true, children: _jsx("a", { href: pdfDownloadUrl, target: "_blank", rel: "noopener noreferrer", children: _jsx(FileDown, {}) }) }) })), _jsx(Citation, { children: _jsx(SimpleTooltip, { title: "Cite this article", children: _jsx(Button, { variant: "outline", className: "cursor-pointer", size: "icon", "aria-label": "Cite this article", children: _jsx(QuoteIcon, {}) }) }) }), _jsx(ArticleActionsDropdown, { children: _jsx(Button, { variant: "ghost", size: "icon", className: "cursor-pointer", children: _jsx(EllipsisVerticalIcon, {}) }) })] }));
+}

package/dist/components/ui/article-bar.d.ts

@@ -0,0 +1,8 @@
+export declare function AuthorsList({ source }: {
+    source?: 'project' | 'article';
+}): import("react/jsx-runtime").JSX.Element | null;
+export declare function ArticleBar({ source, sticky, }: {
+    source?: 'project' | 'article';
+    sticky?: 'top' | 'bottom';
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=article-bar.d.ts.map

package/dist/components/ui/article-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"article-bar.d.ts","sourceRoot":"","sources":["../../../src/components/ui/article-bar.tsx"],"names":[],"mappings":"AA6BA,wBAAgB,WAAW,CAAC,EAAE,MAAkB,EAAE,EAAE;IAAE,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;CAAE,kDAcrF;AAED,wBAAgB,UAAU,CAAC,EACzB,MAAkB,EAClB,MAAM,GACP,EAAE;IACD,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC/B,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;CAC3B,2CAmCA"}

package/dist/components/ui/article-bar.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AuthorPopover } from './author-popover';
+import { DateString, DoiLink, EmailLink, OpenAccessBadge, OrcidBadge } from './frontmatter-badges';
+import { LicenseBadges } from './license-frontmatter';
+import { ArticleActions } from './article-actions';
+import { useFrontmatter, useProjectManifest } from '@myst-theme/providers';
+import { cn } from '@curvenote/react-utils';
+function AuthorsPopoverList({ authors = [], affiliations = [], }) {
+    return (_jsx("div", { className: "flex flex-row flex-wrap gap-x-2", children: authors.map((author, idx) => (_jsxs("div", { className: "flex items-center", children: [_jsx(AuthorPopover, { author: author, affiliations: affiliations }), author.corresponding && _jsx(EmailLink, { email: author.email }), author.orcid && _jsx(OrcidBadge, { orcid: author.orcid, className: "ml-1" }), idx < authors.length - 1 && _jsx("span", { className: "text-muted-foreground", children: "," })] }, author.orcid || author.email || idx))) }));
+}
+export function AuthorsList({ source = 'article' }) {
+    const project = useProjectManifest();
+    const page = useFrontmatter();
+    const frontmatter = source === 'project' ? project : page;
+    if (!frontmatter?.authors ||
+        !Array.isArray(frontmatter?.authors) ||
+        frontmatter?.authors.length == 0) {
+        return null;
+    }
+    return (_jsx(AuthorsPopoverList, { authors: frontmatter.authors, affiliations: frontmatter.affiliations }));
+}
+export function ArticleBar({ source = 'article', sticky, }) {
+    const project = useProjectManifest();
+    const page = useFrontmatter();
+    const frontmatter = source === 'project' ? project : page;
+    return (_jsx("div", { className: cn('my-4 pointer-events-none', {
+            'sticky top-0 pb-4': sticky === 'top',
+            'sticky bottom-0 pt-4': sticky === 'bottom',
+            // Add a full-width gradient fade-in pseudo element when sticky bottom
+            'before:absolute before:top-0 before:left-0 before:w-full before:h-4 before:pointer-events-none before:z-[-1] before:content-[""] before:bg-gradient-to-t before:from-background before:to-transparent': sticky === 'bottom',
+        }), children: _jsxs("div", { className: cn('bg-background flex flex-col items-center py-3 sm:flex-row border-y border-border', 'pointer-events-auto'), children: [_jsx("div", { className: "flex flex-col flex-1 gap-1", children: _jsxs("div", { className: "flex gap-1 items-center mb-2 font-sans text-sm text-muted-foreground", children: [frontmatter?.date && (_jsx(DateString, { date: frontmatter?.date, spacer: !!frontmatter?.doi })), frontmatter?.doi && _jsx(DoiLink, { doi: frontmatter?.doi }), _jsx(LicenseBadges, { license: frontmatter?.license }), _jsx(OpenAccessBadge, { open_access: frontmatter?.open_access })] }) }), _jsx(ArticleActions, {})] }) }));
+}

package/dist/components/ui/article-card.d.ts

@@ -0,0 +1,12 @@
+import type { WorkVersionDTO } from '@curvenote/common';
+interface ArticleCardProps {
+    to: string;
+    article: Partial<Pick<WorkVersionDTO, 'id' | 'title' | 'description' | 'authors' | 'date' | 'collection' | 'doi' | 'links'>>;
+    showThumbnails: boolean;
+    showAuthors?: boolean;
+    showDoi?: boolean;
+    showDate?: boolean;
+}
+export declare function ArticleCard({ to, article, showThumbnails, showAuthors, showDoi, showDate, }: ArticleCardProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=article-card.d.ts.map

package/dist/components/ui/article-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"article-card.d.ts","sourceRoot":"","sources":["../../../src/components/ui/article-card.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGxD,UAAU,gBAAgB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,OAAO,CACd,IAAI,CACF,cAAc,EACd,IAAI,GAAG,OAAO,GAAG,aAAa,GAAG,SAAS,GAAG,MAAM,GAAG,YAAY,GAAG,KAAK,GAAG,OAAO,CACrF,CACF,CAAC;IACF,cAAc,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAC1B,EAAE,EACF,OAAO,EACP,cAAc,EACd,WAAW,EACX,OAAe,EACf,QAAgB,GACjB,EAAE,gBAAgB,2CAmGlB"}

package/dist/components/ui/article-card.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Link } from 'react-router';
+import { buildUrl } from 'doi-utils';
+import { CurvenoteIcon } from '@scienceicons/react/24/solid';
+import { useImageLoad } from '../../hooks';
+export function ArticleCard({ to, article, showThumbnails, showAuthors, showDoi = false, showDate = false, }) {
+    const { imageLoaded, showPlaceholder, imgRef, handleImageLoad } = useImageLoad({
+        src: article.links?.thumbnail || '',
+        minDelay: 300,
+    });
+    return (_jsx(Link, { to: to, className: "block no-underline group hover:no-underline", prefetch: "intent", children: _jsx("article", { className: "overflow-hidden font-sans rounded-sm border transition-shadow border-gray-200/50 hover:shadow-md not-prose", children: _jsxs("div", { className: "flex", children: [showThumbnails && article.links?.thumbnail && (_jsxs("div", { className: "hidden relative flex-shrink-0 w-40 sm:block lg:w-50 xl:w-60", children: [_jsx("div", { className: "absolute inset-0 bg-center bg-no-repeat bg-cover transition-opacity duration-750", style: {
+                                    backgroundImage: imageLoaded ? `url(${article.links.thumbnail})` : 'none',
+                                    opacity: imageLoaded ? 1 : 0,
+                                } }), showPlaceholder && (_jsx("div", { className: "flex relative justify-center items-center h-full bg-gray-100 dark:bg-gray-800", children: _jsx(CurvenoteIcon, { className: "fill-gray-200 dark:fill-gray-900", height: 60, width: 60 }) })), _jsx("img", { ref: imgRef, src: article.links.thumbnail, className: "hidden", onLoad: handleImageLoad })] })), _jsxs("div", { className: "flex-1 p-6 min-w-0", children: [_jsx("div", { className: "mb-2 text-lg text-foreground", children: _jsx("span", { className: "transition-colors group-hover:text-blue-800 dark:group-hover:text-blue-500", children: article.title }) }), article.description && (_jsx("p", { className: "mb-3 text-sm font-light text-muted-foreground line-clamp-2", children: article.description })), _jsxs("div", { className: "flex flex-wrap gap-4 items-center text-xs font-light text-muted-foreground", children: [showAuthors && article.authors && article.authors.length > 0 && (_jsx("div", { className: "flex items-center", children: _jsx("span", { children: article.authors.length <= 3 ? (article.authors.map((author, index) => (_jsxs("span", { children: [author.name, index < (article.authors?.length ?? 0) - 1
+                                                        ? index === (article.authors?.length ?? 0) - 2
+                                                            ? `${(article.authors?.length ?? 0) > 2 ? ',' : ''} and `
+                                                            : ', '
+                                                        : ''] }, index)))) : (_jsxs(_Fragment, { children: [article.authors
+                                                        .slice(0, 3)
+                                                        .map((a) => a.name)
+                                                        .join(', '), ' et al.'] })) }) })), showDate && article.date && (_jsx("div", { className: "flex items-center", children: _jsx("span", { children: new Date(article.date).toLocaleDateString() }) })), showDoi && article.doi && (_jsx("div", { className: "flex items-center", children: _jsx("span", { children: buildUrl(article.doi) }) }))] })] })] }) }) }));
+}

package/dist/components/ui/article-footer.d.ts

@@ -0,0 +1,2 @@
+export declare function ArticleFooter(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=article-footer.d.ts.map

package/dist/components/ui/article-footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"article-footer.d.ts","sourceRoot":"","sources":["../../../src/components/ui/article-footer.tsx"],"names":[],"mappings":"AAGA,wBAAgB,aAAa,4CAc5B"}

package/dist/components/ui/article-footer.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { JournalFooter } from '@curvenote/footers';
+import { Backmatter, useBackmatter } from './backmatter';
+export function ArticleFooter() {
+    const backmatter = useBackmatter();
+    return (_jsxs("footer", { className: "mt-10", children: [backmatter && (_jsx("div", { className: "py-10 w-full border-t bg-stone-50/10", children: _jsx("section", { className: "px-2 max-w-full lg:max-w-screen-lg lg:mx-auto md:px-4", children: _jsx(Backmatter, {}) }) })), _jsx(JournalFooter, { className: "mt-0 bg-stone-800", brandFooter: null })] }));
+}

package/dist/components/ui/author-popover.d.ts

@@ -0,0 +1,7 @@
+import type { PageFrontmatter } from 'myst-frontmatter';
+export declare function AuthorPopover({ author, affiliations, className, }: {
+    author: Required<PageFrontmatter>['authors'][0];
+    affiliations: PageFrontmatter['affiliations'];
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=author-popover.d.ts.map

package/dist/components/ui/author-popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"author-popover.d.ts","sourceRoot":"","sources":["../../../src/components/ui/author-popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAsBxD,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,YAAY,EACZ,SAAS,GACV,EAAE;IACD,MAAM,EAAE,QAAQ,CAAC,eAAe,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;IAChD,YAAY,EAAE,eAAe,CAAC,cAAc,CAAC,CAAC;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CAkGA"}

package/dist/components/ui/author-popover.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Popover, PopoverContent, PopoverTrigger, SimpleTooltip } from '.';
+import { cn } from '../../lib/utils';
+import { PopoverArrow } from '@radix-ui/react-popover';
+import { Copy } from 'lucide-react';
+import { toast } from 'sonner';
+function Affiliation({ affiliations, affiliationId, }) {
+    const affiliation = affiliations?.find((a) => a.id === affiliationId);
+    if (!affiliation) {
+        // Fallback to showing the ID (for some earlier data)
+        return _jsx("div", { className: "text-xs text-muted-foreground", children: affiliationId });
+    }
+    return _jsx("div", { className: "text-xs text-muted-foreground", children: affiliation.name });
+}
+export function AuthorPopover({ author, affiliations, className, }) {
+    const handleCopyEmail = () => {
+        if (author.email) {
+            navigator.clipboard.writeText(author.email);
+            toast.success('Email copied to clipboard');
+        }
+    };
+    const handleCopyOrcid = () => {
+        if (author.orcid) {
+            navigator.clipboard.writeText(author.orcid);
+            toast.success('ORCID copied to clipboard');
+        }
+    };
+    return (_jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx("button", { className: cn('cursor-pointer hover:underline text-[15px]', className), type: "button", children: author.nameParsed
+                        ? `${author.nameParsed?.given} ${author.nameParsed?.family}`
+                        : author.name }) }), _jsxs(PopoverContent, { className: "p-4 w-80", onOpenAutoFocus: (event) => {
+                    // This stops the popover from automatically focusing on the first input, the tooltip, when it opens
+                    event.preventDefault();
+                }, children: [_jsx("div", { className: "mb-1 text-base font-semibold", children: author.nameParsed
+                            ? `${author.nameParsed?.given} ${author.nameParsed?.family}`
+                            : author.name }), author.email && (_jsxs("div", { className: "flex gap-1 items-center mb-1 text-xs text-muted-foreground", children: [_jsx("span", { className: "font-medium", children: "Email:" }), ' ', _jsx("a", { href: `mailto:${author.email}`, target: "_blank", rel: "noopener noreferrer", className: "underline", children: author.email }), _jsx(SimpleTooltip, { title: "Copy email address", children: _jsx(Button, { onClick: handleCopyEmail, variant: "ghost", size: "xs", children: _jsx(Copy, {}) }) })] })), author.orcid && (_jsxs("div", { className: "flex gap-1 items-center mb-1 text-xs text-muted-foreground", children: [_jsx("span", { className: "font-medium", children: "ORCID:" }), ' ', _jsx("a", { href: `https://orcid.org/${author.orcid}`, target: "_blank", rel: "noopener noreferrer", className: "underline", children: author.orcid }), _jsx(SimpleTooltip, { title: "Copy ORCID", children: _jsx(Button, { onClick: handleCopyOrcid, variant: "ghost", size: "xs", children: _jsx(Copy, {}) }) })] })), author.affiliations && author.affiliations.length > 0 && (_jsxs("div", { className: "mb-1", children: [_jsx("span", { className: "text-xs font-medium", children: "Affiliations:" }), _jsx("div", { className: "ml-2 flex flex-col gap-0.5", children: author.affiliations.map((affiliationId) => (_jsx(Affiliation, { affiliations: affiliations, affiliationId: affiliationId }, affiliationId))) })] })), author.roles && author.roles.length > 0 && (_jsxs("div", { className: "mt-2 text-xs", children: [_jsx("span", { className: "font-medium", children: "Roles:" }), " ", author.roles.join(', ')] })), _jsx(PopoverArrow, { className: "fill-gray-200" })] })] }));
+}

package/dist/components/ui/backmatter.d.ts

@@ -0,0 +1,9 @@
+import type { GenericParent } from 'myst-common';
+import type { PageFrontmatterWithDownloads } from '@myst-theme/common';
+export declare function useBackmatter({ mdast, frontmatter, }?: {
+    mdast?: GenericParent;
+    frontmatter?: PageFrontmatterWithDownloads;
+}): boolean;
+export declare function Backmatter(): import("react/jsx-runtime").JSX.Element | null;
+export default Backmatter;
+//# sourceMappingURL=backmatter.d.ts.map

package/dist/components/ui/backmatter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"backmatter.d.ts","sourceRoot":"","sources":["../../../src/components/ui/backmatter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAa,aAAa,EAAE,MAAM,aAAa,CAAC;AAQ5D,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,oBAAoB,CAAC;AAkCvE,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,WAAW,GACZ,GAAE;IACD,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,WAAW,CAAC,EAAE,4BAA4B,CAAC;CACvC,GAAG,OAAO,CAiBf;AAED,wBAAgB,UAAU,mDAczB;AAED,eAAe,UAAU,CAAC"}

package/dist/components/ui/backmatter.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useFrontmatter, useReferences } from '@myst-theme/providers';
+import { Abbreviations } from './abbreviations';
+import { Bibliography } from './bibliography';
+import { Footnotes } from './footnotes';
+import { Acknowledgements } from './acknowledgements';
+import { DataAvailability } from './data-availability';
+import { selectAll } from 'unist-util-select';
+import { extractKnownParts } from '../../lib/knownParts';
+import { copyNode } from 'myst-common';
+import { LicenseDescription } from './license-description';
+import { PART_IDS } from './types';
+function getTrees(mdast, parts) {
+    return [mdast, ...Object.values(parts ?? {}).map((part) => part.mdast)].filter(Boolean);
+}
+function hasFootnotes(trees) {
+    return trees.some((part) => selectAll('footnoteReference', part).length > 0);
+}
+function hasAbbreviations(frontmatter, trees) {
+    return ((Object.keys(frontmatter?.abbreviations ?? {}).length > 0 ||
+        trees?.some((part) => selectAll('abbreviation', part).length > 0)) ??
+        false);
+}
+function hasBibliography(cite) {
+    return Object.keys(cite?.data ?? 0).length > 0;
+}
+export function useBackmatter({ mdast, frontmatter, } = {}) {
+    const references = useReferences();
+    const pageFrontmatter = useFrontmatter();
+    const page = mdast ?? references?.article;
+    const parts = (frontmatter ?? pageFrontmatter)?.parts;
+    const trees = getTrees(page, parts);
+    const footnotes = hasFootnotes(trees);
+    const abbreviations = hasAbbreviations(frontmatter, trees);
+    const bibliography = hasBibliography(references?.cite);
+    // Check for acknowledgements and data availability
+    const tree = copyNode(page || { type: 'root', children: [] });
+    const knownParts = page ? extractKnownParts(tree, parts) : null;
+    const acknowledgements = !!knownParts?.acknowledgments;
+    const dataAvailability = !!knownParts?.data_availability;
+    return footnotes || abbreviations || bibliography || acknowledgements || dataAvailability;
+}
+export function Backmatter() {
+    const hasBackmatter = useBackmatter();
+    if (!hasBackmatter)
+        return null;
+    return (_jsxs(_Fragment, { children: [_jsx("div", { id: PART_IDS.skip_to_backmatter }), _jsx(Acknowledgements, {}), _jsx(DataAvailability, {}), _jsx(LicenseDescription, {}), _jsx(Footnotes, {}), _jsx(Abbreviations, {}), _jsx(Bibliography, {})] }));
+}
+export default Backmatter;

package/dist/components/ui/badge.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<'span'> & VariantProps<typeof badgeVariants> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export { Badge, badgeVariants };
+//# sourceMappingURL=badge.d.ts.map

package/dist/components/ui/badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/ui/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,aAAa;;8EAiBlB,CAAC;AAEF,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,OAAO,EACP,OAAe,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,2CAM3F;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}