@curvenote/theme-ui 2.0.1 → 2.0.2

package/dist/components/ui/document-outline.js

@@ -5,10 +5,24 @@ import { toText } from 'myst-common';
 import { useFrontmatter } from '@myst-theme/providers';
 import { MyST } from 'myst-to-react';
 import { Link } from 'react-router';
-import { cn } from '../../lib/utils';
+import { cn } from '../../lib/utils.js';
 import { useEffect, useMemo, useState, useRef } from 'react';
-import { useAnalytics } from '../providers';
-import { articleMdastForOutline } from '../../lib/knownParts';
+import { useAnalytics, useDesign } from '../providers/index.js';
+import { useBackmatterVisibility } from './backmatter.js';
+import { articleMdastForOutline } from '../../lib/knownParts.js';
+const DEFAULT_OUTLINE_LEVELS = 2;
+/** Indentation baseline when the article has no headings (backmatter-only outline). */
+const DEFAULT_OUTLINE_BASE_DEPTH = 2;
+/** Show the outline whenever there is at least one entry (heading or backmatter). */
+export function shouldRenderDocumentOutline(itemCount) {
+    return itemCount > 0;
+}
+/** Shallowest heading depth, or a stable fallback for backmatter-only outlines. */
+export function resolveOutlineBaseDepth(headerDepths) {
+    if (headerDepths.length === 0)
+        return DEFAULT_OUTLINE_BASE_DEPTH;
+    return Math.min(...headerDepths);
+}
 // Transform function to remove links from header nodes using unist-util-visit
 function transformHeaders(headers) {
     return headers.map((header) => {
@@ -25,27 +39,56 @@ function transformHeaders(headers) {
         return transformedHeader;
     });
 }
-export function DocumentOutline({ mdast, maxdepth = 3, className }) {
+export function DocumentOutline({ mdast, maxLevels, className }) {
     const capture = useAnalytics();
     const frontmatter = useFrontmatter();
+    const { outline_maxdepth, hide_outline_backmatter } = useDesign();
+    // a configured depth wins over the default the surrounding layout asked for
+    const levels = outline_maxdepth ?? maxLevels ?? DEFAULT_OUTLINE_LEVELS;
     const outlineMdast = useMemo(() => articleMdastForOutline(mdast, frontmatter?.parts), [mdast, frontmatter?.parts]);
     const [activeId, setActiveId] = useState(null);
     const timeoutRef = useRef(null);
     const lastActiveIdRef = useRef(null);
-    const ulRef = useRef(null);
+    const scrollRef = useRef(null);
     const [maxHeight, setMaxHeight] = useState(undefined);
     const [isVisible, setIsVisible] = useState(true);
     // Extract headers from mdast with extracted parts removed (same as article body).
-    const rawHeaders = selectAll('heading', outlineMdast);
-    const headers = transformHeaders(rawHeaders);
+    const headers = useMemo(() => transformHeaders(selectAll('heading', outlineMdast)), [outlineMdast]);
+    // Levels are counted from the shallowest heading present, not from `h1`: article bodies
+    // normally start at `h2` (the title is the `h1`), but a document that starts deeper should
+    // still get its first level listed. Backmatter-only outlines fall back to h2 indentation.
+    const baseDepth = useMemo(() => resolveOutlineBaseDepth(headers.map((h) => h.depth)), [headers]);
+    // not clamped: `0` (or less) selects no headings at all, which hides the outline entirely
+    const deepest = baseDepth + levels - 1;
+    // Headers that are actually rendered in the outline; if a deeper header (e.g. h4 when only
+    // two levels are shown) is closest to the viewport, we highlight the nearest preceding one.
+    const visibleHeaders = useMemo(() => headers.filter((h) => h.depth <= deepest && h.html_id), [headers, deepest]);
+    // Backmatter sections are appended as a separated group, in the order they render on the page.
+    const backmatter = useBackmatterVisibility();
+    const backmatterSections = hide_outline_backmatter ? [] : backmatter.visible;
+    const backmatterKey = backmatterSections.map((section) => section.anchor).join(',');
+    const items = useMemo(() => {
+        const headings = visibleHeaders.map((header) => ({
+            identifier: header.html_id,
+            depth: header.depth,
+            header,
+        }));
+        if (!backmatterKey)
+            return headings;
+        return [
+            ...headings,
+            ...backmatterSections.map((section) => ({
+                identifier: section.anchor,
+                depth: baseDepth,
+                title: section.title,
+            })),
+        ];
+        // `backmatterKey` stands in for `backmatterSections`, which is a fresh array each render
+    }, [visibleHeaders, baseDepth, backmatterKey]);
     useEffect(() => {
-        // Only consider headers that are actually rendered in the outline; if a
-        // deeper header (e.g. h4 when maxdepth is 3) is the closest to the
-        // viewport, we want to highlight the nearest preceding displayed header.
-        const visibleHeaders = headers.filter((h) => h.depth <= maxdepth && h.html_id);
         // Set initial active header based on scroll position
         const handleScroll = () => {
-            if (visibleHeaders.length === 0)
+            if (items.length === 0)
                 return;
             const scrollTop = window.scrollY;
             const windowHeight = window.innerHeight;
@@ -53,28 +96,28 @@ export function DocumentOutline({ mdast, maxdepth = 3, className }) {
             const scrollBottom = scrollTop + windowHeight;
             // If we're at the very top, activate the first displayed header
             if (scrollTop < windowHeight * 0.1) {
-                const firstHeader = visibleHeaders[0];
-                if (firstHeader?.html_id) {
-                    setActiveId(firstHeader.html_id);
+                const firstHeader = items[0];
+                if (firstHeader?.identifier) {
+                    setActiveId(firstHeader.identifier);
                 }
                 return;
             }
             // If we're near the bottom of the page, activate the last displayed header
             if (scrollBottom > documentHeight - windowHeight * 0.2) {
-                const lastHeader = visibleHeaders[visibleHeaders.length - 1];
-                if (lastHeader?.html_id) {
-                    setActiveId(lastHeader.html_id);
+                const lastHeader = items[items.length - 1];
+                if (lastHeader?.identifier) {
+                    setActiveId(lastHeader.identifier);
                 }
                 return;
             }
             // Find the displayed header that's currently in view
-            for (let i = visibleHeaders.length - 1; i >= 0; i--) {
-                const header = visibleHeaders[i];
-                const element = document.getElementById(header.html_id);
+            for (let i = items.length - 1; i >= 0; i--) {
+                const header = items[i];
+                const element = document.getElementById(header.identifier);
                 if (element) {
                     const rect = element.getBoundingClientRect();
                     if (rect.top <= windowHeight * 0.2) {
-                        setActiveId(header.html_id);
+                        setActiveId(header.identifier);
                         break;
                     }
                 }
@@ -90,9 +133,9 @@ export function DocumentOutline({ mdast, maxdepth = 3, className }) {
                 clearTimeout(timeoutRef.current);
             }
         };
-    }, [headers, maxdepth]);
+    }, [items]);
     useEffect(() => {
-        const ulElement = ulRef.current;
+        const ulElement = scrollRef.current;
         if (!ulElement)
             return;
         const updateMaxHeight = () => {
@@ -151,36 +194,40 @@ export function DocumentOutline({ mdast, maxdepth = 3, className }) {
             window.removeEventListener('resize', updateMaxHeight);
         };
     }, []); // Empty dependency array - only run on mount/unmount
-    if (!headers || headers.length < 2) {
+    // Nothing to list — don't render the "On this page" heading over an empty outline.
+    // Count composed `items` (headings + visible backmatter), not headings alone: a short
+    // article with References/Footnotes still has something useful to list.
+    if (!shouldRenderDocumentOutline(items.length)) {
         return null;
     }
-    return (_jsxs("nav", { className: cn('relative space-y-2 font-sans not-prose transition-opacity', { 'opacity-100': isVisible, 'opacity-0 pointer-events-none': !isVisible }, className), children: [_jsx("h3", { className: "mb-4 text-sm font-normal text-muted-foreground", children: "On this page" }), _jsx("ul", { ref: ulRef, className: "overflow-y-auto space-y-1 border-l-1", style: { maxHeight }, children: headers
-                    .filter((header) => header.depth <= maxdepth)
-                    .map((header, index) => {
-                    const depth = header.depth;
-                    const identifier = header.html_id;
-                    const paddingLeft = `${Math.max(1, depth - 1) * 12}px`;
-                    const isActive = activeId === identifier;
-                    return (_jsx("li", { children: _jsx(Link, { to: `#${identifier}`, className: cn('block relative text-sm transition-colors', 'px-2 py-1 -ml-[2px]', isActive
-                                ? 'text-foreground border-primary border-l-3 bg-primary/2'
-                                : 'text-muted-foreground border-border', 'hover:underline'), style: { paddingLeft }, onClick: (e) => {
-                                e.preventDefault();
-                                const el = document.querySelector(`#${identifier}`);
-                                if (!el)
-                                    return;
-                                el.scrollIntoView({ behavior: 'smooth' });
-                                history.replaceState(undefined, '', `#${identifier}`);
-                                // Changes keyboard tab-index location
-                                if (el.tabIndex === -1)
-                                    el.tabIndex = -1;
-                                el.focus({ preventScroll: true });
-                                capture('document_outline_heading_clicked', {
-                                    surface: 'document_outline',
-                                    headingId: identifier,
-                                    headingDepth: depth,
-                                    headingIndex: index,
-                                    headingText: toText(header),
-                                });
-                            }, children: _jsx(MyST, { ast: header.children }) }) }, index));
-                }) })] }));
+    // Rows are grouped so the left rail breaks between the document headings and the backmatter.
+    const renderItem = (item, index) => {
+        const { identifier, header } = item;
+        const paddingLeft = `${(item.depth - baseDepth + 1) * 12}px`;
+        const isActive = activeId === identifier;
+        return (_jsx("li", { children: _jsx(Link, { to: `#${identifier}`, className: cn('block relative text-sm transition-colors', 'px-2 py-1 -ml-[2px]', isActive
+                    ? 'text-foreground border-primary border-l-3 bg-primary/2'
+                    : 'text-muted-foreground border-border', 'hover:underline'), style: { paddingLeft }, onClick: (e) => {
+                    e.preventDefault();
+                    const el = document.querySelector(`#${identifier}`);
+                    if (!el)
+                        return;
+                    el.scrollIntoView({ behavior: 'smooth' });
+                    history.replaceState(undefined, '', `#${identifier}`);
+                    // Changes keyboard tab-index location
+                    if (el.tabIndex === -1)
+                        el.tabIndex = -1;
+                    el.focus({ preventScroll: true });
+                    capture('document_outline_heading_clicked', {
+                        surface: 'document_outline',
+                        headingId: identifier,
+                        headingDepth: item.depth,
+                        headingIndex: index,
+                        headingText: header ? toText(header) : item.title,
+                    });
+                }, children: header ? _jsx(MyST, { ast: header.children }) : item.title }) }, identifier));
+    };
+    const headingItems = items.filter((item) => item.header);
+    const backmatterItems = items.filter((item) => !item.header);
+    return (_jsxs("nav", { className: cn('relative space-y-2 font-ui transition-opacity not-prose', { 'opacity-100': isVisible, 'opacity-0 pointer-events-none': !isVisible }, className), children: [_jsx("h3", { className: "mb-4 text-sm font-normal text-muted-foreground", children: "On this page" }), _jsxs("div", { ref: scrollRef, className: "overflow-y-auto", style: { maxHeight }, children: [headingItems.length > 0 && (_jsx("ul", { className: "space-y-1 border-l-1", children: headingItems.map(renderItem) })), backmatterItems.length > 0 && (_jsx("ul", { className: "mt-4 space-y-1 lg:mt-8 border-l-1", children: backmatterItems.map((item, index) => renderItem(item, headingItems.length + index)) }))] })] }));
 }

package/dist/components/ui/dropdown-menu.d.ts

@@ -1,26 +1,26 @@
 import * as React from 'react';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
-declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuContent({ className, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): React.JSX.Element;
+declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): React.JSX.Element;
+declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): React.JSX.Element;
+declare function DropdownMenuContent({ className, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Content>): React.JSX.Element;
+declare function DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>): React.JSX.Element;
 declare function DropdownMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
     inset?: boolean;
     variant?: 'default' | 'destructive';
-}): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
+declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): React.JSX.Element;
+declare function DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): React.JSX.Element;
+declare function DropdownMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): React.JSX.Element;
 declare function DropdownMenuLabel({ className, inset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
     inset?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
+declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>): React.JSX.Element;
+declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<'span'>): React.JSX.Element;
+declare function DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>): React.JSX.Element;
 declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
     inset?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
