@curvenote/theme-ui 1.0.1 → 2.0.0

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

@@ -1,8 +1,10 @@
 export declare function AuthorsList({ source }: {
     source?: 'project' | 'article';
 }): import("react/jsx-runtime").JSX.Element | null;
-export declare function ArticleBar({ source, sticky, }: {
+export declare function ArticleBar({ source, sticky, tight, className, }: {
     source?: 'project' | 'article';
     sticky?: 'top' | 'bottom';
+    tight?: boolean;
+    className?: string;
 }): import("react/jsx-runtime").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":"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"}
+{"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"}

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

@@ -6,7 +6,12 @@ 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))) }));
+    return (_jsx("div", { className: "flex flex-row flex-wrap gap-x-2", children: authors.map((author, idx) => {
+            const authorName = author.nameParsed
+                ? `${author.nameParsed?.given ?? ''} ${author.nameParsed?.family ?? ''}`.trim()
+                : author.name;
+            return (_jsxs("div", { className: "flex items-center", children: [_jsx(AuthorPopover, { author: author, affiliations: affiliations, authorIndex: idx }), author.corresponding && (_jsx(EmailLink, { email: author.email, authorIndex: idx, authorName: authorName, isCorresponding: true })), author.orcid && (_jsx(OrcidBadge, { orcid: author.orcid, className: "ml-1", authorIndex: idx, authorName: authorName, isCorresponding: !!author.corresponding })), idx < authors.length - 1 && _jsx("span", { className: "text-muted-foreground", children: "," })] }, author.orcid || author.email || idx));
+        }) }));
 }
 export function AuthorsList({ source = 'article' }) {
     const project = useProjectManifest();
@@ -19,14 +24,23 @@ export function AuthorsList({ source = 'article' }) {
     }
     return (_jsx(AuthorsPopoverList, { authors: frontmatter.authors, affiliations: frontmatter.affiliations }));
 }
-export function ArticleBar({ source = 'article', sticky, }) {
+export function ArticleBar({ source = 'article', sticky, tight = false, className, }) {
     const project = useProjectManifest();
     const page = useFrontmatter();
     const frontmatter = source === 'project' ? project : page;
-    return (_jsx("div", { className: cn('my-4 pointer-events-none', {
+    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-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, {})] }) }));
+            '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: {
+                                    year: 'numeric',
+                                    month: 'long',
+                                    day: 'numeric',
+                                }, mobileFormat: {
+                                    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, {})] }) }));
 }

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

