@curvenote/theme-ui 1.0.1

package/dist/components/providers/lightbox-provider.js

@@ -0,0 +1,109 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { useReferences } from '@myst-theme/providers';
+import { SKIP, visit } from 'unist-util-visit';
+import { select, selectAll } from 'unist-util-select';
+export function useImages({ mdast }) {
+    const article = useReferences();
+    const content = mdast ?? article?.article;
+    if (!content)
+        return [];
+    const allImages = [];
+    visit(content, (node) => {
+        // Track container entry/exit
+        if (node.type === 'container') {
+            if ('kind' in node && node.kind === 'figure') {
+                const images = selectAll('image', node);
+                const caption = select('caption', node);
+                images.forEach((image) => {
+                    allImages.push({
+                        src: image.url,
+                        srcOptimized: image.urlOptimized,
+                        urlSource: image.urlSource,
+                        alt: image.alt,
+                        caption,
+                    });
+                });
+            }
+            return SKIP;
+        }
+        // Process images
+        if (node.type === 'image') {
+            const imageNode = node;
+            allImages.push({
+                src: imageNode.url,
+                srcOptimized: imageNode.urlOptimized,
+                urlSource: imageNode.urlSource,
+                alt: imageNode.alt,
+            });
+        }
+    });
+    return allImages;
+}
+const LightboxContext = React.createContext(undefined);
+export function LightboxProvider({ children, imageList: initialImageList = [], }) {
+    const [isOpen, setIsOpen] = React.useState(false);
+    const [currentImage, setCurrentImage] = React.useState(null);
+    const [imageList, setImageList] = React.useState(initialImageList);
+    const [currentIndex, setCurrentIndex] = React.useState(0);
+    // Update imageList when initialImageList changes
+    React.useEffect(() => {
+        setImageList(initialImageList);
+    }, [initialImageList]);
+    const openLightbox = React.useCallback((image) => {
+        // Find index by matching src
+        const index = imageList.findIndex((img) => img.src === image.src);
+        setCurrentImage(index >= 0 ? imageList[index] : image);
+        setCurrentIndex(index >= 0 ? index : 0);
+        setIsOpen(true);
+    }, [imageList]);
+    const closeLightbox = React.useCallback(() => {
+        setIsOpen(false);
+        setCurrentImage(null);
+        setCurrentIndex(0);
+    }, []);
+    const navigate = React.useCallback((direction) => {
+        if (imageList.length === 0)
+            return;
+        let newIndex;
+        if (direction === 'prev') {
+            newIndex = currentIndex > 0 ? currentIndex - 1 : imageList.length - 1;
+        }
+        else {
+            newIndex = currentIndex < imageList.length - 1 ? currentIndex + 1 : 0;
+        }
+        setCurrentIndex(newIndex);
+        setCurrentImage(imageList[newIndex]);
+    }, [currentIndex, imageList]);
+    const hasNext = imageList.length > 1;
+    const hasPrev = imageList.length > 1;
+    const value = React.useMemo(() => ({
+        isOpen,
+        currentImage,
+        imageList,
+        currentIndex,
+        openLightbox,
+        closeLightbox,
+        navigate,
+        hasNext,
+        hasPrev,
+    }), [
+        isOpen,
+        currentImage,
+        imageList,
+        currentIndex,
+        openLightbox,
+        closeLightbox,
+        navigate,
+        hasNext,
+        hasPrev,
+    ]);
+    return _jsx(LightboxContext.Provider, { value: value, children: children });
+}
+export function useLightbox() {
+    const context = React.useContext(LightboxContext);
+    if (context === undefined) {
+        throw new Error('useLightbox must be used within a LightboxProvider');
+    }
+    return context;
+}

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

