@curvenote/theme-ui 1.0.1 → 2.0.0

package/dist/components/ui/collapsible-backmatter-section.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useState } from 'react';
+import { HashLink } from 'myst-to-react';
+import { cn } from '../../lib/utils';
+import { useAnalytics } from '../providers';
+import { Button } from './button';
+function trackBackmatterToggle(capture, { hidden, toggleLocation, sectionId, itemCount, itemLabel, }) {
+    capture(hidden ? 'content_backmatter_expanded' : 'content_backmatter_collapsed', {
+        surface: 'content',
+        sectionId,
+        toggleLocation,
+        itemCount,
+        itemLabel,
+    });
+}
+export function useCollapsibleBackmatter(totalCount, limit, defaultLimit = 15) {
+    const resolvedLimit = limit === true ? defaultLimit : typeof limit === 'number' ? limit : undefined;
+    const [hidden, setHidden] = useState(true);
+    const isCollapsible = !!resolvedLimit && totalCount > resolvedLimit;
+    const displayedCount = hidden && resolvedLimit ? resolvedLimit : totalCount;
+    return {
+        hidden,
+        toggle: () => setHidden((h) => !h),
+        displayedCount,
+        isCollapsible,
+        limit: resolvedLimit,
+    };
+}
+export function CollapsibleBackmatterHeader({ id, title, linkTitle, hidden, onToggle, isCollapsible, className, buttonClassName, }) {
+    const capture = useAnalytics();
+    return (_jsx("header", { className: cn('text-lg font-semibold text-stone-900 dark:text-white group', className), children: _jsxs("div", { className: "flex justify-between items-center", children: [_jsxs("span", { children: [title, _jsx(HashLink, { id: id, title: linkTitle, hover: true, className: "ml-2" })] }), isCollapsible && (_jsx(Button, { variant: "outline", onClick: () => {
+                        trackBackmatterToggle(capture, {
+                            hidden,
+                            toggleLocation: 'header',
+                            sectionId: id,
+                        });
+                        onToggle();
+                    }, className: cn('text-xs', buttonClassName), children: hidden ? 'Show All' : 'Collapse' }))] }) }));
+}
+export function CollapsibleBackmatterFooterButton({ hidden, onToggle, totalCount, itemLabel, sectionId, className, as: Wrapper = 'div', }) {
+    const capture = useAnalytics();
+    return (_jsx(Wrapper, { className: className, children: _jsx(Button, { variant: "outline", onClick: () => {
+                trackBackmatterToggle(capture, {
+                    hidden,
+                    toggleLocation: 'footer',
+                    sectionId: sectionId ?? itemLabel,
+                    itemCount: totalCount,
+                    itemLabel,
+                });
+                onToggle();
+            }, className: "text-xs", children: hidden ? `Show all ${totalCount} ${itemLabel}` : `Collapse ${itemLabel}` }) }));
+}

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

@@ -3,6 +3,6 @@ interface CookieBannerProps {
     message?: string;
     privacyLink?: string;
 }
