@curvenote/theme-ui 2.0.2 → 2.1.0

package/dist/components/index.d.ts

@@ -1,4 +1,5 @@
 export * from './layout/index.js';
 export * from './providers/index.js';
+export * from './site-renderers/index.js';
 export * from './ui/index.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,eAAe,CAAC"}

package/dist/components/index.js

@@ -1,3 +1,4 @@
 export * from './layout/index.js';
 export * from './providers/index.js';
+export * from './site-renderers/index.js';
 export * from './ui/index.js';

package/dist/components/layout/app-layout.d.ts

@@ -1,5 +1,5 @@
 import type { LayoutProps } from './types.js';
-export declare function AppLayout({ children, header, footer, trailing, hideNav }: LayoutProps): import("react").JSX.Element;
+export declare function AppLayout({ children, header, footer, trailing, hideNav, headerHeight, }: LayoutProps): import("react").JSX.Element;
 export declare function AppContainer({ children, header, className, }: {
     children: React.ReactNode;
     header?: React.ReactNode;

package/dist/components/layout/app-layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app-layout.d.ts","sourceRoot":"","sources":["../../../src/components/layout/app-layout.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAG9C,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,WAAW,+BA0BrF;AAED,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,MAAM,EACN,SAAS,GACV,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BA0BA"}
+{"version":3,"file":"app-layout.d.ts","sourceRoot":"","sources":["../../../src/components/layout/app-layout.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAG9C,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,MAAM,EACN,MAAM,EACN,QAAQ,EACR,OAAO,EACP,YAAY,GACb,EAAE,WAAW,+BAkCb;AAED,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,MAAM,EACN,SAAS,GACV,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BA0BA"}

package/dist/components/layout/app-layout.js

@@ -8,8 +8,14 @@ import { cn } from '../../lib/utils.js';
 import { Banner, useBannerStyle } from '../ui/index.js';
 import { createSkipToTargets, SkipTo } from '../ui/accessibility-skip-to.js';
 import { useDesign } from '../providers/index.js';
-export function AppLayout({ children, header, footer, trailing, hideNav }) {
-    return (_jsxs(_Fragment, { children: [_jsx(SkipTo, { targets: createSkipToTargets() }), _jsx("div", { className: cn('flex flex-col min-h-screen', {
+export function AppLayout({ children, header, footer, trailing, hideNav, headerHeight, }) {
+    // A header of another height replaces the default 2rem, under the site nav (3.5rem) if shown
+    const customHeight = header && headerHeight
+        ? {
+            '--header-height': hideNav ? headerHeight : `calc(${headerHeight} + 3.5rem)`,
+        }
+        : undefined;
+    return (_jsxs(_Fragment, { children: [_jsx(SkipTo, { targets: createSkipToTargets() }), _jsx("div", { style: customHeight, className: cn('flex flex-col min-h-screen', {
                     '[--header-height:calc(--spacing(22))]': header && !hideNav,
                     '[--header-height:calc(--spacing(14))]': !header && !hideNav,
                     // Preview banner only (no site nav)

package/dist/components/layout/site-header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"site-header.d.ts","sourceRoot":"","sources":["../../../src/components/layout/site-header.tsx"],"names":[],"mappings":"AA0MA,wBAAgB,UAAU,CAAC,EACzB,UAAkB,EAClB,eAAe,EACf,kBAAkB,EAClB,cAAqB,EACrB,QAAQ,EACR,QAAQ,GACT,EAAE;IACD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,+BA4KA"}
+{"version":3,"file":"site-header.d.ts","sourceRoot":"","sources":["../../../src/components/layout/site-header.tsx"],"names":[],"mappings":"AA2MA,wBAAgB,UAAU,CAAC,EACzB,UAAkB,EAClB,eAAe,EACf,kBAAkB,EAClB,cAAqB,EACrB,QAAQ,EACR,QAAQ,GACT,EAAE;IACD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,+BA4KA"}

package/dist/components/layout/site-header.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState } from 'react';
 import { ExternalLink, ChevronDown, MenuIcon, SearchIcon, SidebarIcon } from 'lucide-react';
-import { NavLink } from 'react-router';
+import { Link, NavLink } from 'react-router';
 import { Button, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, Sheet, SheetContent, SheetHeader, SheetTitle, SheetTrigger, buttonVariants, SearchDialog, SimpleTooltip, BreadcrumbList, Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbSeparator, BreadcrumbPage, Separator, ArticleActions, ThemeButton, } from '../ui/index.js';
 import { cn } from '../../lib/utils.js';
 import { usePlatformConfig, usePlatformSite } from '../providers/platform-providers.js';
@@ -32,7 +32,9 @@ function MobileNavigationItem({ item, closeMobileMenu, }) {
 function SiteLogo({ logo, logoDark, logoText, title, className, }) {
     if (!logo && !logoDark && !logoText)
         return null;
-    return (_jsxs("a", { href: "/", className: cn('flex gap-2 items-center mr-2 shrink-0', className), children: [logo && (_jsx("img", { src: logo, alt: title || 'Site Logo', className: cn('w-auto h-8 max-h-8', { 'dark:hidden': !!logoDark }) })), logoDark && (_jsx("img", { src: logoDark, alt: title || 'Site Logo', className: "hidden w-auto h-8 max-h-8 dark:block" })), logoText && _jsx("div", { className: "text-lg", children: logoText })] }));
+    return (
+    // A router link, so going home doesn't reload the whole app
+    _jsxs(Link, { to: "/", className: cn('flex gap-2 items-center mr-2 shrink-0', className), children: [logo && (_jsx("img", { src: logo, alt: title || 'Site Logo', className: cn('w-auto h-8 max-h-8', { 'dark:hidden': !!logoDark }) })), logoDark && (_jsx("img", { src: logoDark, alt: title || 'Site Logo', className: "hidden w-auto h-8 max-h-8 dark:block" })), logoText && _jsx("div", { className: "text-lg", children: logoText })] }));
 }
 export function SiteHeader({ showSearch = false, showBreadcrumbs, showArticleActions, showMobileMenu = true, brandBar, trailing, }) {
     const { toggleSidebar } = useSidebar() ?? {};

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

@@ -14,5 +14,10 @@ export interface LayoutProps {
      * where site-wide navigation is misleading.
      */
     hideNav?: boolean;
+    /**
+     * The height of `header` as CSS, when it isn't the default 2rem (a preview banner). The app
+     * layout offsets its sidebar by the height of everything above it.
+     */
+    headerHeight?: string;
 }
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/layout/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/layout/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB"}

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

@@ -12,6 +12,14 @@ type ManifestProject = Required<SiteManifest>['projects'][0];
  * @returns - a resolved set of options that can be applied to the article without the need for further fallback logic
  */
 export declare function resolveArticleConfigOptions(kindName: string, config?: SiteThemeConfig): ArticleThemeConfig;
+/**
+ * Where compute settings come from. With 'site', the platform site's `theme_config.jupyter` turns
+ * compute on and configures it, and the project can switch it off. With 'project', the site's
+ * `jupyter` settings are ignored and the project's own `jupyter` frontmatter alone decides.
+ */
+export type ComputeSettingsSource = 'site' | 'project';
+/** `resolveArticleConfigOptions`, with the `jupyter` settings taken from `source`. */
+export declare function resolveArticleConfigForCompute(kindName: string, config: SiteThemeConfig | undefined, source: ComputeSettingsSource): ArticleThemeConfig;
 export declare function resolveThemeAndProjectComputeOptions(resolvedArticleConfig: ArticleThemeConfig, project: Required<SiteManifest>['projects'][0]): ArticleThemeConfig;
 type RepoProviderSpec = any;
 type AdditionalThemeComputeConfig = {
@@ -28,14 +36,19 @@ export declare function getCustomRepoProviders(names: string[]): RepoProviderSpe
  * Get the Jupyter configuration based on a combination of the theme's
  * features and overrides, and the site manifest
  */
-export declare function getAdditionalThemeComputeConfig(resolvedConfig: ArticleThemeConfig, mecaUrl: string | null, respectLocalServerSettings?: boolean): AdditionalThemeComputeConfig;
+export declare function getAdditionalThemeComputeConfig(resolvedConfig: ArticleThemeConfig, mecaUrl: string | null, respectLocalServerSettings?: boolean, computeSettings?: ComputeSettingsSource): AdditionalThemeComputeConfig;
 type CurvenoteDesignConfig = DesignPresetConfig | DesignOptions;
 export declare function getFullyQualifiedUrlToMECABundle(project: ManifestProject): string | null;
-export declare function CurvenoteProviders({ children, submissionKind, design, mode, pingFn: providedPingFn, }: {
+export declare function CurvenoteProviders({ children, submissionKind, design, mode, computeSettings, pingFn: providedPingFn, }: {
     children: React.ReactNode;
     submissionKind: string;
     design?: CurvenoteDesignConfig | CurvenoteDesignConfig[];
     mode?: 'development' | 'production';
+    /**
+     * Where compute settings come from, 'site' by default. The Curvenote CLI theme uses 'project':
+     * it previews a local project, not a site.
+     */
+    computeSettings?: ComputeSettingsSource;
     /**
      * Optional ping function with route-specific metadata.
      * If provided, this will be used for bridge-jupyter LogBoundary instead of the default.

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

@@ -1 +1 @@
-{"version":3,"file":"curvenote-providers.d.ts","sourceRoot":"","sources":["../../../src/components/providers/curvenote-providers.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,eAAe,EACf,kBAAkB,EAElB,aAAa,EACb,kBAAkB,EACnB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAIL,KAAK,mBAAmB,EACxB,KAAK,MAAM,EACZ,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AAYhD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAE9C,KAAK,eAAe,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;AAE7D;;;;;;;GAOG;AACH,wBAAgB,2BAA2B,CACzC,QAAQ,EAAE,MAAM,EAChB,MAAM,CAAC,EAAE,eAAe,GACvB,kBAAkB,CAyBpB;AAED,wBAAgB,oCAAoC,CAClD,qBAAqB,EAAE,kBAAkB,EACzC,OAAO,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,sBAqC/C;AAED,KAAK,gBAAgB,GAAG,GAAG,CAAC;AAG5B,KAAK,4BAA4B,GAAG;IAClC,gBAAgB,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,mBAAmB,KAAK,mBAAmB,GAAG,SAAS,CAAC;IACnF,mBAAmB,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACzC,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACzD,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,MAAM,CAAC,EAAE;QACP,YAAY,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;KAC/B,CAAC;CACH,CAAC;AA0BF,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,gBAAgB,EAAE,CAE1E;AAED;;;GAGG;AACH,wBAAgB,+BAA+B,CAC7C,cAAc,EAAE,kBAAkB,EAClC,OAAO,EAAE,MAAM,GAAG,IAAI,EACtB,0BAA0B,CAAC,EAAE,OAAO,GACnC,4BAA4B,CA4D9B;AAQD,KAAK,qBAAqB,GAAG,kBAAkB,GAAG,aAAa,CAAC;AAEhE,wBAAgB,gCAAgC,CAAC,OAAO,EAAE,eAAe,GAAG,MAAM,GAAG,IAAI,CAIxF;AAED,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,cAA6B,EAC7B,MAAM,EACN,IAAmB,EACnB,MAAM,EAAE,cAAc,GACvB,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,cAAc,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,qBAAqB,GAAG,qBAAqB,EAAE,CAAC;IACzD,IAAI,CAAC,EAAE,aAAa,GAAG,YAAY,CAAC;IACpC;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,+BA0DA"}
+{"version":3,"file":"curvenote-providers.d.ts","sourceRoot":"","sources":["../../../src/components/providers/curvenote-providers.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,eAAe,EACf,kBAAkB,EAElB,aAAa,EACb,kBAAkB,EACnB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAIL,KAAK,mBAAmB,EACxB,KAAK,MAAM,EACZ,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AAYhD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAE9C,KAAK,eAAe,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;AAE7D;;;;;;;GAOG;AACH,wBAAgB,2BAA2B,CACzC,QAAQ,EAAE,MAAM,EAChB,MAAM,CAAC,EAAE,eAAe,GACvB,kBAAkB,CAyBpB;AAED;;;;GAIG;AACH,MAAM,MAAM,qBAAqB,GAAG,MAAM,GAAG,SAAS,CAAC;AAEvD,sFAAsF;AACtF,wBAAgB,8BAA8B,CAC5C,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,eAAe,GAAG,SAAS,EACnC,MAAM,EAAE,qBAAqB,GAC5B,kBAAkB,CAMpB;AAED,wBAAgB,oCAAoC,CAClD,qBAAqB,EAAE,kBAAkB,EACzC,OAAO,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,sBAqC/C;AAED,KAAK,gBAAgB,GAAG,GAAG,CAAC;AAG5B,KAAK,4BAA4B,GAAG;IAClC,gBAAgB,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,mBAAmB,KAAK,mBAAmB,GAAG,SAAS,CAAC;IACnF,mBAAmB,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACzC,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACzD,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,MAAM,CAAC,EAAE;QACP,YAAY,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;KAC/B,CAAC;CACH,CAAC;AA0BF,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,gBAAgB,EAAE,CAE1E;AAED;;;GAGG;AACH,wBAAgB,+BAA+B,CAC7C,cAAc,EAAE,kBAAkB,EAClC,OAAO,EAAE,MAAM,GAAG,IAAI,EACtB,0BAA0B,CAAC,EAAE,OAAO,EACpC,eAAe,GAAE,qBAA8B,GAC9C,4BAA4B,CAgE9B;AAQD,KAAK,qBAAqB,GAAG,kBAAkB,GAAG,aAAa,CAAC;AAEhE,wBAAgB,gCAAgC,CAAC,OAAO,EAAE,eAAe,GAAG,MAAM,GAAG,IAAI,CAIxF;AAED,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,cAA6B,EAC7B,MAAM,EACN,IAAmB,EACnB,eAAwB,EACxB,MAAM,EAAE,cAAc,GACvB,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,cAAc,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,qBAAqB,GAAG,qBAAqB,EAAE,CAAC;IACzD,IAAI,CAAC,EAAE,aAAa,GAAG,YAAY,CAAC;IACpC;;;OAGG;IACH,eAAe,CAAC,EAAE,qBAAqB,CAAC;IACxC;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,+BAmEA"}

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

@@ -41,6 +41,15 @@ export function resolveArticleConfigOptions(kindName, config) {
     }
     return articleConfig;
 }
+/** `resolveArticleConfigOptions`, with the `jupyter` settings taken from `source`. */
+export function resolveArticleConfigForCompute(kindName, config, source) {
+    const articleConfig = resolveArticleConfigOptions(kindName, config);
+    if (source === 'site')
+        return articleConfig;
+    // The notebook toolbar and figure controls; resolveThemeAndProjectComputeOptions then switches
+    // them off unless the project sets `jupyter`.
+    return { ...articleConfig, jupyter: { notebookCompute: true, figureCompute: true } };
+}
 export function resolveThemeAndProjectComputeOptions(resolvedArticleConfig, project) {
     const themeEnablesCompute = !!resolvedArticleConfig.jupyter && resolvedArticleConfig.jupyter.enable !== false;
     const projectJupyterConfig = project.thebe ?? project.jupyter; // future proofing
@@ -95,7 +104,7 @@ export function getCustomRepoProviders(names) {
  * Get the Jupyter configuration based on a combination of the theme's
  * features and overrides, and the site manifest
  */
-export function getAdditionalThemeComputeConfig(resolvedConfig, mecaUrl, respectLocalServerSettings) {
+export function getAdditionalThemeComputeConfig(resolvedConfig, mecaUrl, respectLocalServerSettings, computeSettings = 'site') {
     const jupyter = resolvedConfig.jupyter;
     if (!jupyter || jupyter.enable === false)
         return {};
@@ -104,6 +113,11 @@ export function getAdditionalThemeComputeConfig(resolvedConfig, mecaUrl, respect
             return undefined;
         if (opts?.serverSettings && respectLocalServerSettings)
             return opts;
+        // Compute from the project alone (the Curvenote theme) has no site to supply a Binder, MECA
+        // bundle or hub, and doesn't run JupyterLite (CN-2749), so it needs the project's own server
+        // or Binder.
+        if (computeSettings === 'project' && !opts?.binderOptions)
+            return undefined;
         const { useJupyterLite, ...rest } = opts ?? {};
         const enableJupyterLite = jupyter.allowLite && useJupyterLite;
         const useBinder = !enableJupyterLite && jupyter.dedicatedHub === undefined;
@@ -156,19 +170,19 @@ export function getFullyQualifiedUrlToMECABundle(project) {
     const meca = (project?.exports).find((e) => e.format === 'meca');
     return meca?.url ?? null;
 }
-export function CurvenoteProviders({ children, submissionKind = 'SITE_PAGES', design, mode = 'production', pingFn: providedPingFn, }) {
+export function CurvenoteProviders({ children, submissionKind = 'SITE_PAGES', design, mode = 'production', computeSettings = 'site', pingFn: providedPingFn, }) {
     const platformSite = usePlatformSite();
     const site = useSiteManifest();
     const project = useProjectManifest();
     const page = usePage();
-    const config = resolveArticleConfigOptions(submissionKind, platformSite.theme_config);
+    const config = resolveArticleConfigForCompute(submissionKind, platformSite.theme_config, computeSettings);
     const references = useReferences();
     const articleConfig = resolveThemeAndProjectComputeOptions(config, project);
     const mecaUrl = getFullyQualifiedUrlToMECABundle(project);
     const respectLocalServerSettings = mode === 'development';
     const resolved = {
         ...articleConfig,
-        ...getAdditionalThemeComputeConfig(articleConfig, mecaUrl, respectLocalServerSettings),
+        ...getAdditionalThemeComputeConfig(articleConfig, mecaUrl, respectLocalServerSettings, computeSettings),
     };
     const images = useImages({ mdast: references?.article });
     const enable = articleConfig?.jupyter?.enable !== false;

package/dist/components/site-renderers/host-import-map-script.d.ts

@@ -0,0 +1,8 @@
+import { HOST_REACT_MODULES } from './host-react-modules.js';
+export { HOST_REACT_MODULES };
+/**
+ * Emits the host React import map as static SSR markup in <head> (before
+ * <Scripts />). Host module registration happens at module scope above.
+ */
+export declare function HostImportMap(): import("react").JSX.Element;
+//# sourceMappingURL=host-import-map-script.d.ts.map

package/dist/components/site-renderers/host-import-map-script.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"host-import-map-script.d.ts","sourceRoot":"","sources":["../../../src/components/site-renderers/host-import-map-script.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,kBAAkB,EAA4B,MAAM,yBAAyB,CAAC;AAEvF,OAAO,EAAE,kBAAkB,EAAE,CAAC;AAsB9B;;;GAGG;AACH,wBAAgB,aAAa,gCAQ5B"}

package/dist/components/site-renderers/host-import-map-script.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { HOST_IMPORT_EXPORT_NAMES, IMPORT_MAP_ATTR, buildHostImportMap, } from './host-import-map.js';
+import { HOST_REACT_MODULES, registerReactHostModules } from './host-react-modules.js';
+export { HOST_REACT_MODULES };
+// Register as soon as this module evaluates (SSR + client). Must not wait for
+// an effect — the import map is live from first HTML byte and shims read this
+// global unconditionally once a bare specifier is imported.
+registerReactHostModules();
+/**
+ * Import-map JSON from the shared export allowlist (not Object.keys of the
+ * local React build), so SSR and client emit the same mappings even when
+ * Node resolves react.development.js and the browser bundle uses production.
+ */
+const HOST_IMPORT_MAP_JSON = JSON.stringify(buildHostImportMap(HOST_IMPORT_EXPORT_NAMES));
+const importMapScriptProps = {
+    type: 'importmap',
+    [IMPORT_MAP_ATTR]: 'true',
+    // Match React Router's own importmap script: SSR/client text can still
+    // differ under unusual bundling; never fail hydration over map markup.
+    suppressHydrationWarning: true,
+};
+/**
+ * Emits the host React import map as static SSR markup in <head> (before
+ * <Scripts />). Host module registration happens at module scope above.
+ */
+export function HostImportMap() {
+    return (_jsx("script", { ...importMapScriptProps, 
+        // Import map JSON must be text content, not a child React node.
+        dangerouslySetInnerHTML: { __html: HOST_IMPORT_MAP_JSON } }));
+}

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

@@ -0,0 +1,40 @@
+export declare const HOST_MODULES_KEY = "__CURVENOTE_HOST_IMPORT_MODULES__";
+export declare const IMPORT_MAP_ATTR = "data-curvenote-host-importmap";
+/**
+ * Stable public React exports shared by SSR and client import-map shims.
+ * Deliberately excludes development-only exports (act, captureOwnerStack) and
+ * internals so Object.keys() differences between React builds cannot diverge
+ * the emitted map.
+ */
+export declare const HOST_REACT_EXPORT_NAMES: readonly ["Activity", "Children", "Component", "Fragment", "Profiler", "PureComponent", "StrictMode", "Suspense", "cache", "cacheSignal", "cloneElement", "createContext", "createElement", "createRef", "forwardRef", "isValidElement", "lazy", "memo", "startTransition", "use", "useActionState", "useCallback", "useContext", "useDebugValue", "useDeferredValue", "useEffect", "useEffectEvent", "useId", "useImperativeHandle", "useInsertionEffect", "useLayoutEffect", "useMemo", "useOptimistic", "useReducer", "useRef", "useState", "useSyncExternalStore", "useTransition", "version"];
+export declare const HOST_JSX_RUNTIME_EXPORT_NAMES: readonly ["Fragment", "jsx", "jsxs"];
+export declare const HOST_JSX_DEV_RUNTIME_EXPORT_NAMES: readonly ["Fragment", "jsxDEV"];
+/** Stable public react-dom exports; private internals and unstable APIs are excluded. */
+export declare const HOST_REACT_DOM_EXPORT_NAMES: readonly ["createPortal", "flushSync", "preconnect", "prefetchDNS", "preinit", "preinitModule", "preload", "preloadModule", "requestFormReset", "useFormState", "useFormStatus", "version"];
+export declare const HOST_REACT_DOM_CLIENT_EXPORT_NAMES: readonly ["createRoot", "hydrateRoot", "version"];
+/** Specifier → export names used when building the host import map. */
+export declare const HOST_IMPORT_EXPORT_NAMES: {
+    readonly react: readonly ["Activity", "Children", "Component", "Fragment", "Profiler", "PureComponent", "StrictMode", "Suspense", "cache", "cacheSignal", "cloneElement", "createContext", "createElement", "createRef", "forwardRef", "isValidElement", "lazy", "memo", "startTransition", "use", "useActionState", "useCallback", "useContext", "useDebugValue", "useDeferredValue", "useEffect", "useEffectEvent", "useId", "useImperativeHandle", "useInsertionEffect", "useLayoutEffect", "useMemo", "useOptimistic", "useReducer", "useRef", "useState", "useSyncExternalStore", "useTransition", "version"];
+    readonly 'react/jsx-runtime': readonly ["Fragment", "jsx", "jsxs"];
+    readonly 'react/jsx-dev-runtime': readonly ["Fragment", "jsxDEV"];
+    readonly 'react-dom': readonly ["createPortal", "flushSync", "preconnect", "prefetchDNS", "preinit", "preinitModule", "preload", "preloadModule", "requestFormReset", "useFormState", "useFormStatus", "version"];
+    readonly 'react-dom/client': readonly ["createRoot", "hydrateRoot", "version"];
+};
+/** ESM shim source that re-exports a namespace already registered on globalThis. */
+export declare function createNamespaceShimSource(specifier: string, exportNames: readonly string[]): string;
+/**
+ * Build an import map document using data: URLs (SSR-safe; no blob:).
+ * Export names come from an explicit allowlist, not Object.keys(runtimeNamespace).
+ */
+export declare function buildHostImportMap(exportsBySpecifier: Record<string, readonly string[]>): {
+    imports: Record<string, string>;
+};
+/** Populate globalThis so data: shim modules can resolve host exports. */
+export declare function registerHostModules(modules: Record<string, object>): void;
+/**
+ * True when a dynamic import failed because the host import map was missing,
+ * rejected (inserted too late), did not cover a bare specifier, or the shim
+ * ran before registerHostModules.
+ */
+export declare function isImportMapResolutionError(error: unknown): boolean;
+//# sourceMappingURL=host-import-map.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"host-import-map.d.ts","sourceRoot":"","sources":["../../../src/components/site-renderers/host-import-map.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB,sCAAsC,CAAC;AACpE,eAAO,MAAM,eAAe,kCAAkC,CAAC;AAE/D;;;;;GAKG;AACH,eAAO,MAAM,uBAAuB,okBAwC1B,CAAC;AAEX,eAAO,MAAM,6BAA6B,sCAAuC,CAAC;AAElF,eAAO,MAAM,iCAAiC,iCAAkC,CAAC;AAEjF,yFAAyF;AACzF,eAAO,MAAM,2BAA2B,6LAa9B,CAAC;AAEX,eAAO,MAAM,kCAAkC,mDAAoD,CAAC;AAEpG,uEAAuE;AACvE,eAAO,MAAM,wBAAwB;;;;;;CAM3B,CAAC;AAsBX,oFAAoF;AACpF,wBAAgB,yBAAyB,CACvC,SAAS,EAAE,MAAM,EACjB,WAAW,EAAE,SAAS,MAAM,EAAE,GAC7B,MAAM,CAUR;AAOD;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,MAAM,EAAE,CAAC,GAAG;IACzF,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACjC,CAMA;AAED,0EAA0E;AAC1E,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,QAKlE;AAED;;;;GAIG;AACH,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,OAAO,GAAG,OAAO,CAQlE"}

package/dist/components/site-renderers/host-import-map.js

@@ -0,0 +1,136 @@
+export const HOST_MODULES_KEY = '__CURVENOTE_HOST_IMPORT_MODULES__';
+export const IMPORT_MAP_ATTR = 'data-curvenote-host-importmap';
+/**
+ * Stable public React exports shared by SSR and client import-map shims.
+ * Deliberately excludes development-only exports (act, captureOwnerStack) and
+ * internals so Object.keys() differences between React builds cannot diverge
+ * the emitted map.
+ */
+export const HOST_REACT_EXPORT_NAMES = [
+    'Activity',
+    'Children',
+    'Component',
+    'Fragment',
+    'Profiler',
+    'PureComponent',
+    'StrictMode',
+    'Suspense',
+    'cache',
+    'cacheSignal',
+    'cloneElement',
+    'createContext',
+    'createElement',
+    'createRef',
+    'forwardRef',
+    'isValidElement',
+    'lazy',
+    'memo',
+    'startTransition',
+    'use',
+    'useActionState',
+    'useCallback',
+    'useContext',
+    'useDebugValue',
+    'useDeferredValue',
+    'useEffect',
+    'useEffectEvent',
+    'useId',
+    'useImperativeHandle',
+    'useInsertionEffect',
+    'useLayoutEffect',
+    'useMemo',
+    'useOptimistic',
+    'useReducer',
+    'useRef',
+    'useState',
+    'useSyncExternalStore',
+    'useTransition',
+    'version',
+];
+export const HOST_JSX_RUNTIME_EXPORT_NAMES = ['Fragment', 'jsx', 'jsxs'];
+export const HOST_JSX_DEV_RUNTIME_EXPORT_NAMES = ['Fragment', 'jsxDEV'];
+/** Stable public react-dom exports; private internals and unstable APIs are excluded. */
+export const HOST_REACT_DOM_EXPORT_NAMES = [
+    'createPortal',
+    'flushSync',
+    'preconnect',
+    'prefetchDNS',
+    'preinit',
+    'preinitModule',
+    'preload',
+    'preloadModule',
+    'requestFormReset',
+    'useFormState',
+    'useFormStatus',
+    'version',
+];
+export const HOST_REACT_DOM_CLIENT_EXPORT_NAMES = ['createRoot', 'hydrateRoot', 'version'];
+/** Specifier → export names used when building the host import map. */
+export const HOST_IMPORT_EXPORT_NAMES = {
+    react: HOST_REACT_EXPORT_NAMES,
+    'react/jsx-runtime': HOST_JSX_RUNTIME_EXPORT_NAMES,
+    'react/jsx-dev-runtime': HOST_JSX_DEV_RUNTIME_EXPORT_NAMES,
+    'react-dom': HOST_REACT_DOM_EXPORT_NAMES,
+    'react-dom/client': HOST_REACT_DOM_CLIENT_EXPORT_NAMES,
+};
+function getHostModules() {
+    const g = globalThis;
+    g[HOST_MODULES_KEY] ??= {};
+    return g[HOST_MODULES_KEY];
+}
+function isValidExportName(name) {
+    return name !== 'default' && /^[$A-Z_a-z][\w$]*$/.test(name);
+}
+function encodeBase64Utf8(text) {
+    if (typeof Buffer !== 'undefined') {
+        return Buffer.from(text, 'utf8').toString('base64');
+    }
+    // Shim sources are ASCII-only; btoa is sufficient in browsers without Buffer.
+    return btoa(text);
+}
+/** ESM shim source that re-exports a namespace already registered on globalThis. */
+export function createNamespaceShimSource(specifier, exportNames) {
+    const names = exportNames.filter(isValidExportName).sort();
+    return `
+const __ns = globalThis[${JSON.stringify(HOST_MODULES_KEY)}]?.[${JSON.stringify(specifier)}];
+if (!__ns) {
+  throw new Error(${JSON.stringify(`host modules not registered for ${specifier}`)});
+}
+export default __ns.default ?? __ns;
+${names.map((name) => `export const ${name} = __ns[${JSON.stringify(name)}];`).join('\n')}
+`;
+}
+function createNamespaceShimDataUrl(specifier, exportNames) {
+    const source = createNamespaceShimSource(specifier, exportNames);
+    return `data:text/javascript;base64,${encodeBase64Utf8(source)}`;
+}
+/**
+ * Build an import map document using data: URLs (SSR-safe; no blob:).
+ * Export names come from an explicit allowlist, not Object.keys(runtimeNamespace).
+ */
+export function buildHostImportMap(exportsBySpecifier) {
+    const imports = {};
+    for (const [specifier, exportNames] of Object.entries(exportsBySpecifier)) {
+        imports[specifier] = createNamespaceShimDataUrl(specifier, exportNames);
+    }
+    return { imports };
+}
+/** Populate globalThis so data: shim modules can resolve host exports. */
+export function registerHostModules(modules) {
+    const hostModules = getHostModules();
+    for (const [specifier, namespace] of Object.entries(modules)) {
+        hostModules[specifier] = namespace;
+    }
+}
+/**
+ * True when a dynamic import failed because the host import map was missing,
+ * rejected (inserted too late), did not cover a bare specifier, or the shim
+ * ran before registerHostModules.
+ */
+export function isImportMapResolutionError(error) {
+    const message = error instanceof Error ? error.message : String(error);
+    return (/import map/i.test(message) ||
+        /Failed to resolve module specifier/i.test(message) ||
+        /Relative references must start with/i.test(message) ||
+        /host modules not registered/i.test(message));
+}

package/dist/components/site-renderers/host-react-modules.d.ts

@@ -0,0 +1,15 @@
+import * as ReactNamespace from 'react';
+import * as ReactDOMNamespace from 'react-dom';
+import * as ReactDOMClientNamespace from 'react-dom/client';
+import * as JsxRuntime from 'react/jsx-runtime';
+import * as JsxDevRuntime from 'react/jsx-dev-runtime';
+/** Runtime namespaces corresponding exactly to the supported host import-map specifiers. */
+export declare const HOST_REACT_MODULES: {
+    react: typeof ReactNamespace;
+    'react/jsx-runtime': typeof JsxRuntime;
+    'react/jsx-dev-runtime': typeof JsxDevRuntime;
+    'react-dom': typeof ReactDOMNamespace;
+    'react-dom/client': typeof ReactDOMClientNamespace;
+};
+export declare function registerReactHostModules(): void;
+//# sourceMappingURL=host-react-modules.d.ts.map

package/dist/components/site-renderers/host-react-modules.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"host-react-modules.d.ts","sourceRoot":"","sources":["../../../src/components/site-renderers/host-react-modules.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,iBAAiB,MAAM,WAAW,CAAC;AAC/C,OAAO,KAAK,uBAAuB,MAAM,kBAAkB,CAAC;AAC5D,OAAO,KAAK,UAAU,MAAM,mBAAmB,CAAC;AAChD,OAAO,KAAK,aAAa,MAAM,uBAAuB,CAAC;AAGvD,4FAA4F;AAC5F,eAAO,MAAM,kBAAkB;;;;;;CAM9B,CAAC;AAEF,wBAAgB,wBAAwB,SAEvC"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/components/ui/article-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"article-card.d.ts","sourceRoot":"","sources":["../../../src/components/ui/article-card.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGxD,UAAU,gBAAgB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,OAAO,CACd,IAAI,CACF,cAAc,EACd,IAAI,GAAG,OAAO,GAAG,aAAa,GAAG,SAAS,GAAG,MAAM,GAAG,YAAY,GAAG,KAAK,GAAG,OAAO,CACrF,CACF,CAAC;IACF,cAAc,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAC1B,EAAE,EACF,OAAO,EACP,cAAc,EACd,WAAW,EACX,OAAe,EACf,QAAgB,GACjB,EAAE,gBAAgB,+BAmGlB"}
+{"version":3,"file":"article-card.d.ts","sourceRoot":"","sources":["../../../src/components/ui/article-card.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGxD,UAAU,gBAAgB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,OAAO,CACd,IAAI,CACF,cAAc,EACd,IAAI,GAAG,OAAO,GAAG,aAAa,GAAG,SAAS,GAAG,MAAM,GAAG,YAAY,GAAG,KAAK,GAAG,OAAO,CACrF,CACF,CAAC;IACF,cAAc,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAC1B,EAAE,EACF,OAAO,EACP,cAAc,EACd,WAAW,EACX,OAAe,EACf,QAAgB,GACjB,EAAE,gBAAgB,+BA2GlB"}

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

@@ -8,15 +8,20 @@ export function ArticleCard({ to, article, showThumbnails, showAuthors, showDoi
         src: article.links?.thumbnail || '',
         minDelay: 300,
     });
-    return (_jsx(Link, { to: to, className: "block no-underline group hover:no-underline", prefetch: "intent", children: _jsx("article", { className: "overflow-hidden font-ui rounded-sm border transition-shadow border-gray-200/50 hover:shadow-md not-prose", children: _jsxs("div", { className: "flex", children: [showThumbnails && article.links?.thumbnail && (_jsxs("div", { className: "hidden relative w-40 shrink-0 sm:block lg:w-50 xl:w-60", children: [_jsx("div", { className: "absolute inset-0 bg-center bg-no-repeat bg-cover transition-opacity duration-750", style: {
+    return (_jsx(Link, { to: to, className: "block no-underline group hover:no-underline", prefetch: "intent", children: _jsx("article", { className: "py-5 font-ui not-prose", children: _jsxs("div", { className: "flex gap-5 items-start", children: [showThumbnails && article.links?.thumbnail && (_jsxs("div", { className: "hidden overflow-hidden relative w-40 rounded-sm aspect-[16/10] shrink-0 sm:block lg:w-48", children: [_jsx("div", { className: "absolute inset-0 bg-center bg-no-repeat bg-cover transition-opacity duration-750", style: {
                                     backgroundImage: imageLoaded ? `url(${article.links.thumbnail})` : 'none',
                                     opacity: imageLoaded ? 1 : 0,
-                                } }), showPlaceholder && (_jsx("div", { className: "flex relative justify-center items-center h-full bg-gray-100 dark:bg-gray-800", children: _jsx(CurvenoteIcon, { className: "fill-gray-200 dark:fill-gray-900", height: 60, width: 60 }) })), _jsx("img", { ref: imgRef, src: article.links.thumbnail, className: "hidden", onLoad: handleImageLoad })] })), _jsxs("div", { className: "flex-1 p-6 min-w-0", children: [_jsx("div", { className: "mb-2 text-lg text-foreground", children: _jsx("span", { className: "transition-colors group-hover:text-blue-800 dark:group-hover:text-blue-500", children: article.title }) }), article.description && (_jsx("p", { className: "mb-3 text-sm font-light text-muted-foreground line-clamp-2", children: article.description })), _jsxs("div", { className: "flex flex-wrap gap-4 items-center text-xs font-light text-muted-foreground", children: [showAuthors && article.authors && article.authors.length > 0 && (_jsx("div", { className: "flex items-center", children: _jsx("span", { children: article.authors.length <= 3 ? (article.authors.map((author, index) => (_jsxs("span", { children: [author.name, index < (article.authors?.length ?? 0) - 1
+                                } }), showPlaceholder && (_jsx("div", { className: "flex relative justify-center items-center h-full bg-gray-100 dark:bg-gray-800", children: _jsx(CurvenoteIcon, { className: "fill-gray-200 dark:fill-gray-900", height: 60, width: 60 }) })), _jsx("img", { ref: imgRef, src: article.links.thumbnail, className: "hidden", onLoad: handleImageLoad })] })), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("div", { className: "mb-2 text-lg font-semibold font-heading text-foreground", children: _jsx("span", { className: "group-hover:underline decoration-1 underline-offset-[3px] decoration-site-primary", children: article.title }) }), article.description && (_jsx("p", { className: "mb-3 text-sm font-light text-muted-foreground line-clamp-2", children: article.description })), _jsxs("div", { className: "flex flex-wrap gap-4 items-center text-xs font-light text-muted-foreground", children: [showAuthors && article.authors && article.authors.length > 0 && (_jsx("div", { className: "flex items-center", children: _jsx("span", { children: article.authors.length <= 3 ? (article.authors.map((author, index) => (_jsxs("span", { children: [author.name, index < (article.authors?.length ?? 0) - 1
                                                         ? index === (article.authors?.length ?? 0) - 2
                                                             ? `${(article.authors?.length ?? 0) > 2 ? ',' : ''} and `
                                                             : ', '
                                                         : ''] }, index)))) : (_jsxs(_Fragment, { children: [article.authors
                                                         .slice(0, 3)
                                                         .map((a) => a.name)
-                                                        .join(', '), ' et al.'] })) }) })), showDate && article.date && (_jsx("div", { className: "flex items-center", children: _jsx("span", { children: new Date(article.date).toLocaleDateString() }) })), showDoi && article.doi && (_jsx("div", { className: "flex items-center", children: _jsx("span", { children: buildUrl(article.doi) }) }))] })] })] }) }) }));
+                                                        .join(', '), ' et al.'] })) }) })), showDate && article.date && (_jsx("div", { className: "flex items-center", children: _jsx("span", { children: new Date(article.date).toLocaleDateString('en-GB', {
+                                                day: 'numeric',
+                                                month: 'short',
+                                                year: 'numeric',
+                                                timeZone: 'UTC',
+                                            }) }) })), showDoi && article.doi && (_jsx("div", { className: "flex items-center", children: _jsx("span", { children: buildUrl(article.doi) }) }))] })] })] }) }) }));
 }

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

@@ -56,6 +56,7 @@ export { Backmatter, useBackmatter, useBackmatterVisibility } from './backmatter
 export type { BackmatterSection, BackmatterSectionId, BackmatterVisibility } from './backmatter.js';
 export { Banner, InlineBanner, useBannerStyle } from './banner.js';
 export { FontStyles, DEFAULT_SITE_FONTS } from './font-styles.js';
+export { SiteColorStyles } from './site-color-styles.js';
 export type { BannerStyle } from './banner.js';
 export { DhrCtaButtons } from './dhr-cta-buttons.js';
 export { ErrorPage } from './error-page.js';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ui/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ui/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAC7E,OAAO,EACL,MAAM,EACN,aAAa,EACb,WAAW,EACX,UAAU,EACV,WAAW,EACX,sBAAsB,EACtB,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,WAAW,GACZ,MAAM,aAAa,CAAC;AACrB,OAAO,EACL,UAAU,EACV,iBAAiB,EACjB,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,cAAc,EACd,kBAAkB,GACnB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,MAAM,EACN,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,aAAa,EACb,WAAW,EACX,aAAa,EACb,YAAY,GACb,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACvE,OAAO,EACL,OAAO,EACP,cAAc,EACd,eAAe,EACf,cAAc,EACd,aAAa,GACd,MAAM,cAAc,CAAC;AACtB,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,gBAAgB,EAChB,iBAAiB,EACjB,qBAAqB,EACrB,mBAAmB,EACnB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,GACvB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACvF,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAClD,OAAO,EACL,UAAU,EACV,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,mBAAmB,GACpB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,KAAK,EACL,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,UAAU,EACV,YAAY,GACb,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAGtC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EACL,oBAAoB,EACpB,YAAY,EACZ,qBAAqB,EACrB,mBAAmB,GACpB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EACL,UAAU,EACV,WAAW,EACX,UAAU,EACV,eAAe,EACf,UAAU,EACV,OAAO,GACR,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,oBAAoB,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAC/E,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EACL,OAAO,EACP,cAAc,EACd,aAAa,EACb,YAAY,EACZ,kBAAkB,EAClB,mBAAmB,EACnB,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,mBAAmB,EACnB,cAAc,EACd,oBAAoB,EACpB,kBAAkB,EAClB,eAAe,EACf,WAAW,EACX,gBAAgB,EAChB,cAAc,EACd,UAAU,GACX,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AACvF,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAC3D,YAAY,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGvE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAGnC,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAG3C,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AACrF,YAAY,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAGpG,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAGrD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/ui/index.js

@@ -60,6 +60,7 @@ export { Backmatter, useBackmatter, useBackmatterVisibility } from './backmatter
 // Design Components
 export { Banner, InlineBanner, useBannerStyle } from './banner.js';
 export { FontStyles, DEFAULT_SITE_FONTS } from './font-styles.js';
+export { SiteColorStyles } from './site-color-styles.js';
 export { DhrCtaButtons } from './dhr-cta-buttons.js';
 // Error Components
 export { ErrorPage } from './error-page.js';

package/dist/components/ui/site-color-styles.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Renders a site's brand colours (`theme_config.colors`) as the `--site-primary` and
+ * `--site-secondary` tokens in an inline `<style>`. Server-rendered from the site config, so
+ * accents never flash the fallback. Renders nothing when the site sets no colours, and the
+ * tokens then fall back to the text colour (`@curvenote/styles/theme.css`).
+ */
+export declare function SiteColorStyles(): import("react").JSX.Element | null;
+//# sourceMappingURL=site-color-styles.d.ts.map

package/dist/components/ui/site-color-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"site-color-styles.d.ts","sourceRoot":"","sources":["../../../src/components/ui/site-color-styles.tsx"],"names":[],"mappings":"AAGA;;;;;GAKG;AACH,wBAAgB,eAAe,uCAK9B"}

package/dist/components/ui/site-color-styles.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { buildSiteColorCss } from '../../lib/site-colors.js';
+import { usePlatformSite } from '../providers/platform-providers.js';
+/**
+ * Renders a site's brand colours (`theme_config.colors`) as the `--site-primary` and
+ * `--site-secondary` tokens in an inline `<style>`. Server-rendered from the site config, so
+ * accents never flash the fallback. Renders nothing when the site sets no colours, and the
+ * tokens then fall back to the text colour (`@curvenote/styles/theme.css`).
+ */
+export function SiteColorStyles() {
+    const site = usePlatformSite();
+    const css = buildSiteColorCss(site?.theme_config?.colors);
+    if (!css)
+        return null;
+    return _jsx("style", { dangerouslySetInnerHTML: { __html: css } });
+}

package/dist/lib/site-colors.d.ts

@@ -0,0 +1,10 @@
+import type { SiteThemeConfig } from '@curvenote/common';
+type SiteColors = SiteThemeConfig['colors'];
+/**
+ * The `--site-primary` / `--site-secondary` tokens for a site's configured brand colours, as a
+ * `:root` rule, or `''` when it sets none. The values come from site config and end up in a
+ * `<style>` element, so anything that is not a plain colour value is dropped.
+ */
+export declare function buildSiteColorCss(colors: SiteColors): string;
+export {};
+//# sourceMappingURL=site-colors.d.ts.map

package/dist/lib/site-colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"site-colors.d.ts","sourceRoot":"","sources":["../../src/lib/site-colors.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEzD,KAAK,UAAU,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;AAU5C;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,UAAU,UAQnD"}

package/dist/lib/site-colors.js

@@ -0,0 +1,20 @@
+/** Hex (`#rgb` to `#rrggbbaa`) or a functional notation with only numbers, units and separators. */
+const COLOR = /^(#[0-9a-f]{3,8}|(rgba?|hsla?|hwb|lab|lch|oklab|oklch)\([0-9a-z.%\s,/+-]+\))$/i;
+function safeColor(value) {
+    const trimmed = value?.trim();
+    return trimmed && COLOR.test(trimmed) ? trimmed : undefined;
+}
+/**
+ * The `--site-primary` / `--site-secondary` tokens for a site's configured brand colours, as a
+ * `:root` rule, or `''` when it sets none. The values come from site config and end up in a
+ * `<style>` element, so anything that is not a plain colour value is dropped.
+ */
+export function buildSiteColorCss(colors) {
+    const primary = safeColor(colors?.primary);
+    const secondary = safeColor(colors?.secondary);
+    const decls = [
+        primary && `--site-primary:${primary}`,
+        secondary && `--site-secondary:${secondary}`,
+    ].filter(Boolean);
+    return decls.length ? `:root{${decls.join(';')}}` : '';
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@curvenote/theme-ui",
-  "version": "2.0.2",
+  "version": "2.1.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/curvenote/curvenote.git"
@@ -30,11 +30,11 @@
     "prepublishOnly": "bun run build"
   },
   "dependencies": {
-    "@curvenote/bridge-jupyter": "^2.0.2",
+    "@curvenote/bridge-jupyter": "^2.1.0",
     "@curvenote/common": "^0.11.0",
-    "@curvenote/footers": "^2.0.2",
+    "@curvenote/footers": "^2.1.0",
     "@curvenote/icons": "^0.0.4",
-    "@curvenote/react-utils": "^2.0.2",
+    "@curvenote/react-utils": "^2.1.0",
     "@myst-theme/common": "^1.3.0",
     "@myst-theme/providers": "^1.3.0",
     "@myst-theme/search": "^1.3.0",