@curvenote/theme-ui 2.0.1 → 2.1.0

package/dist/components/site-renderers/host-react-modules.js

@@ -0,0 +1,17 @@
+import * as ReactNamespace from 'react';
+import * as ReactDOMNamespace from 'react-dom';
+import * as ReactDOMClientNamespace from 'react-dom/client';
+import * as JsxRuntime from 'react/jsx-runtime';
+import * as JsxDevRuntime from 'react/jsx-dev-runtime';
+import { registerHostModules } from './host-import-map.js';
+/** Runtime namespaces corresponding exactly to the supported host import-map specifiers. */
+export const HOST_REACT_MODULES = {
+    react: ReactNamespace,
+    'react/jsx-runtime': JsxRuntime,
+    'react/jsx-dev-runtime': JsxDevRuntime,
+    'react-dom': ReactDOMNamespace,
+    'react-dom/client': ReactDOMClientNamespace,
+};
+export function registerReactHostModules() {
+    registerHostModules(HOST_REACT_MODULES);
+}

package/dist/components/site-renderers/index.d.ts

@@ -0,0 +1,6 @@
+export { SiteMystProviders } from './site-myst-providers.js';
+export { HostImportMap, HOST_REACT_MODULES } from './host-import-map-script.js';
+export { registerReactHostModules } from './host-react-modules.js';
+export * from './host-import-map.js';
+export * from './site-renderers.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/site-renderers/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/site-renderers/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAChF,OAAO,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AACnE,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC"}

package/dist/components/site-renderers/index.js

@@ -0,0 +1,7 @@
+// Site render plugins: renderer modules a site lists in its config (`renderers`), loaded at
+// runtime, plus the host import map that lets those modules share the theme's React.
+export { SiteMystProviders } from './site-myst-providers.js';
+export { HostImportMap, HOST_REACT_MODULES } from './host-import-map-script.js';
+export { registerReactHostModules } from './host-react-modules.js';
+export * from './host-import-map.js';
+export * from './site-renderers.js';

package/dist/components/site-renderers/site-myst-providers.d.ts

@@ -0,0 +1,8 @@
+import { type ReactNode } from 'react';
+import * as React from 'react';
+import type { NodeRenderers } from '@myst-theme/providers';
+export declare function SiteMystProviders({ children, renderers: baseRenderers, }: {
+    children: ReactNode;
+    renderers: NodeRenderers;
+}): React.JSX.Element;
+//# sourceMappingURL=site-myst-providers.d.ts.map

package/dist/components/site-renderers/site-myst-providers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"site-myst-providers.d.ts","sourceRoot":"","sources":["../../../src/components/site-renderers/site-myst-providers.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACpE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAW3D,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,SAAS,EAAE,aAAa,GACzB,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,EAAE,aAAa,CAAC;CAC1B,qBAsCA"}

package/dist/components/site-renderers/site-myst-providers.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import * as React from 'react';
+import { MyST } from 'myst-to-react';
+import { MystProviders } from '../providers/myst-providers.js';
+import { usePlatformConfig } from '../providers/platform-providers.js';
+import { getSiteRendererUrls, loadSiteRenderers, mergeBaseWithSitePlugins, siteRendererUrlsKey, } from './site-renderers.js';
+export function SiteMystProviders({ children, renderers: baseRenderers, }) {
+    const config = usePlatformConfig();
+    const [renderers, setRenderers] = useState(baseRenderers);
+    const pluginsRef = useRef([]);
+    const baseRenderersRef = useRef(baseRenderers);
+    baseRenderersRef.current = baseRenderers;
+    const urls = getSiteRendererUrls(config.renderers);
+    const rendererUrlsKey = siteRendererUrlsKey(urls);
+    // Re-merge when base renderers change without clearing loaded plugins.
+    useEffect(() => {
+        setRenderers(mergeBaseWithSitePlugins(baseRenderers, pluginsRef.current));
+    }, [baseRenderers]);
+    // Reload plugins only when the renderer URL list actually changes.
+    useEffect(() => {
+        if (!urls.length) {
+            pluginsRef.current = [];
+            setRenderers(baseRenderersRef.current);
+            return;
+        }
+        let cancelled = false;
+        void loadSiteRenderers(urls, { React, ASTComponent: MyST }).then((plugins) => {
+            if (cancelled)
+                return;
+            pluginsRef.current = plugins;
+            setRenderers(mergeBaseWithSitePlugins(baseRenderersRef.current, plugins));
+        });
+        return () => {
+            cancelled = true;
+        };
+        // urls is derived from rendererUrlsKey; depend on the stable key only.
+    }, [rendererUrlsKey]);
+    return _jsx(MystProviders, { renderers: renderers, children: children });
+}