-export declare function CookieBanner({ className, message, privacyLink, }: CookieBannerProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function CookieBanner({ className, message: messageProp, privacyLink: privacyLinkProp, }: CookieBannerProps): import("react/jsx-runtime").JSX.Element | null;
 export {};
 //# sourceMappingURL=cookie-banner.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"cookie-banner.d.ts","sourceRoot":"","sources":["../../../src/components/ui/cookie-banner.tsx"],"names":[],"mappings":"AAIA,UAAU,iBAAiB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,OAAwI,EACxI,WAA2C,GAC5C,EAAE,iBAAiB,kDA8DnB"}
+{"version":3,"file":"cookie-banner.d.ts","sourceRoot":"","sources":["../../../src/components/ui/cookie-banner.tsx"],"names":[],"mappings":"AASA,UAAU,iBAAiB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,OAAO,EAAE,WAAW,EACpB,WAAW,EAAE,eAAe,GAC7B,EAAE,iBAAiB,kDAkEnB"}

package/dist/components/ui/cookie-banner.js

@@ -2,7 +2,14 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { Button } from '.';
 import { cn } from '../../lib/utils';
-export function CookieBanner({ className, message = 'We use cookies to enhance your experience on our website. By continuing to use this site, you consent to our use of cookies.', privacyLink = 'https://curvenote.com/legal', }) {
+import { usePlatformSite } from '../providers/platform-providers';
+const DEFAULT_MESSAGE = 'We use cookies to enhance your experience on our website. By continuing to use this site, you consent to our use of cookies.';
+const DEFAULT_PRIVACY_URL = 'https://curvenote.com/legal';
+export function CookieBanner({ className, message: messageProp, privacyLink: privacyLinkProp, }) {
+    const site = usePlatformSite();
+    const { cookie_banner_message, privacy_url } = site?.theme_config ?? {};
+    const message = messageProp || cookie_banner_message || DEFAULT_MESSAGE;
+    const privacyLink = privacyLinkProp || privacy_url || DEFAULT_PRIVACY_URL;
     const [isVisible, setIsVisible] = React.useState(false);
     const [hasConsented, setHasConsented] = React.useState(false);
     React.useEffect(() => {
@@ -27,5 +34,5 @@ export function CookieBanner({ className, message = 'We use cookies to enhance y
     // };
     if (!isVisible)
         return null;
-    return (_jsx("div", { className: cn('fixed bottom-0 left-0 right-0 z-50 bg-background/60 dark:bg-background/50 backdrop-blur-md border-t border-border/50 dark:border-border/30 shadow-lg', className), role: "banner", "aria-label": "Cookie consent", children: _jsx("div", { className: "container mx-auto px-4 py-4", children: _jsxs("div", { className: "flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4", children: [_jsx("div", { className: "flex-1", children: _jsxs("p", { className: "text-sm text-muted-foreground", children: [message, ' ', _jsx("a", { href: privacyLink, className: "text-primary hover:underline underline-offset-4", children: "Learn more" }), "."] }) }), _jsx("div", { className: "flex flex-col sm:flex-row gap-2 shrink-0", children: _jsx(Button, { size: "sm", variant: "secondary", onClick: handleAccept, className: "whitespace-nowrap cursor-pointer", children: "Accept Cookies" }) })] }) }) }));
+    return (_jsx("div", { className: cn('fixed right-0 bottom-0 left-0 z-50 border-t shadow-lg backdrop-blur-md bg-background/60 dark:bg-background/50 border-border/50 dark:border-border/30', className), role: "banner", "aria-label": "Cookie consent", children: _jsx("div", { className: "container px-4 py-4 mx-auto", children: _jsxs("div", { className: "flex flex-col gap-4 justify-between items-start sm:flex-row sm:items-center", children: [_jsx("div", { className: "flex-1", children: _jsxs("p", { className: "text-sm text-muted-foreground", children: [message, ' ', _jsx("a", { href: privacyLink, className: "text-primary hover:underline underline-offset-4", children: "Learn more" }), "."] }) }), _jsx("div", { className: "flex flex-col gap-2 sm:flex-row shrink-0", children: _jsx(Button, { size: "sm", variant: "secondary", onClick: handleAccept, className: "whitespace-nowrap cursor-pointer", children: "Accept Cookies" }) })] }) }) }));
 }

package/dist/components/ui/document-outline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"document-outline.d.ts","sourceRoot":"","sources":["../../../src/components/ui/document-outline.tsx"],"names":[],"mappings":"AAcA,UAAU,oBAAoB;IAC5B,KAAK,EAAE,GAAG,CAAC;IACX,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAqBD,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,QAAY,EAAE,SAAS,EAAE,EAAE,oBAAoB,kDAoMvF"}
+{"version":3,"file":"document-outline.d.ts","sourceRoot":"","sources":["../../../src/components/ui/document-outline.tsx"],"names":[],"mappings":"AAkBA,UAAU,oBAAoB;IAC5B,KAAK,EAAE,GAAG,CAAC;IACX,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAqBD,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,QAAY,EAAE,SAAS,EAAE,EAAE,oBAAoB,kDAuNvF"}

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

@@ -1,10 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { selectAll } from 'unist-util-select';
 import { visit } from 'unist-util-visit';
+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 { useEffect, useState, useRef } from 'react';
+import { useEffect, useMemo, useState, useRef } from 'react';
+import { useAnalytics } from '../providers';
+import { articleMdastForOutline } from '../../lib/knownParts';
 // Transform function to remove links from header nodes using unist-util-visit
 function transformHeaders(headers) {
     return headers.map((header) => {
@@ -22,49 +26,56 @@ function transformHeaders(headers) {
     });
 }
 export function DocumentOutline({ mdast, maxdepth = 3, className }) {
+    const capture = useAnalytics();
+    const frontmatter = useFrontmatter();
+    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 [maxHeight, setMaxHeight] = useState(undefined);
     const [isVisible, setIsVisible] = useState(true);
-    // Extract all headers from the MDAST and transform them
-    const rawHeaders = selectAll('heading', mdast);
+    // Extract headers from mdast with extracted parts removed (same as article body).
+    const rawHeaders = selectAll('heading', outlineMdast);
     const headers = transformHeaders(rawHeaders);
     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)
+                return;
             const scrollTop = window.scrollY;
             const windowHeight = window.innerHeight;
             const documentHeight = document.documentElement.scrollHeight;
             const scrollBottom = scrollTop + windowHeight;
-            // If we're at the very top, activate the first header
+            // If we're at the very top, activate the first displayed header
             if (scrollTop < windowHeight * 0.1) {
-                const firstHeader = headers.find((h) => h.html_id);
+                const firstHeader = visibleHeaders[0];
                 if (firstHeader?.html_id) {
                     setActiveId(firstHeader.html_id);
                 }
                 return;
             }
-            // If we're near the bottom of the page, activate the last header
+            // If we're near the bottom of the page, activate the last displayed header
             if (scrollBottom > documentHeight - windowHeight * 0.2) {
-                const lastHeader = headers[headers.length - 1];
+                const lastHeader = visibleHeaders[visibleHeaders.length - 1];
                 if (lastHeader?.html_id) {
                     setActiveId(lastHeader.html_id);
                 }
                 return;
             }
-            // Find the header that's currently in view
-            for (let i = headers.length - 1; i >= 0; i--) {
-                const header = headers[i];
-                if (header.html_id) {
-                    const element = document.getElementById(header.html_id);
-                    if (element) {
-                        const rect = element.getBoundingClientRect();
-                        if (rect.top <= windowHeight * 0.2) {
-                            setActiveId(header.html_id);
-                            break;
-                        }
+            // 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);
+                if (element) {
+                    const rect = element.getBoundingClientRect();
+                    if (rect.top <= windowHeight * 0.2) {
+                        setActiveId(header.html_id);
+                        break;
                     }
                 }
             }
@@ -79,7 +90,7 @@ export function DocumentOutline({ mdast, maxdepth = 3, className }) {
                 clearTimeout(timeoutRef.current);
             }
         };
-    }, [headers]);
+    }, [headers, maxdepth]);
     useEffect(() => {
         const ulElement = ulRef.current;
         if (!ulElement)
@@ -143,7 +154,7 @@ export function DocumentOutline({ mdast, maxdepth = 3, className }) {
     if (!headers || headers.length < 2) {
         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: "space-y-1 border-l-1 overflow-y-auto", style: { maxHeight }, children: headers
+    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;
@@ -163,6 +174,13 @@ export function DocumentOutline({ mdast, maxdepth = 3, className }) {
                                 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));
                 }) })] }));
 }

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":"AAKA,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,kDAqB3D"}
+{"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"}

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

