@curvenote/theme-ui 2.0.1 → 2.0.2

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

@@ -1,18 +1,18 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, Badge, } from '.';
-import { Citation } from './citation';
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, Badge, } from './index.js';
+import { Citation } from './citation.js';
 import { useFrontmatter, useProjectManifest } from '@myst-theme/providers';
 import { toast } from 'sonner';
 import { doi } from 'doi-utils';
 import { Download, Quote, Copy, Pencil, Clock, BlocksIcon, Share, Sun, Moon, Monitor, FolderCode, FileText, Scale, } from 'lucide-react';
-import { ArticleDownloadItems, ArticleExportItems, useDownloads, triggerDirectDownload, } from './article-actions-downloads';
+import { ArticleDownloadItems, ArticleExportItems, useDownloads, triggerDirectDownload, } from './article-actions-downloads.js';
 import React from 'react';
-import { ArticleActionsShare, useVisibleShareOptions } from './article-actions-share';
+import { ArticleActionsShare, useVisibleShareOptions } from './article-actions-share.js';
 import { useTheme } from 'next-themes';
-import { useAnalytics, useDesign } from '../providers';
-import { useArticleVersions } from '../providers/article-versions-provider';
-import { HashLink } from './hash-link';
-import { PART_IDS } from './types';
+import { useAnalytics, useDesign } from '../providers/index.js';
+import { useArticleVersions } from '../providers/article-versions-provider.js';
+import { HashLink } from './hash-link.js';
+import { PART_IDS } from './types.js';
 function formatDate(dateStr) {
     return new Date(dateStr).toLocaleDateString('en-US', {
         month: 'short',
@@ -107,7 +107,7 @@ export function ArticleActionsDropdown({ children, onOpenChange, }) {
         article?.license ||
         article?.open_access ||
         article?.copyright);
-    return (_jsxs(DropdownMenu, { onOpenChange: onOpenChange, children: [_jsx(DropdownMenuTrigger, { asChild: true, children: children }), _jsxs(DropdownMenuContent, { className: "w-56", align: "end", children: [_jsx(DropdownMenuLabel, { children: "Article Actions" }), _jsx(DropdownMenuSeparator, {}), hasSinglePdfDownload && singlePdfDownload ? (link_downloads ? (_jsx(DropdownMenuItem, { asChild: true, children: _jsxs("a", { href: singlePdfDownload.url, download: singlePdfDownload.filename, target: "_blank", rel: "noopener noreferrer", onClick: () => capture('article_download', {
+    return (_jsxs(DropdownMenu, { onOpenChange: onOpenChange, children: [_jsx(DropdownMenuTrigger, { asChild: true, children: children }), _jsxs(DropdownMenuContent, { className: "w-56 font-ui", align: "end", children: [_jsx(DropdownMenuLabel, { children: "Article Actions" }), _jsx(DropdownMenuSeparator, {}), hasSinglePdfDownload && singlePdfDownload ? (link_downloads ? (_jsx(DropdownMenuItem, { asChild: true, children: _jsxs("a", { href: singlePdfDownload.url, download: singlePdfDownload.filename, target: "_blank", rel: "noopener noreferrer", onClick: () => capture('article_download', {
                                 action: 'clicked',
                                 category: 'download',
                                 format: 'pdf',

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"article-actions-share.d.ts","sourceRoot":"","sources":["../../../src/components/ui/article-actions-share.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAavD,KAAK,gBAAgB,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,GAAG,GAAG,OAAO,CAAC;AAoE1E;;;;GAIG;AACH,wBAAgB,sBAAsB;UAtE9B,MAAM;iBACC,gBAAgB;aACpB,MAAM,aAAa;UACtB,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;YACzC,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM;IAsE/C;AAED,wBAAgB,mBAAmB,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE;IAAE,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,2CAqClF"}
+{"version":3,"file":"article-actions-share.d.ts","sourceRoot":"","sources":["../../../src/components/ui/article-actions-share.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAavD,KAAK,gBAAgB,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,GAAG,GAAG,OAAO,CAAC;AAoE1E;;;;GAIG;AACH,wBAAgB,sBAAsB;UAtE9B,MAAM;iBACC,gBAAgB;aACpB,MAAM,aAAa;UACtB,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;YACzC,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM;IAsE/C;AAED,wBAAgB,mBAAmB,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE;IAAE,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,qBAqClF"}

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

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React, { useEffect, useState } from 'react';
-import { DropdownMenuItem } from '.';
+import { DropdownMenuItem } from './index.js';
 import { BlueskyIcon, 
 // RedditIcon,
 // FacebookIcon,
 LinkedinIcon, XIcon, EmailIcon, SembleIcon, } from '@scienceicons/react/24/solid';
-import { useAnalytics, useDesign } from '../providers';
+import { useAnalytics, useDesign } from '../providers/index.js';
 const SHARE_OPTIONS = [
     {
         name: 'Bluesky',

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

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

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

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

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

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, SimpleTooltip } from '.';
+import { Button, SimpleTooltip } from './index.js';
 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 { useAnalytics, useDesign } from '../providers';
+import { Citation } from './citation.js';
+import { ArticleActionsDropdown } from './article-actions-dropdown.js';
+import { getIconForFormat, handleDownload, useDownloads } from './article-actions-downloads.js';
+import { SearchDialog } from './search.js';
+import { useAnalytics, useDesign } from '../providers/index.js';
 import { useBaseurl, withBaseurl } from '@myst-theme/providers';
 export function ArticleActions() {
     const { projectDownloads, articleDownloads } = useDownloads();
@@ -16,12 +16,20 @@ export function ArticleActions() {
     const allDownloads = [...projectDownloads, ...articleDownloads];
     // Find PDF download
     const pdfDownload = allDownloads.find((download) => download.format?.toLowerCase() === 'pdf' || download.url?.toLowerCase().endsWith('.pdf'));
+    const restOfDownloads = allDownloads.filter((download) => download !== pdfDownload);
+    // `article_bar_downloads` may be a number, capping how many downloads get their own button
+    const barDownloadLimit = typeof design.article_bar_downloads === 'number'
+        ? Math.max(0, design.article_bar_downloads)
+        : design.article_bar_downloads
+            ? restOfDownloads.length
+            : 0;
+    const barDownloads = restOfDownloads.slice(0, barDownloadLimit);
     const pdfDownloadScope = pdfDownload && projectDownloads.includes(pdfDownload) ? 'project' : 'article';
     // When nice_pdf_links is disabled, always use the server-provided download URL rather than the
     // rewritten `{baseurl}.pdf` link, which may not resolve in environments like theme previews.
     const useNicePdfLink = design.nice_pdf_links !== false;
     const pdfDownloadUrl = useNicePdfLink && baseurl ? withBaseurl('.pdf', baseurl) : pdfDownload?.url;
-    return (_jsxs("div", { className: "flex gap-2 items-center", children: [!design.hide_search && (_jsx(SearchDialog, { onOpenChange: (open) => open && capture('search_opened', { surface: 'article_bar' }), 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: "hidden cursor-pointer sm:inline-flex", size: "icon", "aria-label": "Download PDF", asChild: true, children: _jsx("a", { href: pdfDownloadUrl, target: "_blank", rel: "noopener noreferrer", onClick: () => capture('article_download', {
+    return (_jsxs("div", { className: "flex gap-2 items-center", children: [!design.hide_search && (_jsx(SearchDialog, { onOpenChange: (open) => open && capture('search_opened', { surface: 'article_bar' }), 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: "hidden sm:inline-flex", size: "icon", "aria-label": "Download PDF", asChild: true, children: _jsx("a", { href: pdfDownloadUrl, target: "_blank", rel: "noopener noreferrer", onClick: () => capture('article_download', {
                             action: 'clicked',
                             category: 'download',
                             format: 'pdf',
@@ -29,5 +37,18 @@ export function ArticleActions() {
                             downloadFilename: pdfDownload.filename,
                             scope: pdfDownloadScope,
                             surface: 'article_bar_button',
-                        }), children: _jsx(FileDown, {}) }) }) })), _jsx(Citation, { onOpenChange: (open) => open && capture('article_citation_opened', { surface: 'article_bar_button' }), children: _jsx(SimpleTooltip, { title: "Cite this article", children: _jsx(Button, { variant: "outline", className: "hidden cursor-pointer sm:inline-flex", size: "icon", "aria-label": "Cite this article", children: _jsx(QuoteIcon, {}) }) }) }), _jsx(ArticleActionsDropdown, { onOpenChange: (open) => open && capture('article_actions_menu_opened', { surface: 'article_bar' }), children: _jsx(SimpleTooltip, { title: "More article actions", children: _jsx(Button, { variant: "ghost", size: "icon", className: "cursor-pointer", "aria-label": "More article actions", children: _jsx(EllipsisVerticalIcon, {}) }) }) })] }));
+                        }), children: _jsx(FileDown, {}) }) }) })), barDownloads.length > 0 && (_jsx("div", { className: "flex hidden gap-2 sm:inline-flex", children: barDownloads.map((download) => {
+                    const Icon = getIconForFormat(download.format, download.filename);
+                    const downloadScope = projectDownloads.includes(download) ? 'project' : 'article';
+                    return (_jsx(SimpleTooltip, { title: download.title
+                            ? `${download.title}${download.filename ? ` (${download.filename})` : ''}`
+                            : (download.filename ?? download.format ?? ''), children: _jsx(Button, { variant: "outline", "aria-label": download.format, asChild: true, children: _jsxs("a", { href: download.url, download: download.filename, target: "_blank", rel: "noopener noreferrer", className: "no-underline", onClick: (e) => {
+                                    e.preventDefault();
+                                    handleDownload(download, capture, {
+                                        category: 'download',
+                                        scope: downloadScope,
+                                        surface: 'article_bar_button',
+                                    });
+                                }, children: [_jsx(Icon, {}), _jsx("span", { className: "hidden md:max-w-[7ch] md:truncate md:inline lg:max-w-[14ch] xl:max-w-none xl:truncate-none", children: download.title ?? download.filename })] }) }) }));
+                }) })), _jsx(Citation, { onOpenChange: (open) => open && capture('article_citation_opened', { surface: 'article_bar_button' }), children: _jsx(SimpleTooltip, { title: "Cite this article", children: _jsx(Button, { variant: "outline", className: "hidden sm:inline-flex", size: "icon", "aria-label": "Cite this article", children: _jsx(QuoteIcon, {}) }) }) }), _jsx(ArticleActionsDropdown, { onOpenChange: (open) => open && capture('article_actions_menu_opened', { surface: 'article_bar' }), children: _jsx(SimpleTooltip, { title: "More article actions", children: _jsx(Button, { variant: "ghost", size: "icon", "aria-label": "More article actions", children: _jsx(EllipsisVerticalIcon, {}) }) }) })] }));
 }

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

@@ -1,10 +1,23 @@
 export declare function AuthorsList({ source }: {
     source?: 'project' | 'article';
-}): import("react/jsx-runtime").JSX.Element | null;
-export declare function ArticleBar({ source, sticky, tight, className, }: {
+}): import("react").JSX.Element | null;
+export declare function ArticleBar({ source, sticky, tight, className, date: dateOverride, doi: doiOverride, }: {
     source?: 'project' | 'article';
     sticky?: 'top' | 'bottom';
     tight?: boolean;
     className?: string;
-}): import("react/jsx-runtime").JSX.Element;
+    /**
+     * Override the manifest's date/DOI. The platform apps pass the published work's values
+     * here so the bar agrees with the page's `<meta>` tags — the content's own frontmatter
+     * is what the author typed and is not updated by publishing.
+     *
+     * Stopgap. The `work ?? project ?? page` resolution is repeated in every route that
+     * has a work, and components that only see the MyST providers cannot do it themselves.
+     * A provider for the published work plus a `useArticleMetadata()` that surfaces the
+     * merged record would let this bar, `AuthorsList`, `<meta>` and analytics all read one
+     * value — see plans/article-metadata-provider.md.
+     */
+    date?: string;
+    doi?: string;
+}): import("react").JSX.Element;
 //# sourceMappingURL=article-bar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"article-bar.d.ts","sourceRoot":"","sources":["../../../src/components/ui/article-bar.tsx"],"names":[],"mappings":"AAiDA,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,EACN,KAAa,EACb,SAAS,GACV,EAAE;IACD,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC/B,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CAwDA"}
+{"version":3,"file":"article-bar.d.ts","sourceRoot":"","sources":["../../../src/components/ui/article-bar.tsx"],"names":[],"mappings":"AAuDA,wBAAgB,WAAW,CAAC,EAAE,MAAkB,EAAE,EAAE;IAAE,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;CAAE,sCAcrF;AAED,wBAAgB,UAAU,CAAC,EACzB,MAAkB,EAClB,MAAM,EACN,KAAa,EACb,SAAS,EACT,IAAI,EAAE,YAAY,EAClB,GAAG,EAAE,WAAW,GACjB,EAAE;IACD,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC/B,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;;;;;OAUG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,+BA0DA"}

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

@@ -1,8 +1,8 @@
 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 { AuthorPopover } from './author-popover.js';
+import { DateString, DoiLink, EmailLink, OpenAccessBadge, OrcidBadge, } from './frontmatter-badges.js';
+import { LicenseBadges } from './license-frontmatter.js';
+import { ArticleActions } from './article-actions.js';
 import { useFrontmatter, useProjectManifest } from '@myst-theme/providers';
 import { cn } from '@curvenote/react-utils';
 function AuthorsPopoverList({ authors = [], affiliations = [], }) {
@@ -24,17 +24,19 @@ export function AuthorsList({ source = 'article' }) {
     }
     return (_jsx(AuthorsPopoverList, { authors: frontmatter.authors, affiliations: frontmatter.affiliations }));
 }
-export function ArticleBar({ source = 'article', sticky, tight = false, className, }) {
+export function ArticleBar({ source = 'article', sticky, tight = false, className, date: dateOverride, doi: doiOverride, }) {
     const project = useProjectManifest();
     const page = useFrontmatter();
     const frontmatter = source === 'project' ? project : page;
+    const date = dateOverride ?? frontmatter?.date;
+    const doi = doiOverride ?? frontmatter?.doi;
     return (_jsx("div", { className: cn('pointer-events-none', {
             'my-4': !tight,
             '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-linear-to-t before:from-background before:to-transparent': sticky === 'bottom',
-        }, className), children: _jsxs("div", { className: cn('flex flex-row items-center py-3 bg-background 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 pl-3 font-sans text-sm text-muted-foreground", children: [frontmatter?.date && (_jsx(DateString, { date: frontmatter?.date, spacer: !!frontmatter?.doi, format: {
+        }, className), children: _jsxs("div", { className: cn('flex flex-row items-center py-3 bg-background border-y border-border font-ui', 'pointer-events-auto'), children: [_jsx("div", { className: "flex flex-col flex-1 gap-1", children: _jsxs("div", { className: "flex gap-1 items-center pl-3 text-sm text-muted-foreground", children: [date && (_jsx(DateString, { date: date, spacer: !!doi, format: {
                                     year: 'numeric',
                                     month: 'long',
                                     day: 'numeric',
@@ -42,5 +44,5 @@ export function ArticleBar({ source = 'article', sticky, tight = false, classNam
                                     year: 'numeric',
                                     month: 'short',
                                     day: 'numeric',
-                                } })), frontmatter?.doi && _jsx(DoiLink, { doi: frontmatter?.doi, shortenOnSmallScreens: true }), _jsx(LicenseBadges, { license: frontmatter?.license, className: "hidden sm:inline-block" }), _jsx(OpenAccessBadge, { open_access: frontmatter?.open_access, className: "hidden sm:inline-block" })] }) }), _jsx(ArticleActions, {})] }) }));
+                                } })), doi && _jsx(DoiLink, { doi: doi, shortenOnSmallScreens: true }), _jsx(LicenseBadges, { license: frontmatter?.license, className: "hidden sm:inline-block" }), _jsx(OpenAccessBadge, { open_access: frontmatter?.open_access, className: "hidden sm:inline-block" })] }) }), _jsx(ArticleActions, {})] }) }));
 }

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

@@ -7,6 +7,6 @@ interface ArticleCardProps {
     showDoi?: boolean;
     showDate?: boolean;
 }
-export declare function ArticleCard({ to, article, showThumbnails, showAuthors, showDoi, showDate, }: ArticleCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function ArticleCard({ to, article, showThumbnails, showAuthors, showDoi, showDate, }: ArticleCardProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=article-card.d.ts.map

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

@@ -1 +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"}
+{"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,+BAmGlB"}

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

@@ -2,13 +2,13 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { Link } from 'react-router';
 import { buildUrl } from 'doi-utils';
 import { CurvenoteIcon } from '@scienceicons/react/24/solid';
-import { useImageLoad } from '../../hooks';
+import { useImageLoad } from '../../hooks/index.js';
 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 w-40 shrink-0 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: {
+    return (_jsx(Link, { to: to, className: "block no-underline group hover:no-underline", prefetch: "intent", children: _jsx("article", { className: "overflow-hidden font-ui 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 w-40 shrink-0 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

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

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

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

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

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { JournalFooter } from '@curvenote/footers';
-import { Backmatter, useBackmatter } from './backmatter';
+import { Backmatter, useBackmatter } from './backmatter.js';
 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

@@ -4,5 +4,5 @@ export declare function AuthorPopover({ author, affiliations, className, authorI
     affiliations: PageFrontmatter['affiliations'];
     className?: string;
     authorIndex?: number;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 //# sourceMappingURL=author-popover.d.ts.map

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

@@ -1 +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;AAuBxD,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,YAAY,EACZ,SAAS,EACT,WAAW,GACZ,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;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,2CA8IA"}
+{"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;AAuBxD,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,YAAY,EACZ,SAAS,EACT,WAAW,GACZ,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;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,+BA8IA"}

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

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Popover, PopoverContent, PopoverTrigger, SimpleTooltip } from '.';
-import { cn } from '../../lib/utils';
+import { Button, Popover, PopoverContent, PopoverTrigger, SimpleTooltip } from './index.js';
+import { cn } from '../../lib/utils.js';
 import { PopoverArrow } from '@radix-ui/react-popover';
 import { Copy } from 'lucide-react';
 import { toast } from 'sonner';
-import { useAnalytics } from '../providers';
+import { useAnalytics } from '../providers/index.js';
 function Affiliation({ affiliations, affiliationId, }) {
     const affiliation = affiliations?.find((a) => a.id === affiliationId);
     if (!affiliation) {

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

@@ -1,9 +1,47 @@
 import type { GenericParent } from 'myst-common';
 import type { PageFrontmatterWithDownloads } from '@myst-theme/common';
-export declare function useBackmatter({ mdast, frontmatter, }?: {
+/** Backmatter sections, in the order `Backmatter` renders them. */
+export type BackmatterSectionId = 'acknowledgements' | 'data_availability' | 'license' | 'footnotes' | 'keywords' | 'abbreviations' | 'bibliography';
+export type BackmatterSection = {
+    id: BackmatterSectionId;
+    /** `id` of the rendered `<section>`, for anchor links */
+    anchor: string;
+    /** Heading the section renders, e.g. for an outline entry */
+    title: string;
+    /** The page has content for this section */
+    hasContent: boolean;
+    /** The design config allows this section */
+    enabled: boolean;
+    /** Actually rendered: has content, enabled, and backmatter is not hidden wholesale */
+    visible: boolean;
+};
+export type BackmatterVisibility = {
+    /** Any section has content, whatever the design config says */
+    hasContent: boolean;
+    /** Every known section, in render order */
+    sections: BackmatterSection[];
+    /** Only the sections rendered on the page, in render order */
+    visible: BackmatterSection[];
+    /** Look up one section by id */
+    get: (id: BackmatterSectionId) => BackmatterSection;
+};
+type BackmatterSource = {
     mdast?: GenericParent;
     frontmatter?: PageFrontmatterWithDownloads;
-}): boolean;
-export declare function Backmatter(): import("react/jsx-runtime").JSX.Element | null;
+};
+/**
+ * Which backmatter sections exist on the page and which of those the design config shows.
+ * Use this over `useBackmatter` when you need to know *what* is rendered, not just whether
+ * anything is — e.g. to list the sections in the document outline.
+ */
+export declare function useBackmatterVisibility({ mdast, frontmatter, }?: BackmatterSource): BackmatterVisibility;
+/**
+ * Whether the page has any backmatter content at all, ignoring the design config.
+ *
+ * @deprecated Prefer `useBackmatterVisibility`, which reports the individual sections and
+ * whether the design config shows them.
+ */
+export declare function useBackmatter(source?: BackmatterSource): boolean;
+export declare function Backmatter(): import("react").JSX.Element | null;
 export default Backmatter;
 //# sourceMappingURL=backmatter.d.ts.map

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

@@ -1 +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;AAS5D,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,oBAAoB,CAAC;AA4CvE,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,WAAW,GACZ,GAAE;IACD,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,WAAW,CAAC,EAAE,4BAA4B,CAAC;CACvC,GAAG,OAAO,CA2Bf;AAED,wBAAgB,UAAU,mDAoBzB;AAED,eAAe,UAAU,CAAC"}
+{"version":3,"file":"backmatter.d.ts","sourceRoot":"","sources":["../../../src/components/ui/backmatter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAa,aAAa,EAAE,MAAM,aAAa,CAAC;AAS5D,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,oBAAoB,CAAC;AA6CvE,mEAAmE;AACnE,MAAM,MAAM,mBAAmB,GAC3B,kBAAkB,GAClB,mBAAmB,GACnB,SAAS,GACT,WAAW,GACX,UAAU,GACV,eAAe,GACf,cAAc,CAAC;AAEnB,MAAM,MAAM,iBAAiB,GAAG;IAC9B,EAAE,EAAE,mBAAmB,CAAC;IACxB,yDAAyD;IACzD,MAAM,EAAE,MAAM,CAAC;IACf,6DAA6D;IAC7D,KAAK,EAAE,MAAM,CAAC;IACd,4CAA4C;IAC5C,UAAU,EAAE,OAAO,CAAC;IACpB,4CAA4C;IAC5C,OAAO,EAAE,OAAO,CAAC;IACjB,sFAAsF;IACtF,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,+DAA+D;IAC/D,UAAU,EAAE,OAAO,CAAC;IACpB,2CAA2C;IAC3C,QAAQ,EAAE,iBAAiB,EAAE,CAAC;IAC9B,8DAA8D;IAC9D,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,gCAAgC;IAChC,GAAG,EAAE,CAAC,EAAE,EAAE,mBAAmB,KAAK,iBAAiB,CAAC;CACrD,CAAC;AAyDF,KAAK,gBAAgB,GAAG;IACtB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,WAAW,CAAC,EAAE,4BAA4B,CAAC;CAC5C,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,KAAK,EACL,WAAW,GACZ,GAAE,gBAAqB,GAAG,oBAAoB,CA0C9C;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,MAAM,GAAE,gBAAqB,GAAG,OAAO,CAEpE;AAED,wBAAgB,UAAU,uCAqBzB;AAED,eAAe,UAAU,CAAC"}

package/dist/components/ui/backmatter.js

@@ -1,27 +1,29 @@
 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 { Keywords } from './keywords';
+import { Abbreviations } from './abbreviations.js';
+import { Bibliography } from './bibliography.js';
+import { Footnotes } from './footnotes.js';
+import { Acknowledgements } from './acknowledgements.js';
+import { DataAvailability } from './data-availability.js';
+import { Keywords } from './keywords.js';
 import { selectAll } from 'unist-util-select';
-import { extractKnownParts } from '../../lib/knownParts';
+import { extractKnownParts } from '../../lib/knownParts.js';
+import { selectAbbreviationEntries } from '../../lib/dedupeAbbreviations.js';
 import { copyNode } from 'myst-common';
-import { LicenseDescription } from './license-description';
-import { useDesign } from '../providers/design';
-import { SkipToAnchor } from './accessibility-skip-to';
+import { LicenseDescription } from './license-description.js';
+import { useDesign } from '../providers/design.js';
+import { SkipToAnchor } from './accessibility-skip-to.js';
+import { PART_IDS } from './types.js';
 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);
+    // matches <Footnotes />, which renders only when there are definitions to list
+    return trees.some((part) => selectAll('footnoteDefinition', part).length > 0);
 }
 function hasAbbreviations(frontmatter, trees) {
-    return ((Object.keys(frontmatter?.abbreviations ?? {}).length > 0 ||
-        trees?.some((part) => selectAll('abbreviation', part).length > 0)) ??
-        false);
+    // matches <Abbreviations />, which lists only the abbreviations used in the text
+    return selectAbbreviationEntries(trees ?? [], frontmatter?.abbreviations).length > 0;
 }
 function hasBibliography(cite) {
     return Object.keys(cite?.data ?? 0).length > 0;
@@ -33,35 +35,116 @@ function hasKeywords(frontmatter) {
     const keywords = frontmatter?.keywords;
     return Array.isArray(keywords) && keywords.length > 0;
 }
-export function useBackmatter({ mdast, frontmatter, } = {}) {
+/**
+ * Single source of truth for backmatter: render order, anchors, titles, and the design option
+ * that gates each section. `Backmatter` and the document outline both read from this.
+ */
+const BACKMATTER_SECTIONS = [
+    {
+        id: 'acknowledgements',
+        anchor: PART_IDS.acknowledgements,
+        title: 'Acknowledgements',
+        enabled: (d) => !d.hide_acknowledgements,
+    },
+    {
+        id: 'data_availability',
+        anchor: PART_IDS.data_availability,
+        title: 'Data Availability',
+        enabled: (d) => !d.hide_data_availability,
+    },
+    {
+        id: 'license',
+        anchor: PART_IDS.license,
+        title: 'License',
+        enabled: (d) => !d.hide_license_description,
+    },
+    {
+        id: 'footnotes',
+        anchor: PART_IDS.footnotes,
+        title: 'Footnotes',
+        enabled: (d) => !d.hide_footnotes,
+    },
+    // keywords are opt-in rather than opt-out
+    {
+        id: 'keywords',
+        anchor: PART_IDS.keywords,
+        title: 'Keywords',
+        enabled: (d) => d.hide_keywords === false,
+    },
+    {
+        id: 'abbreviations',
+        anchor: PART_IDS.abbreviations,
+        title: 'Abbreviations',
+        enabled: (d) => d.hide_abbreviation_list !== true,
+    },
+    {
+        id: 'bibliography',
+        anchor: PART_IDS.bibliography,
+        title: 'References',
+        enabled: (d) => d.hide_bibliography !== true,
+    },
+];
+/**
+ * Which backmatter sections exist on the page and which of those the design config shows.
+ * Use this over `useBackmatter` when you need to know *what* is rendered, not just whether
+ * anything is — e.g. to list the sections in the document outline.
+ */
+export function useBackmatterVisibility({ mdast, frontmatter, } = {}) {
+    const design = useDesign();
     const references = useReferences();
     const pageFrontmatter = useFrontmatter();
     const page = mdast ?? references?.article;
-    const parts = (frontmatter ?? pageFrontmatter)?.parts;
+    const resolvedFrontmatter = frontmatter ?? pageFrontmatter;
+    const parts = resolvedFrontmatter?.parts;
     const trees = getTrees(page, parts);
-    const footnotes = hasFootnotes(trees);
-    const abbreviations = hasAbbreviations(frontmatter, trees);
-    const bibliography = hasBibliography(references?.cite);
-    const licenseDescription = hasLicenseDescription(pageFrontmatter);
-    const keywords = hasKeywords(frontmatter ?? pageFrontmatter);
-    // Check for acknowledgments and data availability
+    // Acknowledgements and data availability are parts of the article tree, not frontmatter
     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 ||
-        licenseDescription ||
-        keywords);
+    const hasContent = {
+        acknowledgements: !!knownParts?.acknowledgments,
+        data_availability: !!knownParts?.data_availability,
+        license: hasLicenseDescription(resolvedFrontmatter),
+        footnotes: hasFootnotes(trees),
+        keywords: hasKeywords(resolvedFrontmatter),
+        abbreviations: hasAbbreviations(resolvedFrontmatter, trees),
+        bibliography: hasBibliography(references?.cite),
+    };
+    const sections = BACKMATTER_SECTIONS.map(({ id, anchor, title, enabled }) => {
+        const content = hasContent[id];
+        const isEnabled = enabled(design);
+        return {
+            id,
+            anchor,
+            title,
+            hasContent: content,
+            enabled: isEnabled,
+            visible: content && isEnabled && !design.hide_backmatter,
+        };
+    });
+    return {
+        hasContent: sections.some((section) => section.hasContent),
+        sections,
+        visible: sections.filter((section) => section.visible),
+        get: (id) => sections.find((section) => section.id === id),
+    };
+}
+/**
+ * Whether the page has any backmatter content at all, ignoring the design config.
+ *
+ * @deprecated Prefer `useBackmatterVisibility`, which reports the individual sections and
+ * whether the design config shows them.
+ */
+export function useBackmatter(source = {}) {
+    return useBackmatterVisibility(source).hasContent;
 }
 export function Backmatter() {
     const design = useDesign();
-    const hasBackmatter = useBackmatter();
-    if (design.hide_backmatter || !hasBackmatter)
+    const backmatter = useBackmatterVisibility();
+    // each section still decides for itself whether it has anything to render; the table only
+    // decides whether the design config allows it
+    const enabled = (id) => backmatter.get(id).enabled;
+    if (design.hide_backmatter || !backmatter.hasContent)
         return null;
-    return (_jsxs(_Fragment, { children: [_jsx(SkipToAnchor, { id: "skip-to-backmatter" }), !design.hide_acknowledgements && _jsx(Acknowledgements, {}), !design.hide_data_availability && _jsx(DataAvailability, {}), !design.hide_license_description && _jsx(LicenseDescription, {}), !design.hide_footnotes && _jsx(Footnotes, {}), design.hide_keywords === false && _jsx(Keywords, {}), design.hide_abbreviation_list !== true && (_jsx(Abbreviations, { hideManyAbbreviations: design.hide_abbreviation_list })), design.hide_bibliography !== true && (_jsx(Bibliography, { hideManyReferences: design.hide_bibliography }))] }));
+    return (_jsxs(_Fragment, { children: [_jsx(SkipToAnchor, { id: "skip-to-backmatter" }), enabled('acknowledgements') && _jsx(Acknowledgements, {}), enabled('data_availability') && _jsx(DataAvailability, {}), enabled('license') && _jsx(LicenseDescription, {}), enabled('footnotes') && _jsx(Footnotes, {}), enabled('keywords') && _jsx(Keywords, {}), enabled('abbreviations') && (_jsx(Abbreviations, { hideManyAbbreviations: design.hide_abbreviation_list })), enabled('bibliography') && _jsx(Bibliography, { hideManyReferences: design.hide_bibliography })] }));
 }
 export default Backmatter;

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

@@ -5,6 +5,6 @@ declare const badgeVariants: (props?: ({
 } & 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;
+}): React.JSX.Element;
 export { Badge, badgeVariants };
 //# sourceMappingURL=badge.d.ts.map

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

@@ -1 +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"}
+{"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,qBAM3F;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/ui/badge.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
-import { cn } from '../../lib/utils';
+import { cn } from '../../lib/utils.js';
 const badgeVariants = cva('inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden', {
     variants: {
         variant: {

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

@@ -1,7 +1,28 @@
+import type { DesignOptions } from '@curvenote/common';
+/**
+ * Where the banner is rendered: behind the top of the title block (`inset`), in the flow of the
+ * article (`inline`), or not at all (`none`).
+ */
+export type BannerStyle = NonNullable<DesignOptions['banner_style']> | 'none';
+/**
+ * Banner placement for the current page, e.g. `useBannerStyle() === 'inset' && !!project.banner`.
+ */
+export declare function useBannerStyle(): BannerStyle;
 export declare function Banner({ banner, bannerOptimized, inset, thin, }: {
     banner: string;
     bannerOptimized?: string;
     inset?: boolean;
     thin?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
+/**
+ * Banner rendered in the flow of the article (`banner_style: 'inline'`), sized to the body
+ * column, with an optional attribution line underneath (`banner_attribution`).
+ *
+ * Renders nothing unless the design opts in and the project actually has a banner. Like the
+ * project banner it draws from, it only appears on the project's index page — not on the other
+ * pages of a multi-page project.
+ */
+export declare function InlineBanner({ className }: {
+    className?: string;
+}): import("react").JSX.Element | null;
 //# sourceMappingURL=banner.d.ts.map