package/dist/components/site-renderers/site-renderers.d.ts

@@ -0,0 +1,23 @@
+import type * as ReactNamespace from 'react';
+import { type NodeRenderers } from '@myst-theme/providers';
+import type { GenericNode } from 'myst-common';
+export type ASTComponentProps = {
+    ast?: GenericNode | GenericNode[];
+    className?: string;
+};
+export type ASTRendererContext = {
+    React: typeof ReactNamespace;
+    ASTComponent: ReactNamespace.ComponentType<ASTComponentProps>;
+};
+export type ASTRenderer = (ctx: ASTRendererContext) => NodeRenderers;
+export type SiteRendererRef = string | {
+    url: string;
+    name?: string;
+};
+export declare function getSiteRendererUrls(renderers: SiteRendererRef[] | undefined | null): string[];
+/** Stable effect dependency when renderer URL lists are equal by value. */
+export declare function siteRendererUrlsKey(urls: string[]): string;
+/** Merge base renderers with loaded plugins, or return base when plugins are empty. */
+export declare function mergeBaseWithSitePlugins(baseRenderers: NodeRenderers, plugins: NodeRenderers[]): NodeRenderers;
+export declare function loadSiteRenderers(urls: string[], ctx: ASTRendererContext): Promise<NodeRenderers[]>;
+//# sourceMappingURL=site-renderers.d.ts.map

package/dist/components/site-renderers/site-renderers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"site-renderers.d.ts","sourceRoot":"","sources":["../../../src/components/site-renderers/site-renderers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,cAAc,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAkB,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC3E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAI/C,MAAM,MAAM,iBAAiB,GAAG;IAC9B,GAAG,CAAC,EAAE,WAAW,GAAG,WAAW,EAAE,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,OAAO,cAAc,CAAC;IAC7B,YAAY,EAAE,cAAc,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;CAC/D,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,CAAC,GAAG,EAAE,kBAAkB,KAAK,aAAa,CAAC;AAErE,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEtE,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,eAAe,EAAE,GAAG,SAAS,GAAG,IAAI,GAAG,MAAM,EAAE,CAK7F;AAED,2EAA2E;AAC3E,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,MAAM,CAE1D;AAED,uFAAuF;AACvF,wBAAgB,wBAAwB,CACtC,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,aAAa,EAAE,GACvB,aAAa,CAGf;AAED,wBAAsB,iBAAiB,CACrC,IAAI,EAAE,MAAM,EAAE,EACd,GAAG,EAAE,kBAAkB,GACtB,OAAO,CAAC,aAAa,EAAE,CAAC,CAiC1B"}

package/dist/components/site-renderers/site-renderers.js