@@ -8,7 +8,7 @@ export function ArticleCard({ to, article, showThumbnails, showAuthors, showDoi
         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: {
+    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: {
                                     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/author-popover.d.ts

@@ -1,7 +1,8 @@
 import type { PageFrontmatter } from 'myst-frontmatter';
-export declare function AuthorPopover({ author, affiliations, className, }: {
+export declare function AuthorPopover({ author, affiliations, className, authorIndex, }: {
     author: Required<PageFrontmatter>['authors'][0];
     affiliations: PageFrontmatter['affiliations'];
     className?: string;
+    authorIndex?: number;
 }): import("react/jsx-runtime").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;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"}
+{"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"}

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

@@ -4,6 +4,7 @@ import { cn } from '../../lib/utils';
 import { PopoverArrow } from '@radix-ui/react-popover';
 import { Copy } from 'lucide-react';
 import { toast } from 'sonner';
+import { useAnalytics } from '../providers';
 function Affiliation({ affiliations, affiliationId, }) {
     const affiliation = affiliations?.find((a) => a.id === affiliationId);
     if (!affiliation) {
@@ -12,25 +13,59 @@ function Affiliation({ affiliations, affiliationId, }) {
     }
     return _jsx("div", { className: "text-xs text-muted-foreground", children: affiliation.name });
 }
-export function AuthorPopover({ author, affiliations, className, }) {
+export function AuthorPopover({ author, affiliations, className, authorIndex, }) {
+    const capture = useAnalytics();
+    const authorName = author.nameParsed
+        ? [author.nameParsed?.given, author.nameParsed?.family].filter(Boolean).join(' ').trim()
+        : author.name;
+    const baseAuthorProps = {
+        authorIndex,
+        authorName,
+        isCorresponding: !!author.corresponding,
+    };
     const handleCopyEmail = () => {
         if (author.email) {
             navigator.clipboard.writeText(author.email);
+            capture('article_author_interaction', {
+                ...baseAuthorProps,
+                action: 'email_copied',
+                surface: 'author_popover',
+                authorEmail: author.email,
+            });
             toast.success('Email copied to clipboard');
         }
     };
     const handleCopyOrcid = () => {
         if (author.orcid) {
             navigator.clipboard.writeText(author.orcid);
+            capture('article_author_interaction', {
+                ...baseAuthorProps,
+                action: 'orcid_copied',
+                surface: 'author_popover',
+                authorOrcid: 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) => {
+    return (_jsxs(Popover, { onOpenChange: (open) => open &&
+            capture('article_author_interaction', {
+                ...baseAuthorProps,
+                action: 'popover_opened',
+                surface: 'article_bar',
+                authorOrcid: author.orcid,
+                authorEmail: author.email,
+            }), children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx("button", { className: cn('cursor-pointer hover:underline text-[15px]', className), type: "button", children: authorName }) }), _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" })] })] }));
+                }, children: [_jsx("div", { className: "mb-1 text-base font-semibold", children: authorName }), 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", onClick: () => capture('article_author_interaction', {
+                                    ...baseAuthorProps,
+                                    action: 'email_clicked',
+                                    surface: 'author_popover',
+                                    authorEmail: author.email,
+                                }), 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", onClick: () => capture('article_author_interaction', {
+                                    ...baseAuthorProps,
+                                    action: 'orcid_opened',
+                                    surface: 'author_popover',
+                                    authorOrcid: author.orcid,
+                                }), 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.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;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"}
+{"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"}

package/dist/components/ui/backmatter.js

@@ -5,11 +5,13 @@ import { Bibliography } from './bibliography';
 import { Footnotes } from './footnotes';
 import { Acknowledgements } from './acknowledgements';
 import { DataAvailability } from './data-availability';
+import { Keywords } from './keywords';
 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';
+import { useDesign } from '../providers/design';
+import { SkipToAnchor } from './accessibility-skip-to';
 function getTrees(mdast, parts) {
     return [mdast, ...Object.values(parts ?? {}).map((part) => part.mdast)].filter(Boolean);
 }
@@ -24,6 +26,13 @@ function hasAbbreviations(frontmatter, trees) {
 function hasBibliography(cite) {
     return Object.keys(cite?.data ?? 0).length > 0;
 }
+function hasLicenseDescription(frontmatter) {
+    return frontmatter?.license?.content !== undefined || frontmatter?.authors !== undefined;
+}
+function hasKeywords(frontmatter) {
+    const keywords = frontmatter?.keywords;
+    return Array.isArray(keywords) && keywords.length > 0;
+}
 export function useBackmatter({ mdast, frontmatter, } = {}) {
     const references = useReferences();
     const pageFrontmatter = useFrontmatter();
@@ -33,17 +42,26 @@ export function useBackmatter({ mdast, frontmatter, } = {}) {
     const footnotes = hasFootnotes(trees);
     const abbreviations = hasAbbreviations(frontmatter, trees);
     const bibliography = hasBibliography(references?.cite);
-    // Check for acknowledgements and data availability
+    const licenseDescription = hasLicenseDescription(pageFrontmatter);
+    const keywords = hasKeywords(frontmatter ?? pageFrontmatter);
+    // Check for acknowledgments 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;
+    return (footnotes ||
+        abbreviations ||
+        bibliography ||
+        acknowledgements ||
+        dataAvailability ||
+        licenseDescription ||
+        keywords);
 }
 export function Backmatter() {
+    const design = useDesign();
     const hasBackmatter = useBackmatter();
-    if (!hasBackmatter)
+    if (design.hide_backmatter || !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, {})] }));
+    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 }))] }));
 }
 export default Backmatter;

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

@@ -1 +1 @@
-{"version":3,"file":"banner.d.ts","sourceRoot":"","sources":["../../../src/components/ui/banner.tsx"],"names":[],"mappings":"AA0BA,wBAAgB,MAAM,CAAC,EACrB,MAAM,EACN,eAAe,EACf,KAAa,EACb,IAAY,GACb,EAAE;IACD,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,2CAiEA"}
+{"version":3,"file":"banner.d.ts","sourceRoot":"","sources":["../../../src/components/ui/banner.tsx"],"names":[],"mappings":"AA0BA,wBAAgB,MAAM,CAAC,EACrB,MAAM,EACN,eAAe,EACf,KAAa,EACb,IAAY,GACb,EAAE;IACD,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,2CAoEA"}

package/dist/components/ui/banner.js

@@ -33,7 +33,7 @@ export function Banner({ banner, bannerOptimized, inset = false, thin = false, }
                     'h-[100px]': thin,
                     'mb-[-50px]': inset && thin,
                     'mb-8': !inset,
-                }), children: _jsx("img", { ref: imgRef, src: bannerOptimized ?? banner, className: cn('mt-0 mb-0 object-cover object-center w-full h-full transition-[opacity,filter]', duration, {
+                }), children: _jsx("img", { ref: imgRef, src: bannerOptimized ?? banner, alt: "", role: "presentation", "aria-hidden": "true", className: cn('mt-0 mb-0 object-cover object-center w-full h-full transition-[opacity,filter]', duration, {
                         'opacity-0 grayscale': !imageLoaded,
                         'opacity-100 grayscale-0': imageLoaded,
                     }), style: {

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

@@ -1,6 +1,6 @@
-export declare function Bibliography({ className, innerClassName, hideLongBibliography, }: {
+export declare function Bibliography({ className, innerClassName, hideManyReferences, }: {
     className?: string;
     innerClassName?: string;
-    hideLongBibliography?: false | number;
+    hideManyReferences?: boolean | number;
 }): import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=bibliography.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"bibliography.d.ts","sourceRoot":"","sources":["../../../src/components/ui/bibliography.tsx"],"names":[],"mappings":"AAOA,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,cAAc,EACd,oBAAyB,GAC1B,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;CACvC,kDAgDA"}
+{"version":3,"file":"bibliography.d.ts","sourceRoot":"","sources":["../../../src/components/ui/bibliography.tsx"],"names":[],"mappings":"AAWA,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,cAAc,EACd,kBAA4C,GAC7C,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CACvC,kDAoDA"}

package/dist/components/ui/bibliography.js

@@ -1,20 +1,21 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useReferences } from '@myst-theme/providers';
 import { cn } from '@curvenote/react-utils';
-import { HashLink } from 'myst-to-react';
-import { useState } from 'react';
-import { Button } from './button';
 import { PART_IDS } from './types';
-export function Bibliography({ className, innerClassName, hideLongBibliography = 15, }) {
+import { useCollapsibleBackmatter, CollapsibleBackmatterHeader, CollapsibleBackmatterFooterButton, } from './collapsible-backmatter-section';
+const DEFAULT_MANY_REFERENCES = 15;
+export function Bibliography({ className, innerClassName, hideManyReferences = DEFAULT_MANY_REFERENCES, }) {
+    if (hideManyReferences === true)
+        hideManyReferences = DEFAULT_MANY_REFERENCES;
     const references = useReferences();
     const { order, data } = references?.cite ?? {};
     const filtered = order?.filter((l) => l);
-    const [hidden, setHidden] = useState(true);
     if (!filtered || !data || filtered.length === 0)
         return null;
-    const refs = hidden && hideLongBibliography ? filtered.slice(0, hideLongBibliography) : filtered;
-    return (_jsxs("section", { id: PART_IDS.bibliography, className: cn(className), children: [_jsxs("div", { className: innerClassName, children: [!!hideLongBibliography && filtered.length > hideLongBibliography && (_jsx(Button, { variant: "outline", onClick: () => setHidden(!hidden), className: "float-right text-xs", children: hidden ? 'Show All' : 'Collapse' })), _jsxs("header", { className: "text-lg font-semibold text-stone-900 dark:text-white group", children: ["References", _jsx(HashLink, { id: PART_IDS.bibliography, title: "Link to References", hover: true, className: "ml-2" })] })] }), _jsx("div", { className: cn('pl-3 mb-8 text-xs text-stone-500 dark:text-stone-300', innerClassName), children: _jsxs("ol", { children: [refs.map((label) => {
+    const { hidden, toggle, displayedCount, isCollapsible } = useCollapsibleBackmatter(filtered.length, hideManyReferences, DEFAULT_MANY_REFERENCES);
+    const refs = filtered.slice(0, displayedCount);
+    return (_jsxs("section", { id: PART_IDS.bibliography, className: cn(className), children: [_jsx("div", { className: innerClassName, children: _jsx(CollapsibleBackmatterHeader, { id: PART_IDS.bibliography, title: "References", linkTitle: "Link to References", hidden: hidden, onToggle: toggle, isCollapsible: isCollapsible }) }), _jsx("div", { className: cn('pl-3 mb-8 text-xs text-stone-500 dark:text-stone-300', innerClassName), children: _jsxs("ol", { children: [refs.map((label) => {
                             const { html } = data[label];
-                            return (_jsx("li", { className: "break-words", id: `cite-${label}`, dangerouslySetInnerHTML: { __html: html || '' } }, label));
-                        }), !!hideLongBibliography && filtered.length > hideLongBibliography && (_jsx("li", { className: "list-none text-center", children: _jsx(Button, { variant: "outline", onClick: () => setHidden(!hidden), className: "text-xs", children: hidden ? `Show all ${filtered.length} references` : 'Collapse references' }) }))] }) })] }));
+                            return (_jsx("li", { className: "wrap-break-words", id: `cite-${label}`, dangerouslySetInnerHTML: { __html: html || '' } }, label));
+                        }), isCollapsible && (_jsx(CollapsibleBackmatterFooterButton, { hidden: hidden, onToggle: toggle, totalCount: filtered.length, itemLabel: "references", sectionId: PART_IDS.bibliography, className: "list-none text-center", as: "li" }))] }) })] }));
 }

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
+    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | "action" | null | undefined;
     size?: "default" | "xs" | "sm" | "lg" | "icon" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {

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

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/ui/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,cAAc;;;8EA2BnB,CAAC;AAEF,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAO,EACP,IAAI,EACJ,OAAe,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAC/B,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,2CAUF;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/ui/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,cAAc;;;8EA8BnB,CAAC;AAEF,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAO,EACP,IAAI,EACJ,OAAe,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAC/B,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,2CAUF;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/ui/button.js

@@ -12,6 +12,8 @@ const buttonVariants = cva("inline-flex items-center justify-center gap-2 whites
             secondary: 'bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80',
             ghost: 'hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50',
             link: 'text-primary underline-offset-4 hover:underline',
+            /** White, lightly-bordered control used for toolbar filter chips (e.g. date pickers). */
+            action: 'border border-stone-200 bg-white shadow-[0px_1px_2px_0px_rgba(68,64,60,0.24),0px_1px_3px_0px_rgba(68,64,60,0.12)] hover:bg-stone-50 dark:border-stone-700 dark:bg-stone-800 dark:hover:bg-stone-700/50 disabled:hover:bg-white dark:disabled:hover:bg-stone-800',
         },
         size: {
             default: 'h-9 px-4 py-2 has-[>svg]:px-3',

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { DayPicker } from 'react-day-picker';
+export type CalendarProps = React.ComponentProps<typeof DayPicker>;
+export type { DateRange } from 'react-day-picker';
+declare function Calendar({ className, classNames, showOutsideDays, captionLayout, numberOfMonths, components: componentsProp, ...props }: CalendarProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Calendar {
+    var displayName: string;
+}
+export { Calendar };
+//# sourceMappingURL=calendar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../src/components/ui/calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAM7C,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;AACnE,YAAY,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAoDlD,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,UAAU,EACV,eAAsB,EACtB,aAAa,EACb,cAAc,EACd,UAAU,EAAE,cAAc,EAC1B,GAAG,KAAK,EACT,EAAE,aAAa,2CAmEf;kBA3EQ,QAAQ;;;AA8EjB,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/ui/calendar.js

@@ -0,0 +1,85 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { ChevronDown, ChevronLeft, ChevronRight } from 'lucide-react';
+import { DayPicker } from 'react-day-picker';
+import { cn } from '../../lib/utils';
+import { buttonVariants } from './button';
+/** Shared shell for each month/year `<select>` (invisible select over a text label). */
+const dropdownFieldShell = 'relative inline-flex h-7 items-center';
+const dropdownCaptionLabel = cn('relative z-[1] inline-flex h-7 w-auto items-center gap-1 px-1 text-sm', 'pointer-events-none select-none');
+/** Month nav chevrons: no persistent focus ring after mouse use. */
+const navButtonClass = cn(buttonVariants({ variant: 'outline' }), 'h-7 w-7 bg-transparent p-0 opacity-80 hover:opacity-100', 'outline-none focus:outline-none focus-visible:ring-0 focus-visible:outline-none');
+/**
+ * react-day-picker v8 dropdown captions: native `<select>` overlays a faux label.
+ * These classNames mirror the library layout but use our input/button tokens.
+ */
+function dropdownCaptionClassNames(multiMonth) {
+    return {
+        caption: cn('relative mb-2 block min-h-8 px-9 text-center', multiMonth && 'pt-0.5'),
+        caption_dropdowns: 'relative inline-flex items-center justify-center gap-1.5',
+        dropdown_month: dropdownFieldShell,
+        dropdown_year: dropdownFieldShell,
+        caption_label: dropdownCaptionLabel,
+        dropdown: 'absolute inset-0 z-[2] h-full w-full cursor-pointer appearance-none border-0 bg-transparent opacity-0',
+        dropdown_icon: 'size-3.5 shrink-0 opacity-50',
+        vhidden: 'sr-only',
+        nav: 'inline-flex items-center whitespace-nowrap',
+        nav_button: navButtonClass,
+        nav_button_previous: 'absolute top-1/2 left-0 z-[3] -translate-y-1/2',
+        nav_button_next: 'absolute top-1/2 right-0 z-[3] -translate-y-1/2',
+        caption_start: multiMonth ? 'relative' : undefined,
+        caption_end: multiMonth ? 'relative' : undefined,
+    };
+}
+function defaultCaptionClassNames() {
+    return {
+        caption: 'relative flex items-center justify-center pt-1',
+        caption_label: 'text-sm font-medium',
+        nav: 'flex items-center space-x-1',
+        nav_button: cn(navButtonClass, 'opacity-50 hover:opacity-100'),
+        nav_button_previous: 'absolute left-1',
+        nav_button_next: 'absolute right-1',
+    };
+}
+function Calendar({ className, classNames, showOutsideDays = true, captionLayout, numberOfMonths, components: componentsProp, ...props }) {
+    const captionUsesDropdown = captionLayout === 'dropdown' || captionLayout === 'dropdown-buttons';
+    const multiMonth = (numberOfMonths ?? 1) > 1;
+    /** Fixed outer width; the 1rem between columns is flexible (captions may overlap into it). */
+    const multiMonthDropdown = multiMonth && captionUsesDropdown;
+    return (_jsx(DayPicker, { showOutsideDays: showOutsideDays, ...(captionLayout != null ? { captionLayout } : {}), ...(numberOfMonths != null ? { numberOfMonths } : {}), className: cn('p-3', className), classNames: {
+            root: cn('m-0', multiMonth && 'rdp-multiple_months'),
+            months: 'flex flex-col space-y-4 sm:flex-row sm:space-y-0 sm:space-x-4',
+            month: 'space-y-4',
+            table: 'w-full border-collapse space-y-1',
+            head_row: 'flex',
+            head_cell: 'w-8 rounded-md text-[0.8rem] font-normal text-muted-foreground',
+            row: 'mt-2 flex w-full',
+            cell: cn('relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md', props.mode === 'range'
+                ? '[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md'
+                : '[&:has([aria-selected])]:rounded-md'),
+            day: cn(buttonVariants({ variant: 'ghost' }), 'h-8 w-8 p-0 font-normal aria-selected:opacity-100'),
+            day_range_start: 'day-range-start',
+            day_range_end: 'day-range-end',
+            day_selected: 'bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground',
+            day_today: 'bg-accent text-accent-foreground',
+            day_outside: 'day-outside text-muted-foreground aria-selected:bg-accent/50 aria-selected:text-muted-foreground',
+            day_disabled: 'text-muted-foreground opacity-50',
+            day_range_middle: 'aria-selected:bg-accent aria-selected:text-accent-foreground',
+            day_hidden: 'invisible',
+            ...(captionUsesDropdown
+                ? dropdownCaptionClassNames(multiMonth)
+                : defaultCaptionClassNames()),
+            ...classNames,
+        }, components: {
+            IconLeft: ({ className: chevronClassName, ...chevronProps }) => (_jsx(ChevronLeft, { className: cn('w-4 h-4', chevronClassName), ...chevronProps })),
+            IconRight: ({ className: chevronClassName, ...chevronProps }) => (_jsx(ChevronRight, { className: cn('w-4 h-4', chevronClassName), ...chevronProps })),
+            ...(captionUsesDropdown
+                ? {
+                    IconDropdown: ({ className: iconClassName, ...iconProps }) => (_jsx(ChevronDown, { className: cn('size-3.5 shrink-0 opacity-50', iconClassName), ...iconProps })),
+                }
+                : {}),
+            ...componentsProp,
+        }, ...props }));
+}
+Calendar.displayName = 'Calendar';
+export { Calendar };

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

@@ -1,7 +1,7 @@
 export declare function useShowCitation(): boolean;
 export declare function BibTeXCitationMenuItem(): import("react/jsx-runtime").JSX.Element | null;
-export declare function Citation({ className, children, }: {
-    className?: string;
+export declare function Citation({ children, onOpenChange, }: {
     children: React.ReactNode;
+    onOpenChange?: (open: boolean) => void;
 }): import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=citation.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"citation.d.ts","sourceRoot":"","sources":["../../../src/components/ui/citation.tsx"],"names":[],"mappings":"AAyDA,wBAAgB,eAAe,YAI9B;AAeD,wBAAgB,sBAAsB,mDAYrC;AAED,wBAAgB,QAAQ,CAAC,EACvB,SAAS,EACT,QAAQ,GACT,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,kDAoGA"}
+{"version":3,"file":"citation.d.ts","sourceRoot":"","sources":["../../../src/components/ui/citation.tsx"],"names":[],"mappings":"AAgFA,wBAAgB,eAAe,YAI9B;AAeD,wBAAgB,sBAAsB,mDAuBrC;AAED,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,YAAY,GACb,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC,kDA8GA"}

package/dist/components/ui/citation.js

@@ -1,13 +1,26 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger, DropdownMenuItem, } from '.';
-import { useProjectManifest } from '@myst-theme/providers';
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger, DropdownMenuItem, } from '.';
+import { useFrontmatter, useProjectManifest } from '@myst-theme/providers';
 import { getYear } from '../../lib/parse-date';
 import { doi } from 'doi-utils';
-import { cn } from '../../lib/utils';
 import { triggerBlobDownload } from './article-actions-downloads';
 import { DownloadIcon, Copy, FileHeart } from 'lucide-react';
 import { Button } from './button';
 import { toast } from 'sonner';
+import { useAnalytics } from '../providers';
+function useCitationMetadata() {
+    const project = useProjectManifest();
+    const frontmatter = useFrontmatter();
+    if (!project && !frontmatter)
+        return null;
+    return {
+        title: project?.title ?? frontmatter?.title,
+        date: project?.date ?? frontmatter?.date,
+        doi: project?.doi ?? frontmatter?.doi,
+        authors: project?.authors ?? frontmatter?.authors,
+        venue: project?.venue ?? frontmatter?.venue,
+    };
+}
 function generateBibTeX(project) {
     const year = getYear(project.date);
     // Generate citation key from first author's family name and year
@@ -41,8 +54,8 @@ function generateBibTeX(project) {
     return bibtex;
 }
 export function useShowCitation() {
-    const project = useProjectManifest();
-    const doiUrl = doi.buildUrl(project?.doi);
+    const metadata = useCitationMetadata();
+    const doiUrl = doi.buildUrl(metadata?.doi);
     return !!doiUrl;
 }
 function handleDownloadBibTeX(project) {
@@ -53,18 +66,28 @@ function handleDownloadBibTeX(project) {
     triggerBlobDownload(blob, filename);
 }
 export function BibTeXCitationMenuItem() {
-    const project = useProjectManifest();
+    const metadata = useCitationMetadata();
     const showCitation = useShowCitation();
-    if (!showCitation || !project)
+    const capture = useAnalytics();
+    if (!showCitation || !metadata)
         return null;
-    return (_jsxs(DropdownMenuItem, { onClick: () => handleDownloadBibTeX(project), children: [_jsx(FileHeart, { className: "mr-2 h-4 w-4" }), "BibTeX Citation"] }));
+    return (_jsxs(DropdownMenuItem, { onClick: () => {
+            capture('citation_download', {
+                action: 'clicked',
+                category: 'export',
+                format: 'bibtex',
+                surface: 'actions_menu_exports_submenu',
+            });
+            handleDownloadBibTeX(metadata);
+        }, children: [_jsx(FileHeart, { className: "mr-2 w-4 h-4" }), "BibTeX Citation"] }));
 }
-export function Citation({ className, children, }) {
-    const project = useProjectManifest();
-    const doiUrl = doi.buildUrl(project?.doi);
+export function Citation({ children, onOpenChange, }) {
+    const metadata = useCitationMetadata();
+    const doiUrl = doi.buildUrl(metadata?.doi);
+    const capture = useAnalytics();
     if (!doiUrl)
         return null;
-    return (_jsxs(Dialog, { children: [_jsx(DialogTrigger, { asChild: true, children: _jsx("div", { className: cn('cursor-pointer', className), children: children }) }), _jsxs(DialogContent, { children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { className: "mb-2 text-2xl font-semibold", children: "Cite Article" }) }), _jsx("div", { className: "space-y-4", children: _jsx("div", { children: _jsxs("p", { className: "p-3 text-sm rounded text-muted-foreground bg-muted", children: [project?.authors
+    return (_jsxs(Dialog, { onOpenChange: onOpenChange, children: [_jsx(DialogTrigger, { asChild: true, children: children }), _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { className: "mb-2 text-2xl font-semibold", children: "Cite Article" }), _jsx(DialogDescription, { className: "sr-only", children: "Citation details for this article, including a formatted reference, DOI link, and BibTeX download." })] }), _jsx("div", { className: "space-y-4", children: _jsx("div", { children: _jsxs("p", { className: "p-3 text-sm rounded text-muted-foreground bg-muted", children: [metadata?.authors
                                         ?.map((author, idx, arr) => {
                                         const family = author.nameParsed
                                             ? (author.nameParsed?.family ?? '')
@@ -88,12 +111,19 @@ export function Citation({ className, children, }) {
                                         }
                                         return `${idx === 0 ? '' : sep}${family}${initials ? ', ' + initials : ''}`;
                                     })
-                                        .join(''), ' ', "(", getYear(project?.date), "). ", project?.title, ".", project?.venue?.title ? ` ${project.venue.title},` : '', project?.doi && (_jsxs(_Fragment, { children: [' ', _jsx("a", { href: doiUrl, target: "_blank", rel: "noopener noreferrer", className: "underline", children: doiUrl })] }))] }) }) }), _jsxs("div", { className: "mb-4 prose prose-sm dark:prose-invert", children: [_jsxs("div", { className: "mb-4 flex gap-2 justify-end", children: [doiUrl && (_jsxs(Button, { variant: "outline", size: "sm", onClick: () => {
+                                        .join(''), ' ', "(", getYear(metadata?.date), "). ", metadata?.title, ".", metadata?.venue?.title ? ` ${metadata.venue.title},` : '', metadata?.doi && (_jsxs(_Fragment, { children: [' ', _jsx("a", { href: doiUrl, target: "_blank", rel: "noopener noreferrer", className: "underline", children: doiUrl })] }))] }) }) }), _jsxs("div", { className: "mb-4 prose prose-sm dark:prose-invert", children: [_jsxs("div", { className: "flex gap-2 justify-end mb-4", children: [doiUrl && (_jsxs(Button, { variant: "outline", size: "sm", onClick: () => {
                                             navigator.clipboard.writeText(doiUrl);
+                                            capture('article_doi_copied', { doi: doiUrl, surface: 'citation_dialog' });
                                             toast.success(_jsxs("div", { children: ["DOI copied to clipboard: ", _jsx("br", {}), _jsx("a", { href: doiUrl, children: doiUrl })] }));
                                         }, className: "gap-2", children: [_jsx(Copy, { className: "w-4 h-4" }), "Copy DOI"] })), _jsxs(Button, { variant: "outline", size: "sm", onClick: () => {
-                                            if (!project)
+                                            if (!metadata)
                                                 return;
-                                            handleDownloadBibTeX(project);
+                                            capture('citation_download', {
+                                                action: 'clicked',
+                                                category: 'export',
+                                                format: 'bibtex',
+                                                surface: 'citation_dialog',
+                                            });
+                                            handleDownloadBibTeX(metadata);
                                         }, className: "gap-2", children: [_jsx(DownloadIcon, { className: "w-4 h-4" }), "Download BibTeX"] })] }), doiUrl && (_jsxs("div", { className: "mb-2", children: [_jsx("div", { className: "font-medium", children: "DOI" }), _jsx("a", { href: doiUrl, className: "break-all", target: "_blank", rel: "noopener noreferrer", children: doiUrl })] }))] })] })] }));
 }

package/dist/components/ui/collapsible-backmatter-section.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+export declare function useCollapsibleBackmatter(totalCount: number, limit?: boolean | number, defaultLimit?: number): {
+    hidden: boolean;
+    toggle: () => void;
+    displayedCount: number;
+    isCollapsible: boolean;
+    limit: number | undefined;
+};
+export declare function CollapsibleBackmatterHeader({ id, title, linkTitle, hidden, onToggle, isCollapsible, className, buttonClassName, }: {
+    id: string;
+    title: string;
+    linkTitle: string;
+    hidden: boolean;
+    onToggle: () => void;
+    isCollapsible: boolean;
+    className?: string;
+    buttonClassName?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function CollapsibleBackmatterFooterButton({ hidden, onToggle, totalCount, itemLabel, sectionId, className, as: Wrapper, }: {
+    hidden: boolean;
+    onToggle: () => void;
+    totalCount: number;
+    itemLabel: string;
+    sectionId?: string;
+    className?: string;
+    as?: React.ElementType;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=collapsible-backmatter-section.d.ts.map

package/dist/components/ui/collapsible-backmatter-section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible-backmatter-section.d.ts","sourceRoot":"","sources":["../../../src/components/ui/collapsible-backmatter-section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AA+BxC,wBAAgB,wBAAwB,CACtC,UAAU,EAAE,MAAM,EAClB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,EACxB,YAAY,SAAK,GAChB;IACD,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,OAAO,CAAC;IACvB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;CAC3B,CAcA;AAED,wBAAgB,2BAA2B,CAAC,EAC1C,EAAE,EACF,KAAK,EACL,SAAS,EACT,MAAM,EACN,QAAQ,EACR,aAAa,EACb,SAAS,EACT,eAAe,GAChB,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,2CA6BA;AAED,wBAAgB,iCAAiC,CAAC,EAChD,MAAM,EACN,QAAQ,EACR,UAAU,EACV,SAAS,EACT,SAAS,EACT,SAAS,EACT,EAAE,EAAE,OAAe,GACpB,EAAE;IACD,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACxB,2CAuBA"}