@@ -3,12 +3,16 @@ 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';
 function FooterLink({ item, align, label }) {
     const baseUrl = useBaseurl();
     const isLeft = align === 'left';
     return (_jsxs(Link, { to: withBaseurl(item.url, baseUrl), className: `w-full block border border-muted rounded-sm p-4 hover:bg-accent transition-colors no-underline ${isLeft ? '' : 'text-right'}`, children: [_jsxs("div", { className: `text-muted-foreground flex items-center gap-1 text-sm font-light mb-1 ${isLeft ? '' : 'justify-end'}`, children: [isLeft && _jsx(ChevronLeft, { size: 16 }), _jsx("span", { children: label }), !isLeft && _jsx(ChevronRight, { size: 16 })] }), _jsx("div", { className: "text-sm font-normal", children: item.short_title || item.title })] }));
 }
 export function FooterLinks({ navigation }) {
+    const design = useDesign();
+    if (design.hide_footer_links)
+        return null;
     if (!navigation)
         return null;
     const hasPrev = !!navigation.prev;

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

@@ -1,6 +1,7 @@
-export declare function DateString({ date, format, spacer, className, }: {
+export declare function DateString({ date, format, mobileFormat, spacer, className, }: {
     date?: string;
     format?: Intl.DateTimeFormatOptions;
+    mobileFormat?: Intl.DateTimeFormatOptions;
     spacer?: boolean;
     className?: string;
 }): import("react/jsx-runtime").JSX.Element | null;
@@ -10,18 +11,27 @@ export declare function TwitterLink({ twitter: possibleLink }: {
 export declare function GitHubLink({ github: possibleLink }: {
     github?: string;
 }): import("react/jsx-runtime").JSX.Element | null;
-export declare function OpenAccessBadge({ open_access }: {
+export declare function OpenAccessBadge({ open_access, className, }: {
     open_access?: boolean;
+    className?: string;
 }): import("react/jsx-runtime").JSX.Element | null;
-export declare function OrcidBadge({ orcid, className }: {
+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;
-export declare function DoiLink({ doi: possibleLink, spacer }: {
+export declare function DoiLink({ doi: possibleLink, spacer, shortenOnSmallScreens, className, }: {
     doi?: string;
     spacer?: boolean;
+    shortenOnSmallScreens?: boolean;
+    className?: string;
 }): import("react/jsx-runtime").JSX.Element | null;
-export declare function EmailLink({ email }: {
+export declare function EmailLink({ email, authorIndex, authorName, isCorresponding, }: {
     email?: string;
+    authorIndex?: number;
+    authorName?: string;
+    isCorresponding?: boolean;
 }): import("react/jsx-runtime").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":"AAOA,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,MAIC,EACD,MAAM,EACN,SAAS,GACV,EAAE;IACD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,IAAI,CAAC,qBAAqB,CAAC;IACpC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,kDAiBA;AAED,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE;IAAE,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,kDAkB1E;AAED,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,kDAkBvE;AACD,wBAAgB,eAAe,CAAC,EAAE,WAAW,EAAE,EAAE;IAAE,WAAW,CAAC,EAAE,OAAO,CAAA;CAAE,kDAiBzE;AAED,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,kDAmBtF;AAED,wBAAgB,OAAO,CAAC,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE;IAAE,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,kDAgBxF;AAED,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,kDAYtD"}
+{"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"}

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

@@ -1,15 +1,16 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+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 { Mail } from 'lucide-react';
-import { HashLink } from 'myst-to-react';
+import { HashLink } from './hash-link';
 import { PART_IDS } from './types';
+import { useAnalytics } from '../providers';
 export function DateString({ date, format = {
     year: 'numeric',
     month: 'long',
     day: 'numeric',
-}, spacer, className, }) {
+}, mobileFormat, spacer, className, }) {
     if (!date)
         return null;
     // Parse the date
@@ -20,41 +21,66 @@ export function DateString({ date, format = {
     const localDate = new Date(utcDate.getUTCFullYear(), utcDate.getUTCMonth(), utcDate.getUTCDate());
     // Then format as human-readable in the local timezone.
     const dateString = localDate.toLocaleDateString('en-US', format);
-    return (_jsx("time", { dateTime: date, className: cn(className, { 'text-spacer': spacer }), children: dateString }));
+    const mobileDateString = mobileFormat && localDate.toLocaleDateString('en-US', mobileFormat);
+    return (_jsxs("time", { dateTime: date, className: cn(className, { 'text-spacer': spacer }), children: [mobileFormat && (_jsxs(_Fragment, { children: [_jsx("span", { className: "sm:hidden", children: mobileDateString }), _jsx("span", { className: "hidden sm:inline", children: dateString })] })), !mobileFormat && dateString] }));
 }
 export function TwitterLink({ twitter: possibleLink }) {
     if (!possibleLink)
         return null;
     const twitter = possibleLink.replace(/^(https?:\/\/)?(?:twitter|x)\.com\//, '');
-    return (_jsx("a", { href: `https://x.com/${twitter}`, title: `X Account: ${twitter}`, target: "_blank", rel: "noopener noreferrer", className: "text-inherit hover:text-inherit", children: _jsx(XIcon, { width: "1.25rem", height: "1.25rem", className: "inline-block opacity-60 hover:opacity-100" }) }));
+    return (_jsx("a", { href: `https://x.com/${twitter}`, title: `X Account: ${twitter}`, target: "_blank", rel: "noopener noreferrer", "aria-label": `X account: ${twitter}`, className: "text-inherit hover:text-inherit", children: _jsx(XIcon, { "aria-hidden": "true", focusable: "false", width: "1.25rem", height: "1.25rem", className: "inline-block opacity-60 hover:opacity-100" }) }));
 }
 export function GitHubLink({ github: possibleLink }) {
     if (!possibleLink)
         return null;
     const github = possibleLink.replace(/^(https?:\/\/)?github\.com\//, '');
-    return (_jsx("a", { href: `https://github.com/${github}`, title: `GitHub Repository: ${github}`, target: "_blank", rel: "noopener noreferrer", className: "text-inherit hover:text-inherit", children: _jsx(GithubIcon, { width: "1.25rem", height: "1.25rem", className: "inline-block opacity-60 hover:opacity-100" }) }));
+    return (_jsx("a", { href: `https://github.com/${github}`, title: `GitHub Repository: ${github}`, target: "_blank", rel: "noopener noreferrer", "aria-label": `GitHub repository: ${github}`, className: "text-inherit hover:text-inherit", children: _jsx(GithubIcon, { "aria-hidden": "true", focusable: "false", width: "1.25rem", height: "1.25rem", className: "inline-block opacity-60 hover:opacity-100" }) }));
 }
-export function OpenAccessBadge({ open_access }) {
+export function OpenAccessBadge({ open_access, className, }) {
     if (!open_access)
         return null;
-    return (_jsx(HashLink, { id: PART_IDS.license, title: "Open Access", hover: false, scrollBehavior: "instant", className: "text-inherit hover:text-inherit", children: _jsx(OpenAccessIcon, { width: "1.25rem", height: "1.25rem", className: "inline-block opacity-60 hover:opacity-100 hover:text-[#E18435]" }) }));
+    return (_jsx(SimpleTooltip, { title: "Open Access", children: _jsx(HashLink, { id: PART_IDS.license, title: "Open Access", hover: false, scrollBehavior: "instant", className: cn('text-inherit hover:text-inherit', className), analyticsEvent: "article_license_anchor_clicked", analytics: {
+                linkKind: 'open_access_badge',
+                properties: { surface: 'article_bar', via: 'open_access_badge' },
+            }, children: _jsx(OpenAccessIcon, { "aria-hidden": "true", focusable: "false", width: "1.25rem", height: "1.25rem", className: "inline-block opacity-60 hover:opacity-100 hover:text-[#E18435]" }) }) }));
 }
-export function OrcidBadge({ orcid, className }) {
+export function OrcidBadge({ orcid, className, authorIndex, authorName, isCorresponding, }) {
+    const capture = useAnalytics();
     if (!orcid)
         return null;
-    return (_jsx(SimpleTooltip, { title: "Open ORCID Profile", children: _jsx("a", { href: `https://orcid.org/${orcid}`, target: "_blank", rel: "noopener noreferrer", title: "ORCID", className: cn('text-inherit hover:text-inherit', className), children: _jsx(OrcidIcon, { width: "1.25rem", height: "1.25rem", className: "inline-block opacity-60 hover:opacity-100 hover:text-[#A6CE39]" }) }) }));
+    const label = authorName ? `Open ORCID profile for ${authorName}` : 'Open ORCID profile';
+    return (_jsx(SimpleTooltip, { title: "Open ORCID Profile", children: _jsx("a", { href: `https://orcid.org/${orcid}`, target: "_blank", rel: "noopener noreferrer", "aria-label": label, className: cn('text-inherit hover:text-inherit', className), onClick: () => capture('article_author_interaction', {
+                action: 'orcid_opened',
+                surface: 'article_bar',
+                authorOrcid: orcid,
+                authorIndex,
+                authorName,
+                isCorresponding,
+            }), children: _jsx(OrcidIcon, { "aria-hidden": "true", focusable: "false", width: "1.25rem", height: "1.25rem", className: "inline-block opacity-60 hover:opacity-100 hover:text-[#A6CE39]" }) }) }));
 }
-export function DoiLink({ doi: possibleLink, spacer }) {
+export function DoiLink({ doi: possibleLink, spacer, shortenOnSmallScreens, className, }) {
+    const capture = useAnalytics();
     if (!possibleLink)
         return null;
     const doi = possibleLink.replace(/^(https?:\/\/)?(dx\.)?doi\.org\//, '');
     const url = `https://doi.org/${doi}`;
-    return (_jsx("a", { href: `https://doi.org/${doi}`, target: "_blank", rel: "noopener noreferrer", className: cn('font-light hover:underline text-muted-foreground hover:text-foreground', {
+    return (_jsxs("a", { href: `https://doi.org/${doi}`, target: "_blank", rel: "noopener noreferrer", className: cn('font-light hover:underline text-muted-foreground hover:text-foreground', {
             'text-spacer': spacer,
-        }), children: url }));
+        }, className), onClick: () => capture('article_doi_clicked', { doi, surface: 'article_bar' }), children: [shortenOnSmallScreens && _jsx("span", { className: "hidden sm:inline", children: "https://doi.org/" }), shortenOnSmallScreens ? url.replace('https://doi.org/', '') : url] }));
 }
-export function EmailLink({ email }) {
+export function EmailLink({ email, authorIndex, authorName, isCorresponding = true, }) {
+    const capture = useAnalytics();
     if (!email)
         return null;
-    return (_jsx(SimpleTooltip, { title: "Email corresponding author", children: _jsx("a", { href: `mailto:${email}`, target: "_blank", rel: "noopener noreferrer", children: _jsx(Mail, { className: "inline-block ml-1 size-4 text-muted-foreground", "aria-label": "Corresponding author" }) }) }));
+    const label = authorName
+        ? `Email corresponding author ${authorName}`
+        : 'Email corresponding author';
+    return (_jsx(SimpleTooltip, { title: "Email corresponding author", children: _jsx("a", { href: `mailto:${email}`, target: "_blank", rel: "noopener noreferrer", "aria-label": label, onClick: () => capture('article_author_interaction', {
+                action: 'email_clicked',
+                surface: 'article_bar',
+                authorEmail: email,
+                authorIndex,
+                authorName,
+                isCorresponding,
+            }), children: _jsx(Mail, { "aria-hidden": "true", focusable: "false", className: "inline-block ml-1 size-4 text-muted-foreground" }) }) }));
 }

package/dist/components/ui/frontmatter.js

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

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

@@ -0,0 +1,56 @@
+import { type AnchorHTMLAttributes, type ReactNode } from 'react';
+export type HashLinkAnalytics = {
+    linkKind: string;
+    properties?: Record<string, unknown>;
+};
+export type HashLinkProps = {
+    id?: string;
+    kind?: string;
+    title?: string | null;
+    children?: ReactNode;
+    canSelectText?: boolean;
+    hover?: boolean | 'desktop';
+    className?: string;
+    hideInPopup?: boolean;
+    scrollBehavior?: ScrollBehavior;
+    historyState?: 'push' | 'replace' | false;
+    focusTarget?: boolean;
+    noWidth?: boolean;
+    /** Milliseconds to wait before scrolling (e.g. after a menu closes). */
+    scrollDelay?: number;
+    analytics?: HashLinkAnalytics;
+    /**
+     * Override the analytics event name. Defaults to `'content_hash_link_clicked'`.
+     * Only used when `analytics` is provided.
+     */
+    analyticsEvent?: string;
+} & Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href' | 'title' | 'children'>;
+export declare function scrollToElement(el: HTMLElement | null, { htmlId, scrollBehavior, historyState, focusTarget, }?: {
+    htmlId?: string;
+    scrollBehavior?: ScrollBehavior;
+    historyState?: 'push' | 'replace' | false;
+    focusTarget?: boolean;
+}): void;
+export declare const HashLink: import("react").ForwardRefExoticComponent<{
+    id?: string;
+    kind?: string;
+    title?: string | null;
+    children?: ReactNode;
+    canSelectText?: boolean;
+    hover?: boolean | "desktop";
+    className?: string;
+    hideInPopup?: boolean;
+    scrollBehavior?: ScrollBehavior;
+    historyState?: "push" | "replace" | false;
+    focusTarget?: boolean;
+    noWidth?: boolean;
+    /** Milliseconds to wait before scrolling (e.g. after a menu closes). */
+    scrollDelay?: number;
+    analytics?: HashLinkAnalytics;
+    /**
+     * Override the analytics event name. Defaults to `'content_hash_link_clicked'`.
+     * Only used when `analytics` is provided.
+     */
+    analyticsEvent?: string;
+} & Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "title" | "children" | "href"> & import("react").RefAttributes<HTMLAnchorElement>>;
+//# sourceMappingURL=hash-link.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,83 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// @curvenote-fork:myst-to-react
+// MIT — https://github.com/jupyter-book/myst-theme (packages/myst-to-react)
+// Baseline v1.1.4: https://github.com/jupyter-book/myst-theme/blob/e2e1db449c87294775717a8924d4dd1a4d32ceb2/packages/myst-to-react/src/hashLink.tsx
+// Patched v1.3.0: https://github.com/jupyter-book/myst-theme/blob/be74efbb7d13b926a2a6c1e67913e1b1029f28e6/packages/myst-to-react/src/hashLink.tsx
+import { useXRefState } from '@myst-theme/providers';
+import { cn } from '@curvenote/react-utils';
+import { forwardRef, useCallback, } from 'react';
+import { useAnalytics } from '../providers';
+function openDetails(el) {
+    if (!el)
+        return;
+    if (el.nodeName === 'DETAILS') {
+        el.open = true;
+    }
+    openDetails(el.parentElement);
+}
+export function scrollToElement(el, { htmlId = el?.id, scrollBehavior = 'smooth', historyState = 'replace', focusTarget = true, } = {}) {
+    if (!el)
+        return;
+    openDetails(el);
+    el.scrollIntoView({ behavior: scrollBehavior });
+    if (historyState === 'push') {
+        history.pushState(undefined, '', `#${htmlId}`);
+    }
+    else if (historyState === 'replace') {
+        history.replaceState(undefined, '', `#${htmlId}`);
+    }
+    if (focusTarget) {
+        if (el.tabIndex === -1)
+            el.tabIndex = -1;
+        el.focus({ preventScroll: true });
+    }
+}
+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();
+    const scroll = useCallback((evt) => {
+        onClick?.(evt);
+        if (evt.defaultPrevented)
+            return;
+        evt.preventDefault();
+        if (!id)
+            return;
+        if (analytics) {
+            capture(analyticsEvent, {
+                surface: 'content',
+                linkKind: analytics.linkKind,
+                targetId: id,
+                hashKind: kind,
+                ...analytics.properties,
+            });
+        }
+        const el = document.getElementById(id);
+        const scrollOptions = { htmlId: id, scrollBehavior, historyState, focusTarget };
+        if (scrollDelay != null) {
+            window.setTimeout(() => scrollToElement(el, scrollOptions), scrollDelay);
+        }
+        else {
+            scrollToElement(el, scrollOptions);
+        }
+    }, [
+        analytics,
+        analyticsEvent,
+        capture,
+        focusTarget,
+        historyState,
+        id,
+        kind,
+        onClick,
+        scrollBehavior,
+        scrollDelay,
+    ]);
+    if (inCrossRef || !id) {
+        return hideInPopup ? null : _jsx("span", { className: cn('select-none', className), children: children });
+    }
+    return (_jsx("a", { ...rest, ref: ref, className: cn('no-underline text-inherit hover:text-inherit', { 'inline-block w-0 px-0 translate-x-[10px]': noWidth === true }, {
+            'select-none': !canSelectText,
+            'transition-opacity opacity-0 focus:opacity-100 group-hover:opacity-70': hover === true,
+            '[@media(hover:hover)]:transition-opacity [@media(hover:hover)]:opacity-0 [@media(hover:hover)]:focus:opacity-100 [@media(hover:hover)]:group-hover:opacity-70': hover === 'desktop',
+            'hover:underline': !hover,
+        }, className), onClick: scroll, href: `#${id}`, title: title ?? undefined, "aria-label": title ?? undefined, children: children }));
+});

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

@@ -10,9 +10,11 @@ interface ImageProps {
     width?: string | number;
     height?: string | number;
     align?: 'left' | 'center' | 'right';
+    onLightboxOpen?: () => void;
+    onError?: () => void;
 }
 type Alignment = 'left' | 'center' | 'right';
-export declare function Picture({ ref, className, src, srcOptimized, urlSource, align, alt, width, height, onClick, style, onLoad, onLoadedData, }: {
+export declare function Picture({ ref, className, src, srcOptimized, urlSource, align, alt, width, height, onClick, style, onLoad, onLoadedData, onError, }: {
     ref?: React.RefObject<HTMLImageElement | HTMLVideoElement | null>;
     className?: string;
     src: string;
@@ -26,8 +28,9 @@ export declare function Picture({ ref, className, src, srcOptimized, urlSource,
     style?: React.CSSProperties;
     onLoad?: () => void;
     onLoadedData?: () => void;
+    onError?: () => void;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function Image({ src, srcOptimized, urlSource, alt, className, showLightbox, width, height, align, caption, }: ImageProps & {
+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;
 export {};

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;AAOjD,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;CACrC;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,GACb,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;CAC3B,2CA8CA;AAED,wBAAgB,KAAK,CAAC,EACpB,GAAG,EACH,YAAY,EACZ,SAAS,EACT,GAAG,EACH,SAAS,EACT,YAAmB,EACnB,KAAK,EACL,MAAM,EACN,KAAgB,EAChB,OAAO,GACR,EAAE,UAAU,GAAG;IAAE,OAAO,CAAC,EAAE,MAAM,GAAG,aAAa,CAAA;CAAE,2CAgDnD"}
+{"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"}