@@ -0,0 +1,48 @@
+import { mergeRenderers } from '@myst-theme/providers';
+import { isImportMapResolutionError } from './host-import-map.js';
+import { registerReactHostModules } from './host-react-modules.js';
+export function getSiteRendererUrls(renderers) {
+    if (!renderers?.length)
+        return [];
+    return renderers
+        .map((entry) => (typeof entry === 'string' ? entry : entry?.url))
+        .filter((url) => typeof url === 'string' && url.length > 0);
+}
+/** Stable effect dependency when renderer URL lists are equal by value. */
+export function siteRendererUrlsKey(urls) {
+    return urls.join('\0');
+}
+/** Merge base renderers with loaded plugins, or return base when plugins are empty. */
+export function mergeBaseWithSitePlugins(baseRenderers, plugins) {
+    if (!plugins.length)
+        return baseRenderers;
+    return mergeRenderers([baseRenderers, ...plugins]);
+}
+export async function loadSiteRenderers(urls, ctx) {
+    // Ensure namespaces are registered even if HostImportMap has not evaluated yet.
+    registerReactHostModules();
+    const results = await Promise.all(urls.map(async (url) => {
+        try {
+            const mod = await import(/* @vite-ignore */ url);
+            const exported = mod.default ?? mod.renderers;
+            if (typeof exported === 'function') {
+                return exported(ctx);
+            }
+            if (exported && typeof exported === 'object') {
+                return exported;
+            }
+            console.warn(`Site renderer at ${url} must default-export a NodeRenderers map or an ASTRenderer (ctx) => NodeRenderers`);
+            return null;
+        }
+        catch (error) {
+            if (isImportMapResolutionError(error)) {
+                console.warn(`Failed to load site renderer (host import map missing or applied too late for bare specifiers): ${url}`, error);
+            }
+            else {
+                console.warn(`Failed to load site renderer: ${url}`, error);
+            }
+            return null;
+        }
+    }));
+    return results.filter((result) => result != null);
+}

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

@@ -5,6 +5,6 @@ interface CalloutProps {
     button?: React.ReactNode;
     className?: string;
 }