@@ -0,0 +1,6 @@
+import { type NodeRenderers } from '@myst-theme/providers';
+export declare function MystProviders({ children, renderers, }: {
+    children: React.ReactNode;
+    renderers: NodeRenderers;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=myst-providers.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"myst-providers.d.ts","sourceRoot":"","sources":["../../../src/components/providers/myst-providers.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,aAAa,EACnB,MAAM,uBAAuB,CAAC;AA0B/B,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,SAAS,GACV,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,EAAE,aAAa,CAAC;CAC1B,2CAkBA"}

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

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SearchFactoryProvider, TabStateProvider, Theme, ThemeProvider, UiStateProvider, } from '@myst-theme/providers';
+// import { curvenoteRenderers } from '@curvenote/renderers';
+import { Link, NavLink } from 'react-router';
+import { useTheme } from 'next-themes';
+import { useCallback } from 'react';
+import { SEARCH_ATTRIBUTES_ORDERED } from '@myst-theme/search';
+import { createSearch as createMiniSearch } from '@myst-theme/search-minisearch';
+const links = {
+    Link: (props) => _jsx(Link, { ...props, reloadDocument: true }),
+    NavLink: (props) => _jsx(NavLink, { ...props, reloadDocument: true }),
+};
+function createSearch(index) {
+    const options = {
+        fields: SEARCH_ATTRIBUTES_ORDERED,
+        storeFields: ['hierarchy', 'content', 'url', 'type', 'id', 'position'],
+        idField: 'id',
+        searchOptions: {
+            fuzzy: 0.1,
+            prefix: true,
+        },
+    };
+    return createMiniSearch(index.records, options);
+}
+export function MystProviders({ children, renderers, }) {
+    const { theme } = useTheme();
+    const searchFactory = useCallback((index) => createSearch(index), []);
+    return (_jsx(SearchFactoryProvider, { factory: searchFactory, children: _jsx(ThemeProvider, { theme: theme === 'dark' ? Theme.dark : Theme.light, setTheme: () => { }, renderers: renderers, ...links, top: 60, children: _jsx(UiStateProvider, { children: _jsx(TabStateProvider, { children: children }) }) }) }));
+}

package/dist/components/providers/page-providers.d.ts

@@ -0,0 +1,15 @@
+import type { PageLoader } from '@myst-theme/common';
+import type { SiteManifest } from 'myst-config';
+export declare function PageProvider({ children, page }: {
+    children: React.ReactNode;
+    page: PageLoader;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function usePage(): PageLoader;
+export declare function useIsIndexPage(): boolean;
+export declare function PageProviders({ children, page, config, project, }: {
+    children: React.ReactNode;
+    page: PageLoader;
+    config?: SiteManifest;
+    project?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=page-providers.d.ts.map

package/dist/components/providers/page-providers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-providers.d.ts","sourceRoot":"","sources":["../../../src/components/providers/page-providers.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAOrD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAKhD,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,IAAI,EAAE,UAAU,CAAA;CAAE,2CAE/F;AAED,wBAAgB,OAAO,IAAI,UAAU,CAIpC;AAED,wBAAgB,cAAc,IAAI,OAAO,CAIxC;AAED,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,OAAO,GACR,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,EAAE,UAAU,CAAC;IACjB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC9B,2CAqBA"}

package/dist/components/providers/page-providers.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ArticleProvider, ProjectProvider, SiteProvider, useProjectManifest, } from '@myst-theme/providers';
+import { createContext, useContext } from 'react';
+const PageContext = createContext(undefined);
+export function PageProvider({ children, page }) {
+    return _jsx(PageContext.Provider, { value: page, children: children });
+}
+export function usePage() {
+    const page = useContext(PageContext);
+    if (!page)
+        throw new Error('usePage must be used within a PageProvider');
+    return page;
+}
+export function useIsIndexPage() {
+    const page = usePage();
+    const project = useProjectManifest();
+    return page.slug === project?.index;
+}
+export function PageProviders({ children, page, config, project, }) {
+    let projectManifest = config?.projects?.[0];
+    if (project) {
+        projectManifest = config?.projects?.find((p) => p.slug === project);
+        if (!projectManifest) {
+            throw new Error(`Project ${project} not found`);
+        }
+    }
+    return (_jsx(PageProvider, { page: page, children: _jsx(ArticleProvider, { references: { ...page.references, article: page.mdast }, kind: page.kind, frontmatter: page.frontmatter, children: _jsx(SiteProvider, { config: config, children: _jsx(ProjectProvider, { project: projectManifest, children: children }) }) }) }));
+}

package/dist/components/providers/ping-boundary.d.ts

@@ -0,0 +1,40 @@
+import type { PingFn, PingPayload } from '@curvenote/bridge-jupyter';
+/**
+ * A provider that provides a ping function to send ping events to the server.
+ *
+ * @param csrfToken The CSRF token to include in the ping requests
+ * @param children The children to render
+ * @example
+ * <PingBoundary csrfToken="csrf-token">
+ *  <App />
+ * </PingBoundary>
+ * @see usePingFn
+ * @see usePingOnNavigate
+ * @see makePingFn
+ * @see PingFn
+ * @see LogBoundary
+ */
+export declare function PingBoundary({ csrfToken, children, }: React.PropsWithChildren<{
+    csrfToken: string;
+}>): import("react/jsx-runtime").JSX.Element;
+/**
+ * A hook to get the ping function from the PingBoundary context.
+ * Is additionalPayload is provided, it will be merged with the payload of the ping event
+ * in a curried function.
+ *
+ * @returns The ping function
+ */
+export declare function usePingFn(additionalPayload?: Omit<PingPayload, 'event'>): PingFn;
+/**
+ * A hook to send a ping event on every navigation event.
+ * It uses the useLocation hook from Remix to detect navigation events.
+ *
+ * @param payload The payload to send with the ping event
+ * @example
+ * usePingOnNavigate({ workVersionId: 'uuid-v7', slug: 'article-slug' });
+ * @see PingBoundary
+ * @see makePingFn
+ * @see PingPayload
+ */
+export declare function usePingOnNavigate(payload?: Omit<PingPayload, 'event'>, skip?: boolean): void;
+//# sourceMappingURL=ping-boundary.d.ts.map

package/dist/components/providers/ping-boundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ping-boundary.d.ts","sourceRoot":"","sources":["../../../src/components/providers/ping-boundary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAsDrE;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,QAAQ,GACT,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACzB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC,2CAQD;AAED;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,iBAAiB,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,UAkBvE;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,EAAE,IAAI,UAAQ,QAWnF"}

package/dist/components/providers/ping-boundary.js

@@ -0,0 +1,115 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useLocation } from 'react-router';
+import { createContext, useCallback, useContext, useEffect, useMemo } from 'react';
+const PingBoundaryContext = createContext(undefined);
+/**
+ * Make a ping function that sends a POST request to the ping service URL
+ * with the given payload.
+ * @param pingServiceUrl The URL of the ping service
+ * @param site The site configuration
+ * @param csrfToken The CSRF token to include in the request
+ * @returns A function that sends a ping request
+ * @example
+ * const ping = makePingFn('/api/ping', 'csrf-token');
+ * ping({ event: 'navigate' });
+ */
+function makePingFn(pingServiceUrl, csrfToken) {
+    return async function ping(payload) {
+        if (!pingServiceUrl) {
+            console.debug('No ping service URL provided');
+            console.log('ping', payload);
+            return;
+        }
+        try {
+            const response = await fetch(pingServiceUrl, {
+                method: 'POST',
+                body: JSON.stringify({
+                    ...payload,
+                    title: document.title,
+                    pathname: window.location.pathname,
+                    search: window.location.search,
+                    hash: window.location.hash,
+                    url: window.location.href,
+                    csrfToken,
+                }),
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+            });
+            if (!response.ok) {
+                throw new Error(`HTTP error! status: ${response.status} ${response.statusText}`);
+            }
+        }
+        catch (error) {
+            console.error(error);
+        }
+    };
+}
+/**
+ * A provider that provides a ping function to send ping events to the server.
+ *
+ * @param csrfToken The CSRF token to include in the ping requests
+ * @param children The children to render
+ * @example
+ * <PingBoundary csrfToken="csrf-token">
+ *  <App />
+ * </PingBoundary>
+ * @see usePingFn
+ * @see usePingOnNavigate
+ * @see makePingFn
+ * @see PingFn
+ * @see LogBoundary
+ */
+export function PingBoundary({ csrfToken, children, }) {
+    const value = useMemo(() => {
+        return {
+            ping: makePingFn('/api/ping', csrfToken),
+        };
+    }, [csrfToken]);
+    return _jsx(PingBoundaryContext.Provider, { value: value, children: children });
+}
+/**
+ * A hook to get the ping function from the PingBoundary context.
+ * Is additionalPayload is provided, it will be merged with the payload of the ping event
+ * in a curried function.
+ *
+ * @returns The ping function
+ */
+export function usePingFn(additionalPayload) {
+    const context = useContext(PingBoundaryContext);
+    const pingFn = useCallback((payload) => {
+        if (context) {
+            return context?.ping({
+                ...payload,
+                ...additionalPayload,
+            });
+        }
+        console.warn('No ping service available');
+        return Promise.resolve();
+    }, [context, additionalPayload]);
+    return pingFn;
+}
+/**
+ * A hook to send a ping event on every navigation event.
+ * It uses the useLocation hook from Remix to detect navigation events.
+ *
+ * @param payload The payload to send with the ping event
+ * @example
+ * usePingOnNavigate({ workVersionId: 'uuid-v7', slug: 'article-slug' });
+ * @see PingBoundary
+ * @see makePingFn
+ * @see PingPayload
+ */
+export function usePingOnNavigate(payload, skip = false) {
+    const context = useContext(PingBoundaryContext);
+    const ping = context?.ping;
+    const location = useLocation();
+    useEffect(() => {
+        if (!ping || skip)
+            return;
+        ping({
+            event: 'navigate',
+            ...payload,
+        });
+    }, [location]);
+}

package/dist/components/providers/platform-providers.d.ts

@@ -0,0 +1,18 @@
+import type { SiteManifest } from 'myst-config';
+import React from 'react';
+import type { Site } from '@curvenote/common';
+import type { JournalTheme } from './types';
+export declare const defaultTheme: JournalTheme;
+export declare function PlatformSiteProvider({ site, config, children, }: {
+    site?: Site;
+    config?: SiteManifest;
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function usePlatformSite(): Partial<Site>;
+export declare function usePlatformConfig(): Partial<SiteManifest>;
+export declare function PlatformThemeProvider({ theme, children, }: {
+    theme: JournalTheme;
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function usePlatformTheme(): JournalTheme;
+//# sourceMappingURL=platform-providers.d.ts.map

package/dist/components/providers/platform-providers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"platform-providers.d.ts","sourceRoot":"","sources":["../../../src/components/providers/platform-providers.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAG5C,eAAO,MAAM,YAAY,EAAE,YAI1B,CAAC;AASF,wBAAgB,oBAAoB,CAAC,EACnC,IAAI,EACJ,MAAM,EACN,QAAQ,GACT,EAAE;IACD,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,2CAMA;AAED,wBAAgB,eAAe,IAAI,OAAO,CAAC,IAAI,CAAC,CAG/C;AAED,wBAAgB,iBAAiB,IAAI,OAAO,CAAC,YAAY,CAAC,CAGzD;AAID,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,YAAY,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,2CAEA;AAED,wBAAgB,gBAAgB,IAAI,YAAY,CAI/C"}

package/dist/components/providers/platform-providers.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { createContext, useContext } from 'react';
+import { SiteProvider } from '@myst-theme/providers';
+export const defaultTheme = {
+    config: {
+        name: 'theme-one',
+    },
+};
+const PlatformSiteContext = createContext(undefined);
+export function PlatformSiteProvider({ site, config, children, }) {
+    return (_jsx(PlatformSiteContext.Provider, { value: { site, config }, children: _jsx(SiteProvider, { config: config, children: children }) }));
+}
+export function usePlatformSite() {
+    const site = useContext(PlatformSiteContext)?.site ?? {};
+    return site;
+}
+export function usePlatformConfig() {
+    const config = useContext(PlatformSiteContext)?.config ?? {};
+    return config;
+}
+const PlatformThemeContext = createContext(undefined);
+export function PlatformThemeProvider({ theme, children, }) {
+    return _jsx(PlatformThemeContext.Provider, { value: theme, children: children });
+}
+export function usePlatformTheme() {
+    // TODO need to watch out for the base theme to loaded theme transition causing flicker
+    const context = useContext(PlatformThemeContext) ?? defaultTheme;
+    return context;
+}

package/dist/components/providers/types.d.ts

@@ -0,0 +1,30 @@
+import type { JournalThemeConfig } from '@curvenote/common';
+import type { PageFrontmatter } from 'myst-frontmatter';
+export type BreadCrumbData = {
+    title: string;
+    url?: string;
+}[];
+export interface JournalTheme {
+    config: JournalThemeConfig;
+    Footer?: React.FC;
+    Hero?: React.FC<{
+        title?: React.ReactNode;
+        description?: React.ReactNode;
+    }>;
+    ArticleHeader?: React.FC<{
+        frontmatter: PageFrontmatter;
+        children?: React.ReactNode;
+        toggleTheme?: boolean;
+        className?: string;
+    }>;
+    BreadCrumbs?: React.FC<{
+        crumbs: BreadCrumbData;
+    }>;
+    TableOfContents?: React.FC<{
+        className?: string;
+        projectSlug?: string;
+        tocRef?: React.RefObject<HTMLElement>;
+        actionButton?: React.ReactNode;
+    }>;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/providers/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/providers/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAExD,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,EAAE,CAAC;AAEJ,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,kBAAkB,CAAC;IAC3B,MAAM,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,CAAC,CAAC;IAC5E,aAAa,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QACvB,WAAW,EAAE,eAAe,CAAC;QAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;QACtB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC,CAAC;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,MAAM,EAAE,cAAc,CAAA;KAAE,CAAC,CAAC;IACnD,eAAe,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QACzB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;QACtC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KAChC,CAAC,CAAC;CACJ"}

package/dist/components/providers/types.js

@@ -0,0 +1 @@
+export {};

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

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

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

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

package/dist/components/ui/Callout.js

@@ -0,0 +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';
+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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PageCards.d.ts","sourceRoot":"","sources":["../../../src/components/ui/PageCards.tsx"],"names":[],"mappings":"AAIA,wBAAgB,SAAS,4CAyCxB"}

package/dist/components/ui/PageCards.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { useProjectManifest } from '@myst-theme/providers';
+import { Link } from 'react-router';
+export function PageCards() {
+    const manifest = useProjectManifest();
+    const pages = manifest?.pages || [];
+    return (_jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6 mt-8", children: pages
+            .filter((page) => !!page.slug)
+            .map((page) => (_jsxs(Link, { to: `/${page.slug}`, prefetch: "intent", className: "border border-muted rounded bg-white dark:bg-gray-900 p-4 flex flex-col justify-between hover:shadow-md transition-shadow gap-4 no-underline hover:underline", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold mt-0 mb-0 line-clamp-2", children: page.title }), page.description && (_jsx("p", { className: "text-sm text-gray-600 dark:text-gray-300 mb-4 line-clamp-2", children: page.description }))] }), _jsxs("div", { className: "flex flex-col items-end", children: [page.thumbnail && (_jsx("img", { src: page.thumbnail, alt: page.title, className: "w-full h-20 object-cover mb-0 border rounded-xs mt-0" })), _jsx("div", { className: "flex justify-between mt-auto", children: _jsxs("div", { className: "text-xs text-gray-500 hover:text-blue-600 font-medium mt-2 inline-flex items-center gap-1", children: ["READ ", _jsx("span", { "aria-hidden": true, children: "\u2192" })] }) })] })] }, page.slug))) }));
+}

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

@@ -0,0 +1,5 @@
+export declare function Abbreviations({ sorted, className, }: {
+    sorted?: boolean;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=abbreviations.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"abbreviations.d.ts","sourceRoot":"","sources":["../../../src/components/ui/abbreviations.tsx"],"names":[],"mappings":"AAsBA,wBAAgB,aAAa,CAAC,EAC5B,MAAa,EACb,SAAS,GACV,EAAE;IACD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,kDAqCA"}

package/dist/components/ui/abbreviations.js

@@ -0,0 +1,31 @@
+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 { HashLink } from 'myst-to-react';
+import { cn } from '../../lib/utils';
+import { selectAll } from 'unist-util-select';
+import { PART_IDS } from './types';
+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 abbr = Object.fromEntries(inTextAbbreviations.map((node) => [toText(node), node.title]));
+    if (Object.keys(abbr).length === 0)
+        return undefined;
+    return abbr;
+}
+export function Abbreviations({ sorted = true, className, }) {
+    const abbreviations = useAbbreviations();
+    if (!abbreviations)
+        return null;
+    const sortedAbbreviations = sorted
+        ? Object.entries(abbreviations).sort(([a], [b]) => a.localeCompare(b))
+        : Object.entries(abbreviations);
+    return (_jsxs("section", { id: PART_IDS.abbreviations, 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: ["Abbreviations", _jsx(HashLink, { id: PART_IDS.abbreviations, title: "Link to Abbreviations", hover: true, className: "ml-2" })] }), _jsx("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: sortedAbbreviations.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))) }) })] }));
+}

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

@@ -0,0 +1,8 @@
+import type { GenericParent } from 'myst-common';
+export declare function Abstract({ content, title, id, className, }: {
+    title?: string;
+    id?: string;
+    content?: GenericParent;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=abstract.d.ts.map

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

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

package/dist/components/ui/abstract.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MyST, HashLink } from 'myst-to-react';
+import { select } from 'unist-util-select';
+export function Abstract({ content, title = 'Abstract', id = 'abstract', className, }) {
+    if (!content)
+        return null;
+    const block = select('block', content)?.children || content;
+    return (_jsxs("div", { className: className, children: [_jsxs("h2", { id: id, className: "mb-1 text-sm font-semibold group", children: [title, _jsx(HashLink, { id: id, title: `Link to ${title}`, hover: true, className: "ml-2" })] }), _jsx("div", { className: "mt-0 mb-3 text-base font-normal leading-relaxed text-justify text-muted-foreground", children: _jsx(MyST, { ast: block, className: "col-body first:mt-0" }) })] }));
+}

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

@@ -0,0 +1,15 @@
+import React from 'react';
+export declare function createSkipToTargets(): {
+    id: string;
+    title: string;
+}[];
+/**
+ * Add a skip navigation unit with links based on a list of targets
+ */
+export declare const SkipTo: React.MemoExoticComponent<({ targets }: {
+    targets: {
+        id: string;
+        title: string;
+    }[];
+}) => import("react/jsx-runtime").JSX.Element>;
+//# sourceMappingURL=accessibility-skip-to.d.ts.map

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

@@ -0,0 +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;AAiB1B,wBAAgB,mBAAmB;;;IAMlC;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"}

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

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { PART_IDS } from './types';
+function makeSkipClickHandler(hash) {
+    return (e) => {
+        e.preventDefault();
+        const el = document.querySelector(`#${hash}`);
+        if (!el)
+            return;
+        el.nextSibling.focus();
+        history.replaceState(undefined, '', `#${hash}`);
+        // Changes keyboard tab-index location
+        if (el.tabIndex === -1)
+            el.tabIndex = -1;
+        el.scrollIntoView({ behavior: 'instant' });
+        el.focus();
+    };
+}
+export function createSkipToTargets() {
+    return [
+        { id: PART_IDS.skip_to_content, title: 'Skip to content' },
+        { id: PART_IDS.skip_to_frontmatter, title: 'Skip to frontmatter' },
+        { id: PART_IDS.skip_to_backmatter, title: 'Skip to Backmatter' },
+    ];
+}
+/**
+ * Add a skip navigation unit with links based on a list of targets
+ */
+export const SkipTo = React.memo(({ targets }) => {
+    return (_jsx("div", { className: "fixed top-1 left-1 h-[0px] w-[0px] focus-within:z-100 focus-within:h-auto focus-within:w-auto bg-white overflow-hidden focus-within:p-2 focus-within:ring-1 focus-within:ring-blue-500 focus-within:shadow-lg", "aria-label": "skip to content options", children: targets.map(({ id, title }) => (_jsx("a", { href: `#${id}`, className: "block px-2 py-1 text-black underline hover:text-blue-600 focus:text-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500", onClick: makeSkipClickHandler(id), children: title }, id))) }));
+});

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

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

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

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