+declare function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): React.JSX.Element;
 export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };
 //# sourceMappingURL=dropdown-menu.d.ts.map

package/dist/components/ui/dropdown-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../../src/components/ui/dropdown-menu.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../../src/components/ui/dropdown-menu.tsx"],"names":[],"mappings":"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"}

package/dist/components/ui/dropdown-menu.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { CheckIcon, ChevronRightIcon, CircleIcon } from 'lucide-react';
-import { cn } from '../../lib/utils';
+import { cn } from '../../lib/utils.js';
 function DropdownMenu({ ...props }) {
     return _jsx(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
 }

package/dist/components/ui/error-page.d.ts

@@ -4,6 +4,6 @@ interface ErrorPageProps {
     description?: string;
     className?: string;
 }
-export declare function ErrorPage({ error, title, description, className }: ErrorPageProps): import("react/jsx-runtime").JSX.Element;
+export declare function ErrorPage({ error, title, description, className }: ErrorPageProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=error-page.d.ts.map

package/dist/components/ui/error-page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"error-page.d.ts","sourceRoot":"","sources":["../../../src/components/ui/error-page.tsx"],"names":[],"mappings":"AAGA,UAAU,cAAc;IACtB,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,cAAc,2CAmCjF"}
+{"version":3,"file":"error-page.d.ts","sourceRoot":"","sources":["../../../src/components/ui/error-page.tsx"],"names":[],"mappings":"AAGA,UAAU,cAAc;IACtB,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,cAAc,+BAmCjF"}

package/dist/components/ui/error-page.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { isRouteErrorResponse } from 'react-router';
-import { cn } from '../../lib/utils';
+import { cn } from '../../lib/utils.js';
 export function ErrorPage({ error, title, description, className }) {
     let message = title || 'Oops!';
     let details = description || 'An unexpected error occurred.';

package/dist/components/ui/font-styles.d.ts

@@ -0,0 +1,23 @@
+import type { ThemeFontsConfig } from '@curvenote/common';
+/**
+ * The body font the Curvenote apps ship with when a site configures nothing. Matches the
+ * `--font-body` default in `@curvenote/styles/fonts.css`; this is what loads it.
+ */
+export declare const DEFAULT_SITE_FONTS: ThemeFontsConfig;
+/**
+ * Renders a site's configured fonts: `@font-face` rules and the `--font-*` tokens as an
+ * inline `<style>`, plus the Google Fonts link and preloads when the config asks for them.
+ *
+ * `defaults` is what the app loads for any slot the site leaves unset — typically
+ * `DEFAULT_SITE_FONTS`, so Noto Sans is only downloaded by sites that will actually show
+ * it. A site that sets `body` never fetches the default; one that sets only `heading`
+ * still gets the default body underneath it.
+ *
+ * Server-rendered from the site config, so the tokens are in the first byte of HTML and
+ * there is no flash of the fallback family. Renders nothing when no fonts are configured
+ * and no defaults are given.
+ */
+export declare function FontStyles({ defaults }?: {
+    defaults?: ThemeFontsConfig;
+}): import("react").JSX.Element | null;
+//# sourceMappingURL=font-styles.d.ts.map

package/dist/components/ui/font-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"font-styles.d.ts","sourceRoot":"","sources":["../../../src/components/ui/font-styles.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAU1D;;;GAGG;AACH,eAAO,MAAM,kBAAkB,EAAE,gBAEhC,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,GAAE;IAAE,QAAQ,CAAC,EAAE,gBAAgB,CAAA;CAAO,sCAqC5E"}

package/dist/components/ui/font-styles.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { buildFontCss, fontPreloads, googleFontsHref, unsetDefaultFonts, withDefaultFonts, } from '../../lib/fonts.js';
+import { usePlatformSite } from '../providers/platform-providers.js';
+/**
+ * The body font the Curvenote apps ship with when a site configures nothing. Matches the
+ * `--font-body` default in `@curvenote/styles/fonts.css`; this is what loads it.
+ */
+export const DEFAULT_SITE_FONTS = {
+    body: { family: 'Noto Sans', source: 'google', weights: ['100..900'], italic: true },
+};
+/**
+ * Renders a site's configured fonts: `@font-face` rules and the `--font-*` tokens as an
+ * inline `<style>`, plus the Google Fonts link and preloads when the config asks for them.
+ *
+ * `defaults` is what the app loads for any slot the site leaves unset — typically
+ * `DEFAULT_SITE_FONTS`, so Noto Sans is only downloaded by sites that will actually show
+ * it. A site that sets `body` never fetches the default; one that sets only `heading`
+ * still gets the default body underneath it.
+ *
+ * Server-rendered from the site config, so the tokens are in the first byte of HTML and
+ * there is no flash of the fallback family. Renders nothing when no fonts are configured
+ * and no defaults are given.
+ */
+export function FontStyles({ defaults } = {}) {
+    const site = usePlatformSite();
+    const fonts = site?.theme_config?.fonts;
+    const load = withDefaultFonts(fonts, defaults);
+    const css = [
+        buildFontCss(fonts),
+        buildFontCss(unsetDefaultFonts(fonts, defaults), { tokens: false }),
+    ]
+        .filter(Boolean)
+        .join('\n');
+    const google = googleFontsHref(load);
+    const preloads = fontPreloads(load);
+    if (!css && !google)
+        return null;
+    return (_jsxs(_Fragment, { children: [google && (_jsxs(_Fragment, { children: [_jsx("link", { rel: "preconnect", href: "https://fonts.googleapis.com" }), _jsx("link", { rel: "preconnect", href: "https://fonts.gstatic.com", crossOrigin: "anonymous" }), _jsx("link", { rel: "stylesheet", href: google })] })), preloads.map((href) => (_jsx("link", { rel: "preload", as: "font", type: "font/woff2", href: href, crossOrigin: "anonymous" }, href))), css && _jsx("style", { dangerouslySetInnerHTML: { __html: css } })] }));
+}

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

@@ -9,6 +9,6 @@ interface FooterLinksProps {
         next?: NavItem;
     } | null;
 }
-export declare function FooterLinks({ navigation }: FooterLinksProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function FooterLinks({ navigation }: FooterLinksProps): import("react").JSX.Element | null;
 export {};
 //# sourceMappingURL=footer-links.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"footer-links.d.ts","sourceRoot":"","sources":["../../../src/components/ui/footer-links.tsx"],"names":[],"mappings":"AAMA,UAAU,OAAO;IACf,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,GAAG,EAAE,MAAM,CAAC;CACb;AAgCD,UAAU,gBAAgB;IACxB,UAAU,CAAC,EAAE;QACX,IAAI,CAAC,EAAE,OAAO,CAAC;QACf,IAAI,CAAC,EAAE,OAAO,CAAC;KAChB,GAAG,IAAI,CAAC;CACV;AAED,wBAAgB,WAAW,CAAC,EAAE,UAAU,EAAE,EAAE,gBAAgB,kDAuB3D"}
+{"version":3,"file":"footer-links.d.ts","sourceRoot":"","sources":["../../../src/components/ui/footer-links.tsx"],"names":[],"mappings":"AAMA,UAAU,OAAO;IACf,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,GAAG,EAAE,MAAM,CAAC;CACb;AAgCD,UAAU,gBAAgB;IACxB,UAAU,CAAC,EAAE;QACX,IAAI,CAAC,EAAE,OAAO,CAAC;QACf,IAAI,CAAC,EAAE,OAAO,CAAC;KAChB,GAAG,IAAI,CAAC;CACV;AAED,wBAAgB,WAAW,CAAC,EAAE,UAAU,EAAE,EAAE,gBAAgB,sCAuB3D"}

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

@@ -2,8 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Link } from 'react-router';
 import { ChevronLeft, ChevronRight } from 'lucide-react';
 import { useBaseurl, withBaseurl } from '@myst-theme/providers';
-import { cn } from '../../lib/utils';
-import { useDesign } from '../providers/design';
+import { cn } from '../../lib/utils.js';
+import { useDesign } from '../providers/design.js';
 function FooterLink({ item, align, label }) {
     const baseUrl = useBaseurl();
     const isLeft = align === 'left';

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"footnotes.d.ts","sourceRoot":"","sources":["../../../src/components/ui/footnotes.tsx"],"names":[],"mappings":"AAwBA,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,kDA4C9D"}
+{"version":3,"file":"footnotes.d.ts","sourceRoot":"","sources":["../../../src/components/ui/footnotes.tsx"],"names":[],"mappings":"AAyBA,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,sCA4C9D"}

package/dist/components/ui/footnotes.js

@@ -2,7 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useFrontmatter, useReferences } from '@myst-theme/providers';
 import { HashLink, MyST } from 'myst-to-react';
 import { selectAll } from 'unist-util-select';