-export declare function Callout({ title, description, button, className }: CalloutProps): import("react/jsx-runtime").JSX.Element;
+export declare function Callout({ title, description, button, className }: CalloutProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=Callout.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Callout.d.ts","sourceRoot":"","sources":["../../../src/components/ui/Callout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,UAAU,YAAY;IACpB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,YAAY,2CAkB9E"}
+{"version":3,"file":"Callout.d.ts","sourceRoot":"","sources":["../../../src/components/ui/Callout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,UAAU,YAAY;IACpB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,YAAY,qBAkB9E"}

package/dist/components/ui/Callout.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { Info } from 'lucide-react';
-import { cn } from '../../lib/utils';
+import { cn } from '../../lib/utils.js';
 export function Callout({ title, description, button, className }) {
     return (_jsxs("div", { className: cn('flex flex-col lg:flex-row items-center justify-between bg-muted/50 rounded p-4 my-4 gap-3', className), children: [_jsxs("div", { className: "flex items-start gap-2 grow self-start", children: [_jsx(Info, { className: "text-sky-500 mt-0.5", size: 18 }), _jsxs("div", { children: [_jsx("div", { className: "font-semibold text-sm", children: title }), description && _jsx("div", { className: "text-sm text-muted-foreground mt-0.5", children: description })] })] }), button && _jsx("div", { className: "ml-4 self-end lg:self-center", children: button })] }));
 }

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

@@ -1,2 +1,3 @@
-export declare function PageCards(): import("react/jsx-runtime").JSX.Element;
+import * as React from 'react';
+export declare function PageCards(): React.JSX.Element;
 //# sourceMappingURL=PageCards.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PageCards.d.ts","sourceRoot":"","sources":["../../../src/components/ui/PageCards.tsx"],"names":[],"mappings":"AAIA,wBAAgB,SAAS,4CAyCxB"}
+{"version":3,"file":"PageCards.d.ts","sourceRoot":"","sources":["../../../src/components/ui/PageCards.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,wBAAgB,SAAS,sBAyCxB"}

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

@@ -1,7 +1,8 @@
+import React from 'react';
 export declare function Abbreviations({ sorted, className, hideManyAbbreviations, }: {
     sorted?: boolean;
     className?: string;
     /** When truthy, initially show only this many abbreviations with a "Show All" option. Pass a number or true. */
     hideManyAbbreviations?: boolean | number;
-}): import("react/jsx-runtime").JSX.Element | null;
+}): React.JSX.Element | null;
 //# sourceMappingURL=abbreviations.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"abbreviations.d.ts","sourceRoot":"","sources":["../../../src/components/ui/abbreviations.tsx"],"names":[],"mappings":"AAgCA,wBAAgB,aAAa,CAAC,EAC5B,MAAa,EACb,SAAS,EACT,qBAAkD,GACnD,EAAE;IACD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gHAAgH;IAChH,qBAAqB,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC1C,kDAsDA"}
+{"version":3,"file":"abbreviations.d.ts","sourceRoot":"","sources":["../../../src/components/ui/abbreviations.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAuB1B,wBAAgB,aAAa,CAAC,EAC5B,MAAa,EACb,SAAS,EACT,qBAAkD,GACnD,EAAE;IACD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gHAAgH;IAChH,qBAAqB,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC1C,4BAsDA"}

package/dist/components/ui/abbreviations.js

@@ -1,24 +1,17 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { useFrontmatter, useReferences } from '@myst-theme/providers';
-import { toText } from 'myst-common';
-import { cn } from '../../lib/utils';
-import { selectAll } from 'unist-util-select';
-import { PART_IDS } from './types';
-import { useCollapsibleBackmatter, CollapsibleBackmatterHeader, CollapsibleBackmatterFooterButton, } from './collapsible-backmatter-section';
-import { dedupeAbbreviationEntries } from '../../lib/dedupeAbbreviations';
+import { cn } from '../../lib/utils.js';
+import { PART_IDS } from './types.js';
+import { useCollapsibleBackmatter, CollapsibleBackmatterHeader, CollapsibleBackmatterFooterButton, } from './collapsible-backmatter-section.js';
+import { selectAbbreviationEntries } from '../../lib/dedupeAbbreviations.js';
 const DEFAULT_MANY_ABBREVIATIONS = 5;
 function useAbbreviations() {
     const frontmatter = useFrontmatter();
     const references = useReferences();
     const page = references?.article;
-    const parts = Object.values(frontmatter?.parts ?? {})
-        .map((part) => part.mdast)
-        .filter(Boolean);
-    const fullTree = { type: 'page', children: [page, ...parts].filter(Boolean) };
-    const inTextAbbreviations = selectAll('abbreviation', fullTree);
-    const entries = inTextAbbreviations.map((node) => [toText(node), node.title]);
-    const deduped = dedupeAbbreviationEntries(entries, frontmatter?.abbreviations);
+    const parts = Object.values(frontmatter?.parts ?? {}).map((part) => part.mdast);
+    const deduped = selectAbbreviationEntries([page, ...parts], frontmatter?.abbreviations);
     if (deduped.length === 0)
         return undefined;
     return Object.fromEntries(deduped);
@@ -34,5 +27,5 @@ export function Abbreviations({ sorted = true, className, hideManyAbbreviations
         : Object.entries(abbreviations);
     const { hidden, toggle, displayedCount, isCollapsible } = useCollapsibleBackmatter(sortedAbbreviations.length, hideManyAbbreviations, DEFAULT_MANY_ABBREVIATIONS);
     const displayed = sortedAbbreviations.slice(0, displayedCount);
-    return (_jsxs("section", { id: PART_IDS.abbreviations, className: cn('min-w-full prose dark:prose-invert prose-sm', className), children: [_jsx(CollapsibleBackmatterHeader, { id: PART_IDS.abbreviations, title: "Abbreviations", linkTitle: "Link to Abbreviations", hidden: hidden, onToggle: toggle, isCollapsible: isCollapsible }), _jsxs("div", { className: cn('pl-3 mb-8 text-xs text-stone-500 dark:text-stone-300'), children: [_jsx("dl", { className: "grid grid-cols-[auto_1fr] gap-x-6 gap-y-2", children: displayed.map(([abbreviation, description]) => (_jsxs(React.Fragment, { children: [_jsx("dt", { className: "py-1 pt-0 m-0 mt-0 font-medium text-stone-900 dark:text-white", children: abbreviation }), _jsx("dd", { className: "flex items-center py-1 pt-0 m-0 mt-0 text-center text-stone-600 dark:text-stone-400", children: description })] }, abbreviation))) }), isCollapsible && (_jsx(CollapsibleBackmatterFooterButton, { hidden: hidden, onToggle: toggle, totalCount: sortedAbbreviations.length, itemLabel: "abbreviations", sectionId: PART_IDS.abbreviations, className: "flex justify-center pt-2", as: "div" }))] })] }));
+    return (_jsxs("section", { id: PART_IDS.abbreviations, className: cn('min-w-full prose dark:prose-invert prose-sm font-small', className), children: [_jsx(CollapsibleBackmatterHeader, { id: PART_IDS.abbreviations, title: "Abbreviations", linkTitle: "Link to Abbreviations", hidden: hidden, onToggle: toggle, isCollapsible: isCollapsible }), _jsxs("div", { className: cn('pl-3 mb-8 text-xs text-stone-500 dark:text-stone-300'), children: [_jsx("dl", { className: "grid grid-cols-[auto_1fr] gap-x-6 gap-y-2", children: displayed.map(([abbreviation, description]) => (_jsxs(React.Fragment, { children: [_jsx("dt", { className: "py-1 pt-0 m-0 mt-0 font-medium text-stone-900 dark:text-white", children: abbreviation }), _jsx("dd", { className: "flex items-center py-1 pt-0 m-0 mt-0 text-center text-stone-600 dark:text-stone-400", children: description })] }, abbreviation))) }), isCollapsible && (_jsx(CollapsibleBackmatterFooterButton, { hidden: hidden, onToggle: toggle, totalCount: sortedAbbreviations.length, itemLabel: "abbreviations", sectionId: PART_IDS.abbreviations, className: "flex justify-center pt-2", as: "div" }))] })] }));
 }

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

@@ -4,5 +4,5 @@ export declare function Abstract({ content, title, id, className, }: {
     id?: string;
     content?: GenericParent;
     className?: string;
-}): import("react/jsx-runtime").JSX.Element | null;
+}): import("react").JSX.Element | null;
 //# sourceMappingURL=abstract.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"abstract.d.ts","sourceRoot":"","sources":["../../../src/components/ui/abstract.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAe,aAAa,EAAE,MAAM,aAAa,CAAC;AAI9D,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,KAAkB,EAClB,EAAe,EACf,SAAS,GACV,EAAE;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,kDAcA"}
+{"version":3,"file":"abstract.d.ts","sourceRoot":"","sources":["../../../src/components/ui/abstract.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAe,aAAa,EAAE,MAAM,aAAa,CAAC;AAI9D,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,KAAkB,EAClB,EAAe,EACf,SAAS,GACV,EAAE;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,sCAcA"}

package/dist/components/ui/accessibility-skip-to.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { PART_IDS } from './types';
+import { PART_IDS } from './types.js';
 export declare function createSkipToTargets(): ({
     id: "skip-to-content";
     title: string;
@@ -18,8 +18,8 @@ export declare const SkipTo: React.MemoExoticComponent<({ targets }: {
         id: string;
         title: string;
     }[];
-}) => import("react/jsx-runtime").JSX.Element>;
+}) => React.JSX.Element>;
 export declare function SkipToAnchor({ id }: {
     id: (typeof PART_IDS)[keyof typeof PART_IDS];
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 //# sourceMappingURL=accessibility-skip-to.d.ts.map

package/dist/components/ui/accessibility-skip-to.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accessibility-skip-to.d.ts","sourceRoot":"","sources":["../../../src/components/ui/accessibility-skip-to.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAgBnC,wBAAgB,mBAAmB;;;;;;;;;KAMlC;AAED;;GAEG;AACH,eAAO,MAAM,MAAM,0CAA4B;IAAE,OAAO,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;CAAE,6CAkBzF,CAAC;AAEH,wBAAgB,YAAY,CAAC,EAAE,EAAE,EAAE,EAAE;IAAE,EAAE,EAAE,CAAC,OAAO,QAAQ,CAAC,CAAC,MAAM,OAAO,QAAQ,CAAC,CAAA;CAAE,2CAEpF"}
+{"version":3,"file":"accessibility-skip-to.d.ts","sourceRoot":"","sources":["../../../src/components/ui/accessibility-skip-to.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAgBtC,wBAAgB,mBAAmB;;;;;;;;;KAMlC;AAED;;GAEG;AACH,eAAO,MAAM,MAAM,0CAA4B;IAAE,OAAO,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;CAAE,uBAkBzF,CAAC;AAEH,wBAAgB,YAAY,CAAC,EAAE,EAAE,EAAE,EAAE;IAAE,EAAE,EAAE,CAAC,OAAO,QAAQ,CAAC,CAAC,MAAM,OAAO,QAAQ,CAAC,CAAA;CAAE,qBAEpF"}

package/dist/components/ui/accessibility-skip-to.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-import { PART_IDS } from './types';
+import { PART_IDS } from './types.js';
 function makeSkipClickHandler(hash) {
     return (e) => {
         e.preventDefault();

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

@@ -1,4 +1,4 @@
 export declare function Acknowledgements({ className }: {
     className?: string;
-}): import("react/jsx-runtime").JSX.Element | null;
+}): import("react").JSX.Element | null;
 //# sourceMappingURL=acknowledgements.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"acknowledgements.d.ts","sourceRoot":"","sources":["../../../src/components/ui/acknowledgements.tsx"],"names":[],"mappings":"AAeA,wBAAgB,gBAAgB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,kDAuBrE"}
+{"version":3,"file":"acknowledgements.d.ts","sourceRoot":"","sources":["../../../src/components/ui/acknowledgements.tsx"],"names":[],"mappings":"AAeA,wBAAgB,gBAAgB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,sCAuBrE"}

package/dist/components/ui/acknowledgements.js

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

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { LinkProps } from 'react-router';
-export declare function Arrow(): import("react/jsx-runtime").JSX.Element;
-export declare function LongArrowIcon({ className, ...props }: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
-export declare function ArrowLink({ children, className, ...props }: LinkProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function Arrow(): React.JSX.Element;
+export declare function LongArrowIcon({ className, ...props }: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+export declare function ArrowLink({ children, className, ...props }: LinkProps): React.JSX.Element | null;
 //# sourceMappingURL=arrow.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"arrow.d.ts","sourceRoot":"","sources":["../../../src/components/ui/arrow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI9C,wBAAgB,KAAK,4CASpB;AAED,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,2CAiBnF;AAED,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,kDAerE"}
+{"version":3,"file":"arrow.d.ts","sourceRoot":"","sources":["../../../src/components/ui/arrow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI9C,wBAAgB,KAAK,sBASpB;AAED,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,qBAiBnF;AAED,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,4BAerE"}

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

@@ -1,4 +1,7 @@
+import { FileText } from 'lucide-react';
 import type { SiteAction, SiteExport } from 'myst-config';
+import React from 'react';
+import { type AnalyticsCaptureFn } from '../providers/index.js';
 /**
  * triggerDirectDownload - aims to trigger a direct download for the
  *
@@ -17,10 +20,28 @@ export declare function triggerDirectDownload(url: string, filename?: string): P
 export declare function triggerBlobDownload(blob: Blob, filename?: string): Promise<any>;
 export declare function useDownloads(): {
     projectExports: SiteExport[];
-    projectDownloads: SiteAction[];
+    projectDownloads: (SiteAction | SiteExport)[];
     articleExports: SiteExport[];
     articleDownloads: SiteAction[];
 };
-export declare function ArticleDownloadItems(): import("react/jsx-runtime").JSX.Element | null;
-export declare function ArticleExportItems(): import("react/jsx-runtime").JSX.Element | null;
+type DownloadEventContext = {
+    category: 'download' | 'export';
+    scope: 'project' | 'article';
+    surface: string;
+};
+export declare function handleDownload(download: SiteAction | SiteExport, capture: AnalyticsCaptureFn, ctx: DownloadEventContext): Promise<void>;
+/**
+ * getExtension - lowercased extension of a file name or path, without the leading dot
+ *
+ * Compound extensions (e.g. `tar.gz`) are returned in full. A leading dot marks a
+ * hidden file rather than an extension, so `.gitignore` has no extension.
+ *
+ * @param filename - file name, path or url pathname
+ * @returns the extension, or undefined if there is none
+ */
+export declare function getExtension(filename?: string): string | undefined;
+export declare function getIconForFormat(format?: string, filename?: string): typeof FileText;
+export declare function ArticleDownloadItems(): React.JSX.Element | null;
+export declare function ArticleExportItems(): React.JSX.Element | null;
+export {};
 //# sourceMappingURL=article-actions-downloads.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"article-actions-downloads.d.ts","sourceRoot":"","sources":["../../../src/components/ui/article-actions-downloads.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAK1D;;;;;;GAMG;AACH,wBAAsB,qBAAqB,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,gBAKzE;AAED;;;;;;GAMG;AACH,wBAAsB,mBAAmB,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,MAAM,gBA0BtE;AAsCD,wBAAgB,YAAY;;;;;EAa3B;AA0HD,wBAAgB,oBAAoB,mDA8CnC;AAED,wBAAgB,kBAAkB,mDAgDjC"}
+{"version":3,"file":"article-actions-downloads.d.ts","sourceRoot":"","sources":["../../../src/components/ui/article-actions-downloads.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,QAAQ,EAUT,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAA2B,KAAK,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAEzF;;;;;;GAMG;AACH,wBAAsB,qBAAqB,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,gBAKzE;AAED;;;;;;GAMG;AACH,wBAAsB,mBAAmB,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,MAAM,gBA0BtE;AAsCD,wBAAgB,YAAY,IAAI;IAC9B,cAAc,EAAE,UAAU,EAAE,CAAC;IAC7B,gBAAgB,EAAE,CAAC,UAAU,GAAG,UAAU,CAAC,EAAE,CAAC;IAC9C,cAAc,EAAE,UAAU,EAAE,CAAC;IAC7B,gBAAgB,EAAE,UAAU,EAAE,CAAC;CAChC,CAaA;AAED,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,EAAE,UAAU,GAAG,QAAQ,CAAC;IAChC,KAAK,EAAE,SAAS,GAAG,SAAS,CAAC;IAC7B,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAeF,wBAAsB,cAAc,CAClC,QAAQ,EAAE,UAAU,GAAG,UAAU,EACjC,OAAO,EAAE,kBAAkB,EAC3B,GAAG,EAAE,oBAAoB,iBAmB1B;AA+BD;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CASlE;AAED,wBAAgB,gBAAgB,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,QAAQ,CAWpF;AAyDD,wBAAgB,oBAAoB,6BA8CnC;AAED,wBAAgB,kBAAkB,6BAgDjC"}

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

@@ -1,11 +1,11 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { DropdownMenuItem, DropdownMenuSeparator, DropdownMenuLabel } from '.';
+import { DropdownMenuItem, DropdownMenuSeparator, DropdownMenuLabel } from './index.js';
 import { useFrontmatter, useProjectManifest, useSiteManifest } from '@myst-theme/providers';
 import { toast } from 'sonner';
-import { File, FileText, FileCode, FileArchive, ScrollText, FileVolume } from 'lucide-react';
+import { File, FileText, FileCode, FileArchive, ScrollText, FileVolume, FileSpreadsheet, Presentation, FileVideo, FileCode2, FileBox, } from 'lucide-react';
 import React from 'react';
-import { BibTeXCitationMenuItem, useShowCitation } from './citation';
-import { useAnalytics, useDesign } from '../providers';
+import { BibTeXCitationMenuItem, useShowCitation } from './citation.js';
+import { useAnalytics, useDesign } from '../providers/index.js';
 /**
  * triggerDirectDownload - aims to trigger a direct download for the
  *
@@ -106,7 +106,7 @@ function buildDownloadAnalyticsProps(download, ctx) {
         downloadTitle: download.title,
     };
 }
-async function handleDownload(download, capture, ctx) {
+export async function handleDownload(download, capture, ctx) {
     const baseProps = buildDownloadAnalyticsProps(download, ctx);
     capture('article_download', { action: 'clicked', ...baseProps });
     toast.success(_jsxs(_Fragment, { children: ["Download starting... ", _jsx("br", {}), _jsx("code", { children: download.filename })] }));
@@ -124,26 +124,68 @@ const formatIconMap = {
     pdf: FileText,
     xml: FileCode,
     jats: FileCode,
-    meca: FileArchive,
-    omex: FileArchive,
+    meca: FileBox,
+    omex: FileBox,
+    zip: FileArchive,
+    'tar.gz': FileArchive,
     tex: ScrollText,
     typst: ScrollText,
     mp3: FileVolume,
+    mp4: FileVideo,
+    avi: FileVideo,
+    mov: FileVideo,
+    csv: FileSpreadsheet,
+    xlsx: FileSpreadsheet,
+    xls: FileSpreadsheet,
+    pptx: Presentation,
+    ppt: Presentation,
+    key: Presentation,
+    py: FileCode2,
+    r: FileCode2,
+    html: FileCode2,
+    ipynb: FileCode2,
 };
-function getIconForFormat(format) {
-    const lowerFormat = format.toLowerCase();
-    for (const [key, icon] of Object.entries(formatIconMap)) {
-        if (lowerFormat.includes(key)) {
-            return icon;
+/** Multi-part extensions that should be returned whole, rather than as their final segment */
+const COMPOUND_EXTENSIONS = ['tar.gz', 'tar.bz2', 'tar.xz', 'tar.zst', 'tar.lz4'];
+/**
+ * getExtension - lowercased extension of a file name or path, without the leading dot
+ *
+ * Compound extensions (e.g. `tar.gz`) are returned in full. A leading dot marks a
+ * hidden file rather than an extension, so `.gitignore` has no extension.
+ *
+ * @param filename - file name, path or url pathname
+ * @returns the extension, or undefined if there is none
+ */
+export function getExtension(filename) {
+    if (!filename)
+        return undefined;
+    const base = filename.split(/[\\/]/).pop()?.replace(/^\.+/, '').toLowerCase();
+    if (!base)
+        return undefined;
+    const compound = COMPOUND_EXTENSIONS.find((ext) => base.endsWith(`.${ext}`));
+    if (compound)
+        return compound;
+    const lastDot = base.lastIndexOf('.');
+    if (lastDot < 1)
+        return undefined;
+    return base.slice(lastDot + 1) || undefined;
+}
+export function getIconForFormat(format, filename) {
+    if (format) {
+        const lowerFormat = format.toLowerCase();
+        for (const [key, icon] of Object.entries(formatIconMap)) {
+            if (lowerFormat.includes(key)) {
+                return icon;
+            }
         }
     }
-    return File;
+    const extension = getExtension(filename);
+    return (extension && formatIconMap[extension]) || File;
 }
 function formatFromUrl(url) {
     try {
         const urlObj = new URL(url);
-        const pathname = urlObj.pathname;
-        const format = pathname.split('.').pop()?.toLowerCase();
+        const format = getExtension(urlObj.pathname);
         if (format && format.length <= 6) {
             return format;
         }
@@ -157,7 +199,7 @@ function renderDownloadItems(downloads, capture, ctx, options = {}) {
     return downloads.map((download, index) => {
         const format = download.format || formatFromUrl(download.url) || 'unknown';
         const downloadName = download.title || getFormatDisplayName(format);
-        const icon = getIconForFormat(format);
+        const icon = getIconForFormat(format, download.filename);
         if (options.linkMode) {
             return (_jsx(DropdownMenuItem, { asChild: true, children: _jsxs("a", { href: download.url, download: download.filename, target: "_blank", rel: "noopener noreferrer", onClick: () => capture('article_download', {
                         action: 'clicked',

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"article-actions-dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/ui/article-actions-dropdown.tsx"],"names":[],"mappings":"AAqCA,OAAO,KAAK,MAAM,OAAO,CAAC;AAuF1B,wBAAgB,sBAAsB,CAAC,EACrC,QAAQ,EACR,YAAY,GACb,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC,2CA4TA"}
+{"version":3,"file":"article-actions-dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/ui/article-actions-dropdown.tsx"],"names":[],"mappings":"AAqCA,OAAO,KAAK,MAAM,OAAO,CAAC;AAuF1B,wBAAgB,sBAAsB,CAAC,EACrC,QAAQ,EACR,YAAY,GACb,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC,qBA4TA"}

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',