-import { cn } from '../../lib/utils';
+import { cn } from '../../lib/utils.js';
+import { PART_IDS } from './types.js';
 function useFootnotes() {
     // TODO: parts as well
     const frontmatter = useFrontmatter();
@@ -22,7 +23,7 @@ export function Footnotes({ className }) {
     const footnotes = useFootnotes();
     if (!footnotes)
         return null;
-    return (_jsxs("section", { id: "footnotes", 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: ["Footnotes", _jsx(HashLink, { id: "footnotes", title: "Link to Footnotes", hover: true, className: "ml-2" })] }), _jsx("div", { className: cn('pl-3 mb-8 text-xs text-stone-500 dark:text-stone-300'), children: _jsx("ol", { children: footnotes.defs.map((fn) => {
+    return (_jsxs("section", { id: PART_IDS.footnotes, 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: ["Footnotes", _jsx(HashLink, { id: PART_IDS.footnotes, title: "Link to Footnotes", hover: true, className: "ml-2" })] }), _jsx("div", { className: cn('pl-3 mb-8 text-xs text-stone-500 dark:text-stone-300'), children: _jsx("ol", { children: footnotes.defs.map((fn) => {
                         return (_jsx("li", { id: `fn-${fn.identifier}`, className: "group", children: _jsxs("div", { className: "flex flex-row", children: [_jsx("div", { className: "break-words grow", children: _jsx(MyST, { ast: fn.children }) }), _jsx("div", { className: "flex flex-col grow-0", children: footnotes.refs
                                             .filter((ref) => ref.identifier === fn.identifier)
                                             .map((ref) => (_jsx(HashLink, { id: `fnref-${ref.key}`, title: "Link to Content", hover: "desktop", className: "p-1", children: "\u21A9", scrollBehavior: "instant" }, ref.key))) })] }) }, fn.key));

package/dist/components/ui/frontmatter-badges.d.ts

@@ -4,34 +4,34 @@ export declare function DateString({ date, format, mobileFormat, spacer, classNa
     mobileFormat?: Intl.DateTimeFormatOptions;
     spacer?: boolean;
     className?: string;
-}): import("react/jsx-runtime").JSX.Element | null;
+}): import("react").JSX.Element | null;
 export declare function TwitterLink({ twitter: possibleLink }: {
     twitter?: string;
-}): import("react/jsx-runtime").JSX.Element | null;
+}): import("react").JSX.Element | null;
 export declare function GitHubLink({ github: possibleLink }: {
     github?: string;
-}): import("react/jsx-runtime").JSX.Element | null;
+}): import("react").JSX.Element | null;
 export declare function OpenAccessBadge({ open_access, className, }: {
     open_access?: boolean;
     className?: string;
-}): import("react/jsx-runtime").JSX.Element | null;
+}): import("react").JSX.Element | null;
 export declare function OrcidBadge({ orcid, className, authorIndex, authorName, isCorresponding, }: {
     orcid?: string;
     className?: string;
     authorIndex?: number;
     authorName?: string;
     isCorresponding?: boolean;
-}): import("react/jsx-runtime").JSX.Element | null;
+}): import("react").JSX.Element | null;
 export declare function DoiLink({ doi: possibleLink, spacer, shortenOnSmallScreens, className, }: {
     doi?: string;
     spacer?: boolean;
     shortenOnSmallScreens?: boolean;
     className?: string;
-}): import("react/jsx-runtime").JSX.Element | null;
+}): import("react").JSX.Element | null;
 export declare function EmailLink({ email, authorIndex, authorName, isCorresponding, }: {
     email?: string;
     authorIndex?: number;
     authorName?: string;
     isCorresponding?: boolean;
-}): import("react/jsx-runtime").JSX.Element | null;
+}): import("react").JSX.Element | null;
 //# sourceMappingURL=frontmatter-badges.d.ts.map

package/dist/components/ui/frontmatter-badges.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"frontmatter-badges.d.ts","sourceRoot":"","sources":["../../../src/components/ui/frontmatter-badges.tsx"],"names":[],"mappings":"AAQA,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,MAIC,EACD,YAAY,EACZ,MAAM,EACN,SAAS,GACV,EAAE;IACD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,IAAI,CAAC,qBAAqB,CAAC;IACpC,YAAY,CAAC,EAAE,IAAI,CAAC,qBAAqB,CAAC;IAC1C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,kDAwBA;AAED,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE;IAAE,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,kDAqB1E;AAED,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,kDAqBvE;AACD,wBAAgB,eAAe,CAAC,EAC9B,WAAW,EACX,SAAS,GACV,EAAE;IACD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,kDA0BA;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,SAAS,EACT,WAAW,EACX,UAAU,EACV,eAAe,GAChB,EAAE;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,kDAiCA;AAED,wBAAgB,OAAO,CAAC,EACtB,GAAG,EAAE,YAAY,EACjB,MAAM,EACN,qBAAqB,EACrB,SAAS,GACV,EAAE;IACD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,kDAuBA;AAED,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,WAAW,EACX,UAAU,EACV,eAAsB,GACvB,EAAE;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,kDAgCA"}
+{"version":3,"file":"frontmatter-badges.d.ts","sourceRoot":"","sources":["../../../src/components/ui/frontmatter-badges.tsx"],"names":[],"mappings":"AAQA,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,MAIC,EACD,YAAY,EACZ,MAAM,EACN,SAAS,GACV,EAAE;IACD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,IAAI,CAAC,qBAAqB,CAAC;IACpC,YAAY,CAAC,EAAE,IAAI,CAAC,qBAAqB,CAAC;IAC1C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,sCAwBA;AAED,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE;IAAE,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,sCAqB1E;AAED,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,sCAqBvE;AACD,wBAAgB,eAAe,CAAC,EAC9B,WAAW,EACX,SAAS,GACV,EAAE;IACD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,sCA0BA;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,SAAS,EACT,WAAW,EACX,UAAU,EACV,eAAe,GAChB,EAAE;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,sCAiCA;AAED,wBAAgB,OAAO,CAAC,EACtB,GAAG,EAAE,YAAY,EACjB,MAAM,EACN,qBAAqB,EACrB,SAAS,GACV,EAAE;IACD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,sCAuBA;AAED,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,WAAW,EACX,UAAU,EACV,eAAsB,GACvB,EAAE;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,sCAgCA"}

package/dist/components/ui/frontmatter-badges.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { OpenAccessIcon, GithubIcon, XIcon, OrcidIcon } from '@scienceicons/react/24/solid';
-import { cn } from '../../lib/utils';
-import { SimpleTooltip } from './tooltip';
+import { cn } from '../../lib/utils.js';
+import { SimpleTooltip } from './tooltip.js';
 import { Mail } from 'lucide-react';
-import { HashLink } from './hash-link';
-import { PART_IDS } from './types';
-import { useAnalytics } from '../providers';
+import { HashLink } from './hash-link.js';
+import { PART_IDS } from './types.js';
+import { useAnalytics } from '../providers/index.js';
 export function DateString({ date, format = {
     year: 'numeric',
     month: 'long',

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

@@ -2,6 +2,6 @@ type FrontmatterProps = {
     title?: string;
     subtitle?: string;
 };
-export declare function Frontmatter({ title, subtitle }: FrontmatterProps): import("react/jsx-runtime").JSX.Element;
+export declare function Frontmatter({ title, subtitle }: FrontmatterProps): import("react").JSX.Element;
 export default Frontmatter;
 //# sourceMappingURL=frontmatter.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"frontmatter.d.ts","sourceRoot":"","sources":["../../../src/components/ui/frontmatter.tsx"],"names":[],"mappings":"AAEA,KAAK,gBAAgB,GAAG;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CAOhE;AAED,eAAe,WAAW,CAAC"}
+{"version":3,"file":"frontmatter.d.ts","sourceRoot":"","sources":["../../../src/components/ui/frontmatter.tsx"],"names":[],"mappings":"AAEA,KAAK,gBAAgB,GAAG;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,gBAAgB,+BAOhE;AAED,eAAe,WAAW,CAAC"}

package/dist/components/ui/frontmatter.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from '../../lib/utils';
+import { cn } from '../../lib/utils.js';
 export function Frontmatter({ title, subtitle }) {
     return (_jsxs("div", { children: [title && _jsx("h1", { className: cn({ 'mb-4': subtitle }), children: title }), subtitle && _jsx("div", { className: "mb-10 text-lg text-muted-foreground", children: subtitle })] }));
 }

package/dist/components/ui/hash-link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hash-link.d.ts","sourceRoot":"","sources":["../../../src/components/ui/hash-link.tsx"],"names":[],"mappings":"AAOA,OAAO,EAGL,KAAK,oBAAoB,EAEzB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACtC,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,KAAK,CAAC;IAC1C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wEAAwE;IACxE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,CAAC,CAAC;AAUjF,wBAAgB,eAAe,CAC7B,EAAE,EAAE,WAAW,GAAG,IAAI,EACtB,EACE,MAAe,EACf,cAAyB,EACzB,YAAwB,EACxB,WAAkB,GACnB,GAAE;IACD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,KAAK,CAAC;IAC1C,WAAW,CAAC,EAAE,OAAO,CAAC;CAClB,QAcP;AAED,eAAO,MAAM,QAAQ;SA1Dd,MAAM;WACJ,MAAM;YACL,MAAM,GAAG,IAAI;eACV,SAAS;oBACJ,OAAO;YACf,OAAO,GAAG,SAAS;gBACf,MAAM;kBACJ,OAAO;qBACJ,cAAc;mBAChB,MAAM,GAAG,SAAS,GAAG,KAAK;kBAC3B,OAAO;cACX,OAAO;IACjB,wEAAwE;kBAC1D,MAAM;gBACR,iBAAiB;IAC7B;;;OAGG;qBACc,MAAM;oIAiIvB,CAAC"}
+{"version":3,"file":"hash-link.d.ts","sourceRoot":"","sources":["../../../src/components/ui/hash-link.tsx"],"names":[],"mappings":"AAOA,OAAO,EAGL,KAAK,oBAAoB,EAEzB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACtC,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,KAAK,CAAC;IAC1C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wEAAwE;IACxE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,CAAC,CAAC;AAUjF,wBAAgB,eAAe,CAC7B,EAAE,EAAE,WAAW,GAAG,IAAI,EACtB,EACE,MAAe,EACf,cAAyB,EACzB,YAAwB,EACxB,WAAkB,GACnB,GAAE;IACD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,KAAK,CAAC;IAC1C,WAAW,CAAC,EAAE,OAAO,CAAC;CAClB,QAcP;AAGD,eAAO,MAAM,QAAQ;SA3Dd,MAAM;WACJ,MAAM;YACL,MAAM,GAAG,IAAI;eACV,SAAS;oBACJ,OAAO;YACf,OAAO,GAAG,SAAS;gBACf,MAAM;kBACJ,OAAO;qBACJ,cAAc;mBAChB,MAAM,GAAG,SAAS,GAAG,KAAK;kBAC3B,OAAO;cACX,OAAO;IACjB,wEAAwE;kBAC1D,MAAM;gBACR,iBAAiB;IAC7B;;;OAGG;qBACc,MAAM;oIAkIvB,CAAC"}

package/dist/components/ui/hash-link.js

@@ -6,7 +6,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useXRefState } from '@myst-theme/providers';
 import { cn } from '@curvenote/react-utils';
 import { forwardRef, useCallback, } from 'react';
-import { useAnalytics } from '../providers';
+import { useAnalytics } from '../providers/index.js';
 function openDetails(el) {
     if (!el)
         return;
@@ -32,6 +32,7 @@ export function scrollToElement(el, { htmlId = el?.id, scrollBehavior = 'smooth'
         el.focus({ preventScroll: true });
     }
 }
+// eslint-disable-next-line @typescript-eslint/no-shadow -- the render function name is the displayName
 export const HashLink = forwardRef(function HashLink({ id, kind, title = kind ? `Link to this ${kind}` : 'Link to this section', children = '¶', canSelectText = false, hover, className = 'font-normal', hideInPopup, scrollBehavior, historyState, focusTarget, noWidth, scrollDelay, analytics, analyticsEvent = 'content_hash_link_clicked', onClick, ...rest }, ref) {
     const capture = useAnalytics();
     const { inCrossRef } = useXRefState();

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

@@ -29,9 +29,9 @@ export declare function Picture({ ref, className, src, srcOptimized, urlSource,
     onLoad?: () => void;
     onLoadedData?: () => void;
     onError?: () => void;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export declare function Image({ src, srcOptimized, urlSource, alt, className, showLightbox, width, height, align, caption, onLightboxOpen, onError, }: ImageProps & {
     caption?: string | GenericParent;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export {};
 //# sourceMappingURL=image.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../src/components/ui/image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAMjD,UAAU,UAAU;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,KAAK,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAiF7C,wBAAgB,OAAO,CAAC,EACtB,GAAG,EACH,SAAS,EACT,GAAG,EACH,YAAY,EACZ,SAAS,EACT,KAAgB,EAChB,GAAG,EACH,KAAK,EACL,MAAM,EACN,OAAO,EACP,KAAK,EACL,MAAM,EACN,YAAY,EACZ,OAAO,GACR,EAAE;IACD,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,gBAAgB,GAAG,IAAI,CAAC,CAAC;IAClE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,2CA+CA;AAED,wBAAgB,KAAK,CAAC,EACpB,GAAG,EACH,YAAY,EACZ,SAAS,EACT,GAAG,EACH,SAAS,EACT,YAAmB,EACnB,KAAK,EACL,MAAM,EACN,KAAgB,EAChB,OAAO,EACP,cAAc,EACd,OAAO,GACR,EAAE,UAAU,GAAG;IAAE,OAAO,CAAC,EAAE,MAAM,GAAG,aAAa,CAAA;CAAE,2CAyCnD"}
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../src/components/ui/image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAMjD,UAAU,UAAU;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,KAAK,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAiF7C,wBAAgB,OAAO,CAAC,EACtB,GAAG,EACH,SAAS,EACT,GAAG,EACH,YAAY,EACZ,SAAS,EACT,KAAgB,EAChB,GAAG,EACH,KAAK,EACL,MAAM,EACN,OAAO,EACP,KAAK,EACL,MAAM,EACN,YAAY,EACZ,OAAO,GACR,EAAE;IACD,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,gBAAgB,GAAG,IAAI,CAAC,CAAC;IAClE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,qBA+CA;AAED,wBAAgB,KAAK,CAAC,EACpB,GAAG,EACH,YAAY,EACZ,SAAS,EACT,GAAG,EACH,SAAS,EACT,YAAmB,EACnB,KAAK,EACL,MAAM,EACN,KAAgB,EAChB,OAAO,EACP,cAAc,EACd,OAAO,GACR,EAAE,UAAU,GAAG;IAAE,OAAO,CAAC,EAAE,MAAM,GAAG,aAAa,CAAA;CAAE,qBAyCnD"}

package/dist/components/ui/image.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
-import { cn } from '../../lib/utils';
-import { useLightbox } from '../providers/lightbox-provider';
-import { OverlayInteractionDepthContext } from '../providers/overlay-depth';
+import { cn } from '../../lib/utils.js';
+import { useLightbox } from '../providers/lightbox-provider.js';
+import { OverlayInteractionDepthContext } from '../providers/overlay-depth.js';
 function getStyleValue(width) {
     if (typeof width === 'number' && Number.isNaN(width)) {
         // If it is nan, return undefined.