@curvenote/theme-ui 2.0.1 → 2.1.0

package/dist/components/index.d.ts

@@ -1,4 +1,5 @@
-export * from './layout';
-export * from './providers';
-export * from './ui';
+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,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,MAAM,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';
-export * from './providers';
-export * from './ui';
+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,8 +1,8 @@
-import type { LayoutProps } from './types';
-export declare function AppLayout({ children, header, footer, trailing }: LayoutProps): import("react/jsx-runtime").JSX.Element;
+import type { LayoutProps } from './types.js';
+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;
     className?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 //# sourceMappingURL=app-layout.d.ts.map

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,SAAS,CAAC;AAG3C,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,WAAW,2CAuB5E;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,2CAyBA"}
+{"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

@@ -1,25 +1,35 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { SidebarInset, SidebarProvider } from '../ui/sidebar';
-import { AppSidebar } from './app-sidebar';
-import { SiteHeader } from './site-header';
+import { SidebarInset, SidebarProvider } from '../ui/sidebar.js';
+import { AppSidebar } from './app-sidebar.js';
+import { LayoutHeader } from './layout-header.js';
 import { useProjectManifest, useReferences } from '@myst-theme/providers';
-import { DocumentOutline } from '../ui/document-outline';
-import { cn } from '../../lib/utils';
-import { Banner } from '../ui';
-import { createSkipToTargets, SkipTo } from '../ui/accessibility-skip-to';
-import { useDesign } from '../providers';
-export function AppLayout({ children, header, footer, trailing }) {
-    return (_jsxs(_Fragment, { children: [_jsx(SkipTo, { targets: createSkipToTargets() }), _jsx("div", { className: cn('flex flex-col min-h-screen', {
-                    '[--header-height:calc(--spacing(22))]': header,
-                    '[--header-height:calc(--spacing(14))]': !header,
-                }), children: _jsxs(SidebarProvider, { className: "flex flex-col h-full", children: [_jsx(SiteHeader, { brandBar: header, trailing: trailing, showMobileMenu: true }), _jsxs("div", { className: "flex flex-1", children: [_jsx(AppSidebar, {}), _jsxs(SidebarInset, { className: "flex flex-col min-h-full", children: [_jsx("div", { className: "grow", children: children }), footer && _jsx("div", { className: "shrink-0", children: footer })] })] })] }) })] }));
+import { DocumentOutline } from '../ui/document-outline.js';
+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, 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)
+                    '[--header-height:calc(--spacing(8))]': header && hideNav,
+                    '[--header-height:0]': !header && hideNav,
+                }), children: _jsxs(SidebarProvider, { className: "flex flex-col h-full", children: [_jsx(LayoutHeader, { header: header, trailing: trailing, hideNav: hideNav, showMobileMenu: true }), _jsxs("div", { className: "flex flex-1", children: [_jsx(AppSidebar, {}), _jsxs(SidebarInset, { className: "flex flex-col min-h-full", children: [_jsx("div", { className: "grow", children: children }), footer && _jsx("div", { className: "shrink-0", children: footer })] })] })] }) })] }));
 }
 export function AppContainer({ children, header, className, }) {
     const references = useReferences();
     const project = useProjectManifest();
     const design = useDesign();
-    const hasBanner = !design.hide_banner && project?.banner;
+    // an inline banner is rendered within the title block, not behind it
+    const hasInsetBanner = useBannerStyle() === 'inset' && !!project?.banner;
     return (_jsxs("article", { className: cn('relative z-0 max-w-full app-grid grid-gap article', className, {
-            'pt-8': !hasBanner && !design.hide_title_block,
-        }), children: [hasBanner && !design.hide_title_block && project?.banner && (_jsx(Banner, { thin: true, banner: project.banner, bannerOptimized: project.bannerOptimized })), header, !!header && _jsx("div", { className: "h-0 col-screen" }), !design.hide_outline && references?.article && (_jsx("aside", { className: "hidden sticky top-24 px-2 h-0 lg:block col-margin xl:px-4", children: _jsx(DocumentOutline, { mdast: references?.article }) })), children, _jsx("div", { id: "bottom-of-article", className: "h-0 col-screen" })] }));
+            'pt-8': !hasInsetBanner && !design.hide_title_block,
+        }), children: [hasInsetBanner && !design.hide_title_block && project?.banner && (_jsx(Banner, { thin: true, banner: project.banner, bannerOptimized: project.bannerOptimized })), header, !!header && _jsx("div", { className: "h-0 col-screen" }), !design.hide_outline && references?.article && (_jsx("aside", { className: "hidden sticky top-24 px-2 h-0 lg:block col-margin xl:px-4", children: _jsx(DocumentOutline, { mdast: references?.article }) })), children, _jsx("div", { id: "bottom-of-article", className: "h-0 col-screen" })] }));
 }

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"app-sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/layout/app-sidebar.tsx"],"names":[],"mappings":"AA8PA,wBAAgB,UAAU,4CA0FzB"}
+{"version":3,"file":"app-sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/layout/app-sidebar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA6P/B,wBAAgB,UAAU,sBA0FzB"}

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

@@ -2,16 +2,16 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { ChevronRight, Home, Notebook } from 'lucide-react';
 import * as React from 'react';
 import { useNavigation, useLocation, NavLink } from 'react-router';
-import { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarMenu, SidebarMenuItem, } from '../ui/sidebar';
-import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../ui';
-import { cn } from '../../lib/utils';
-import { getYear } from '../../lib/parse-date';
+import { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarMenu, SidebarMenuItem, } from '../ui/sidebar.js';
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../ui/index.js';
+import { cn } from '../../lib/utils.js';
+import { getYear } from '../../lib/parse-date.js';
 import { CurvenoteLogo } from '@curvenote/icons';
-import { ThemeButton } from '../ui/theme-button';
+import { ThemeButton } from '../ui/theme-button.js';
 import { useBaseurl, useProjectManifest } from '@myst-theme/providers';
-import { useHydrated } from '../../hooks';
-import { usePage } from '../providers';
-import { useDesign } from '../providers/design';
+import { useHydrated } from '../../hooks/index.js';
+import { usePage } from '../providers/index.js';
+import { useDesign } from '../providers/design.js';
 const icons = {
     notebook: Notebook,
     notebooks: Notebook,

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

@@ -1,8 +1,8 @@
-import type { LayoutProps } from './types';
-export declare function ArticleLayout({ children, header, footer, trailing }: LayoutProps): import("react/jsx-runtime").JSX.Element;
+import type { LayoutProps } from './types.js';
+export declare function ArticleLayout({ children, header, footer, trailing, hideNav }: LayoutProps): import("react").JSX.Element;
 export declare function ArticleContainer({ children, header, className, }: {
     children: React.ReactNode;
     header?: React.ReactNode;
     className?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 //# sourceMappingURL=article-layout.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"article-layout.d.ts","sourceRoot":"","sources":["../../../src/components/layout/article-layout.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAG3C,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,WAAW,2CAWhF;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,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,2CAgCA"}
+{"version":3,"file":"article-layout.d.ts","sourceRoot":"","sources":["../../../src/components/layout/article-layout.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAG9C,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,WAAW,+BAWzF;AASD,wBAAgB,gBAAgB,CAAC,EAC/B,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,+BAkCA"}

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

@@ -1,19 +1,26 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useProjectManifest, useReferences } from '@myst-theme/providers';
-import { SiteHeader } from './site-header';
-import { cn } from '../../lib/utils';
-import { createSkipToTargets, DocumentOutline, SkipTo, Banner } from '../ui';
-import { useDesign } from '../providers';
-export function ArticleLayout({ children, header, footer, trailing }) {
-    return (_jsxs(_Fragment, { children: [_jsx(SkipTo, { targets: createSkipToTargets() }), _jsxs("div", { className: "flex flex-col min-h-screen", children: [_jsx(SiteHeader, { brandBar: header, trailing: trailing }), _jsx("div", { className: "grow", children: children }), footer && _jsx("div", { className: "shrink-0", children: footer })] })] }));
+import { LayoutHeader } from './layout-header.js';
+import { cn } from '../../lib/utils.js';
+import { createSkipToTargets, DocumentOutline, SkipTo, Banner, useBannerStyle, } from '../ui/index.js';
+import { useDesign } from '../providers/index.js';
+export function ArticleLayout({ children, header, footer, trailing, hideNav }) {
+    return (_jsxs(_Fragment, { children: [_jsx(SkipTo, { targets: createSkipToTargets() }), _jsxs("div", { className: "flex flex-col min-h-screen", children: [_jsx(LayoutHeader, { header: header, trailing: trailing, hideNav: hideNav }), _jsx("div", { className: "grow", children: children }), footer && _jsx("div", { className: "shrink-0", children: footer })] })] }));
 }
+/** Maps the `content_grid` design option onto the grid classes from `@myst-theme/styles`. */
+const CONTENT_GRID_CLASSES = {
+    default: 'article-grid',
+    center: 'article-center-grid',
+    left: 'article-left-grid',
+};
 export function ArticleContainer({ children, header, className, }) {
     const references = useReferences();
     const project = useProjectManifest();
     const design = useDesign();
-    const hasBanner = !design.hide_banner && project?.banner;
-    return (_jsxs("article", { className: cn('relative w-full max-w-full article-grid grid-gap prose dark:prose-invert', {
+    // an inline banner is rendered within the title block, not behind it
+    const hasInsetBanner = useBannerStyle() === 'inset' && !!project?.banner;
+    return (_jsxs("article", { className: cn('relative w-full max-w-full grid-gap prose dark:prose-invert', CONTENT_GRID_CLASSES[design.content_grid ?? 'default'], {
             // if the banner is not shown, and the title block is not hidden, then more padding is needed
-            'pt-14': !hasBanner && !design.hide_title_block,
-        }, 'z-0', className), children: [hasBanner && !design.hide_title_block && project?.banner && (_jsx(Banner, { inset: true, banner: project.banner, bannerOptimized: project.bannerOptimized })), header, !!header && _jsx("div", { className: "h-0 col-screen" }), !design.hide_outline && references?.article && (_jsx("aside", { className: "hidden sticky top-24 px-2 h-0 lg:block col-margin xl:px-4", children: _jsx(DocumentOutline, { mdast: references?.article }) })), children, _jsx("div", { id: "bottom-of-article", className: "h-0 col-screen" })] }));
+            'pt-14': !hasInsetBanner && !design.hide_title_block,
+        }, 'z-0', className), children: [hasInsetBanner && !design.hide_title_block && project?.banner && (_jsx(Banner, { inset: true, banner: project.banner, bannerOptimized: project.bannerOptimized })), header, !!header && _jsx("div", { className: "h-0 col-screen" }), !design.hide_outline && references?.article && (_jsx("aside", { className: "hidden sticky top-24 px-2 h-0 lg:block col-margin xl:px-4", children: _jsx(DocumentOutline, { mdast: references?.article }) })), children, _jsx("div", { id: "bottom-of-article", className: "h-0 col-screen" })] }));
 }

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../src/components/layout/grid.tsx"],"names":[],"mappings":"AAAA,wBAAgB,UAAU,4CAkDzB"}
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../src/components/layout/grid.tsx"],"names":[],"mappings":"AAAA,wBAAgB,UAAU,gCAkDzB"}

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

@@ -1,5 +1,7 @@
-export declare function HeaderContainer({ brandBar, children, }: {
+export declare function HeaderContainer({ brandBar, children, hideNav, }: {
     brandBar?: React.ReactNode;
-    children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+    children?: React.ReactNode;
+    /** When true, only the brand bar is shown (no nav chrome or border). */
+    hideNav?: boolean;
+}): import("react").JSX.Element | null;
 //# sourceMappingURL=header.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../src/components/layout/header.tsx"],"names":[],"mappings":"AAEA,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,QAAQ,GACT,EAAE;IACD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,2CAUA"}
+{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../src/components/layout/header.tsx"],"names":[],"mappings":"AAGA,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,QAAQ,EACR,OAAe,GAChB,EAAE;IACD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,wEAAwE;IACxE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,sCAYA"}

package/dist/components/layout/header.js

@@ -1,5 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { LoadingBar } from './loading-bar';
-export function HeaderContainer({ brandBar, children, }) {
-    return (_jsx("header", { className: "sticky top-0 z-50 w-full border-b bg-background", children: _jsxs("div", { className: "flex flex-col items-center", children: [brandBar && _jsx("div", { className: "w-full shrink-0", children: brandBar }), children, _jsx(LoadingBar, {})] }) }));
+import { cn } from '../../lib/utils.js';
+import { LoadingBar } from './loading-bar.js';
+export function HeaderContainer({ brandBar, children, hideNav = false, }) {
+    if (hideNav && !brandBar && !children)
+        return null;
+    return (_jsx("header", { className: cn('sticky top-0 z-50 w-full', !hideNav && 'border-b bg-background'), children: _jsxs("div", { className: "flex flex-col items-center", children: [brandBar && _jsx("div", { className: "w-full shrink-0", children: brandBar }), children, _jsx(LoadingBar, {})] }) }));
 }

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

@@ -1,8 +1,8 @@
-export * from './app-layout';
-export * from './app-sidebar';
-export * from './article-layout';
-export * from './site-header';
-export * from './loading-bar';
-export * from './grid';
-export * from './types';
+export * from './app-layout.js';
+export * from './app-sidebar.js';
+export * from './article-layout.js';
+export * from './site-header.js';
+export * from './loading-bar.js';
+export * from './grid.js';
+export * from './types.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/layout/index.ts"],"names":[],"mappings":"AACA,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/layout/index.ts"],"names":[],"mappings":"AACA,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC"}

package/dist/components/layout/index.js

@@ -1,8 +1,8 @@
 // Layout Components
-export * from './app-layout';
-export * from './app-sidebar';
-export * from './article-layout';
-export * from './site-header';
-export * from './loading-bar';
-export * from './grid';
-export * from './types';
+export * from './app-layout.js';
+export * from './app-sidebar.js';
+export * from './article-layout.js';
+export * from './site-header.js';
+export * from './loading-bar.js';
+export * from './grid.js';
+export * from './types.js';

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

@@ -0,0 +1,9 @@
+import type { LayoutProps } from './types.js';
+/**
+ * Top-of-page header for article/app layouts. When `hideNav` is set, only the
+ * brand bar (and optional trailing slot) are shown — no site navigation.
+ */
+export declare function LayoutHeader({ header, trailing, hideNav, showMobileMenu, }: Pick<LayoutProps, 'header' | 'trailing' | 'hideNav'> & {
+    showMobileMenu?: boolean;
+}): import("react").JSX.Element;
+//# sourceMappingURL=layout-header.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"layout-header.d.ts","sourceRoot":"","sources":["../../../src/components/layout/layout-header.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAE9C;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,QAAQ,EACR,OAAO,EACP,cAAc,GACf,EAAE,IAAI,CAAC,WAAW,EAAE,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAC,GAAG;IAAE,cAAc,CAAC,EAAE,OAAO,CAAA;CAAE,+BAWrF"}

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

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { HeaderContainer } from './header.js';
+import { SiteHeader } from './site-header.js';
+/**
+ * Top-of-page header for article/app layouts. When `hideNav` is set, only the
+ * brand bar (and optional trailing slot) are shown — no site navigation.
+ */
+export function LayoutHeader({ header, trailing, hideNav, showMobileMenu, }) {
+    if (hideNav) {
+        return (_jsx(HeaderContainer, { brandBar: header, hideNav: true, children: trailing ? (_jsx("div", { className: "flex gap-2 justify-end items-center px-2 w-full", children: trailing })) : null }));
+    }
+    return _jsx(SiteHeader, { brandBar: header, trailing: trailing, showMobileMenu: showMobileMenu });
+}

package/dist/components/layout/loading-bar.d.ts

@@ -15,5 +15,5 @@ export declare function LoadingBar({ align, className, position, fixedTopClassNa
     fixedTop?: number;
     /** Render via portal so `fixed` is not trapped by ancestor `backdrop-filter` / `transform`. */
     portal?: boolean;
-}): import("react/jsx-runtime").JSX.Element | null;
+}): import("react").JSX.Element | null;
 //# sourceMappingURL=loading-bar.d.ts.map

package/dist/components/layout/loading-bar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"loading-bar.d.ts","sourceRoot":"","sources":["../../../src/components/layout/loading-bar.tsx"],"names":[],"mappings":"AAKA;;GAEG;AACH,wBAAgB,UAAU;;;EAmCzB;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAgB,EAChB,SAAS,EACT,QAAqB,EACrB,iBAA4B,EAC5B,QAAQ,EACR,MAAc,GACf,EAAE;IACD,KAAK,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,OAAO,CAAC;IAC7C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iFAAiF;IACjF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+FAA+F;IAC/F,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,kDA+BA"}
+{"version":3,"file":"loading-bar.d.ts","sourceRoot":"","sources":["../../../src/components/layout/loading-bar.tsx"],"names":[],"mappings":"AAKA;;GAEG;AACH,wBAAgB,UAAU;;;EAmCzB;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAgB,EAChB,SAAS,EACT,QAAqB,EACrB,iBAA4B,EAC5B,QAAQ,EACR,MAAc,GACf,EAAE;IACD,KAAK,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,OAAO,CAAC;IAC7C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iFAAiF;IACjF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+FAA+F;IAC/F,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,sCA+BA"}

package/dist/components/layout/loading-bar.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useNavigation } from 'react-router';
 import { useEffect, useMemo, useState } from 'react';
 import { createPortal } from 'react-dom';
-import { cn } from '../../lib/utils';
+import { cn } from '../../lib/utils.js';
 /**
  * Show a loading progress bar if the load takes more than 150ms
  */

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

@@ -9,5 +9,5 @@ export declare function SiteHeader({ showSearch, showBreadcrumbs, showArticleAct
      * after any configured actions/search and before the mobile menu button.
      */
     trailing?: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 //# sourceMappingURL=site-header.d.ts.map

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":"AAuKA,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,2CAwKA"}
+{"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,14 +1,14 @@
 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 { Button, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, Sheet, SheetContent, SheetHeader, SheetTitle, SheetTrigger, buttonVariants, SearchDialog, SimpleTooltip, BreadcrumbList, Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbSeparator, BreadcrumbPage, Separator, ArticleActions, ThemeButton, } from '../ui';
-import { cn } from '../../lib/utils';
-import { usePlatformConfig, usePlatformSite } from '../providers/platform-providers';
-import { HeaderContainer } from './header';
+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';
+import { HeaderContainer } from './header.js';
 import { useBaseurl, useFrontmatter, useProjectManifest } from '@myst-theme/providers';
-import { useSidebar } from '../ui/sidebar';
-import { useDesign } from '../providers';
+import { useSidebar } from '../ui/sidebar.js';
+import { useDesign } from '../providers/index.js';
 function NavigationItem({ item }) {
     if (item.children && item.children.length > 0) {
         return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(Button, { variant: "ghost", className: "text-sm font-medium", children: [item.title, _jsx(ChevronDown, { className: "w-3 h-3" })] }) }), _jsx(DropdownMenuContent, { align: "end", children: item.children.map((child) => (_jsx(DropdownMenuItem, { children: _jsx(NavigationItem, { item: child }) }, child.title))) })] }, item.title));
@@ -29,10 +29,17 @@ function MobileNavigationItem({ item, closeMobileMenu, }) {
     }
     return (_jsx(NavLink, { to: item.url, className: ({ isActive }) => cn('text-sm font-medium transition-colors hover:text-primary py-2 px-3 hover:bg-muted block', isActive && 'text-primary font-semibold bg-muted'), onClick: closeMobileMenu, children: item.title }, item.title));
 }
+function SiteLogo({ logo, logoDark, logoText, title, className, }) {
+    if (!logo && !logoDark && !logoText)
+        return null;
+    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() ?? {};
     const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false);
-    const { hide_theme_toggle_site_header } = useDesign();
+    const { hide_theme_toggle_site_header, center_nav_logo } = useDesign();
     const site = usePlatformSite();
     const config = usePlatformConfig();
     const project = useProjectManifest();
@@ -45,7 +52,12 @@ export function SiteHeader({ showSearch = false, showBreadcrumbs, showArticleAct
     const logo_dark = site?.logo_dark || config?.options?.logo_dark;
     const logo_text = config?.options?.logo_text;
     const title = site?.title || config?.title;
-    return (_jsx(HeaderContainer, { brandBar: brandBar, children: _jsxs("div", { className: "flex items-center px-2 w-full h-14", children: [_jsxs("div", { className: cn('flex gap-2 items-center h-full', { 'md:w-[200px]': !showBreadcrumbs }), children: [toggleSidebar && (_jsxs(_Fragment, { children: [_jsx(SimpleTooltip, { title: "Toggle sidebar", children: _jsx(Button, { className: "w-8 h-8", variant: "ghost", size: "icon", onClick: toggleSidebar, "aria-label": "Toggle sidebar", children: _jsx(SidebarIcon, { "aria-hidden": "true", focusable: "false" }) }) }), _jsx(Separator, { orientation: "vertical", className: "mr-2 h-4" })] })), (logo || logo_dark || logo_text) && (_jsxs("a", { href: "/", className: "flex gap-2 items-center mr-2 shrink-0", children: [logo && (_jsx("img", { src: logo, alt: title || 'Site Logo', className: cn('w-auto h-8 max-h-8', { 'dark:hidden': !!logo_dark }) })), logo_dark && (_jsx("img", { src: logo_dark, alt: title || 'Site Logo', className: "hidden w-auto h-8 max-h-8 dark:block" })), logo_text && _jsx("div", { className: "text-lg", children: logo_text })] }))] }), showBreadcrumbs && (_jsx(Breadcrumb, { className: "hidden sm:block grow", children: _jsxs(BreadcrumbList, { children: [_jsx(BreadcrumbItem, { children: _jsx(BreadcrumbLink, { href: baseurl, className: "truncate max-w-12 md:max-w-24 lg:max-w-48 xl:max-w-64", children: project?.title }) }), _jsx(BreadcrumbSeparator, {}), _jsx(BreadcrumbItem, { children: _jsx(BreadcrumbPage, { className: "truncate max-w-64 lg:max-w-96", children: article?.title }) })] }) })), !showBreadcrumbs && (_jsx("nav", { className: cn('hidden flex-1 gap-1 justify-center items-center', {
+    return (_jsx(HeaderContainer, { brandBar: brandBar, children: _jsxs("div", { className: "flex relative items-center px-2 w-full h-14", children: [_jsxs("div", { className: cn('flex gap-2 items-center h-full', {
+                        'md:w-[200px]': !showBreadcrumbs && !center_nav_logo,
+                    }), children: [toggleSidebar && (_jsxs(_Fragment, { children: [_jsx(SimpleTooltip, { title: "Toggle sidebar", children: _jsx(Button, { className: "w-8 h-8", variant: "ghost", size: "icon", onClick: toggleSidebar, "aria-label": "Toggle sidebar", children: _jsx(SidebarIcon, { "aria-hidden": "true", focusable: "false" }) }) }), _jsx(Separator, { orientation: "vertical", className: "mr-2 h-4" })] })), !center_nav_logo && (_jsx(SiteLogo, { logo: logo, logoDark: logo_dark, logoText: logo_text, title: title }))] }), center_nav_logo && (_jsx("div", { className: "flex absolute inset-x-0 justify-center items-center h-full pointer-events-none", children: _jsx(SiteLogo, { logo: logo, logoDark: logo_dark, logoText: logo_text, title: title, className: "mr-0 pointer-events-auto" }) })), showBreadcrumbs && (_jsx(Breadcrumb, { className: "hidden sm:block grow", children: _jsxs(BreadcrumbList, { children: [_jsx(BreadcrumbItem, { children: _jsx(BreadcrumbLink, { href: baseurl, className: "truncate max-w-12 md:max-w-24 lg:max-w-48 xl:max-w-64", children: project?.title }) }), _jsx(BreadcrumbSeparator, {}), _jsx(BreadcrumbItem, { children: _jsx(BreadcrumbPage, { className: "truncate max-w-64 lg:max-w-96", children: article?.title }) })] }) })), !showBreadcrumbs && (_jsx("nav", { className: cn('hidden flex-1 gap-1 items-center', {
+                        // a centered logo occupies the middle of the header, so nav links move left
+                        'justify-start': center_nav_logo,
+                        'justify-center': !center_nav_logo,
                         'md:flex': showNavLinksOnMediumScreen,
                         'lg:flex': showNavLinksOnLargeScreen,
                     }), children: nav?.map((item) => (_jsx(NavigationItem, { item: item }, item.title || item.url))) })), _jsxs("div", { className: cn('flex gap-2 justify-end items-center', {

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

@@ -8,5 +8,16 @@ export interface LayoutProps {
      * menu button. Use for app-specific controls (e.g. a logs tray button).
      */
     trailing?: React.ReactNode;
+    /**
+     * When true, omit the site navigation bar (logo, nav links, actions) and
+     * only render `header` / `trailing` if provided. Useful for preview pages
+     * 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;CAC5B"}
+{"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/analytics-boundary.d.ts

@@ -4,7 +4,7 @@ export declare function AnalyticsBoundary({ capture, context, children, }: {
     capture: AnalyticsCaptureFn;
     context?: Record<string, unknown>;
     children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 /**
  * Capture an analytics event. Merges per-call properties with the article-scoped
  * context supplied by the nearest AnalyticsBoundary, adds `overlay_depth` from

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

@@ -1 +1 @@
-{"version":3,"file":"analytics-boundary.d.ts","sourceRoot":"","sources":["../../../src/components/providers/analytics-boundary.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKxF,MAAM,MAAM,kBAAkB,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;AA0B/F,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,OAAO,EACP,QAAQ,GACT,EAAE;IACD,OAAO,EAAE,kBAAkB,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,QAAQ,EAAE,SAAS,CAAC;CACrB,2CAWA;AAED;;;;;;;;GAQG;AACH,wBAAgB,YAAY,IAAI,kBAAkB,CAmBjD"}
+{"version":3,"file":"analytics-boundary.d.ts","sourceRoot":"","sources":["../../../src/components/providers/analytics-boundary.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKxF,MAAM,MAAM,kBAAkB,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;AA0B/F,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,OAAO,EACP,QAAQ,GACT,EAAE;IACD,OAAO,EAAE,kBAAkB,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,QAAQ,EAAE,SAAS,CAAC;CACrB,+BAWA;AAED;;;;;;;;GAQG;AACH,wBAAgB,YAAY,IAAI,kBAAkB,CAmBjD"}

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

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { createContext, useCallback, useContext, useMemo } from 'react';
-import { OverlayInteractionDepthContext } from './overlay-depth';
-import { AnalyticsDevTray } from './analytics-dev-tray';
-import { isAnalyticsDevMode, recordAnalyticsDevEvent } from './analytics-dev-log';
+import { OverlayInteractionDepthContext } from './overlay-depth.js';
+import { AnalyticsDevTray } from './analytics-dev-tray.js';
+import { isAnalyticsDevMode, recordAnalyticsDevEvent } from './analytics-dev-log.js';
 const AnalyticsBoundaryContext = createContext(undefined);
 function camelToSnake(s) {
     return s

package/dist/components/providers/analytics-dev-tray.d.ts

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

package/dist/components/providers/analytics-dev-tray.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"analytics-dev-tray.d.ts","sourceRoot":"","sources":["../../../src/components/providers/analytics-dev-tray.tsx"],"names":[],"mappings":"AA8CA,wBAAgB,gBAAgB,4CA2H/B"}
+{"version":3,"file":"analytics-dev-tray.d.ts","sourceRoot":"","sources":["../../../src/components/providers/analytics-dev-tray.tsx"],"names":[],"mappings":"AA8CA,wBAAgB,gBAAgB,gCA2H/B"}

package/dist/components/providers/analytics-dev-tray.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useLayoutEffect, useRef, useState } from 'react';
-import { cn } from '../../lib/utils';
-import { clearAnalyticsDevLog, useAnalyticsDevLog, } from './analytics-dev-log';
+import { cn } from '../../lib/utils.js';
+import { clearAnalyticsDevLog, useAnalyticsDevLog, } from './analytics-dev-log.js';
 function formatTime(timestamp) {
     return new Date(timestamp).toLocaleTimeString();
 }
@@ -47,7 +47,7 @@ export function AnalyticsDevTray() {
         }
     }, [logs, selectedId]);
     const selected = logs.find((entry) => entry.id === selectedId) ?? logs[0] ?? null;
-    return (_jsxs("div", { className: "fixed bottom-12 left-4 z-[200] flex flex-col items-start gap-2 pointer-events-none", children: [open && (_jsxs("div", { className: "pointer-events-auto flex w-[min(24rem,calc(100vw-2rem))] max-h-[min(50vh,28rem)] flex-col overflow-hidden rounded-lg border bg-popover text-popover-foreground shadow-xl", children: [_jsxs("div", { className: "flex gap-2 justify-between items-center px-3 py-2 border-b", children: [_jsx("div", { className: "text-sm font-medium", children: "Analytics session" }), _jsxs("div", { className: "flex gap-2 items-center", children: [_jsx("button", { type: "button", className: "text-xs text-blue-600 hover:underline dark:text-blue-400", onClick: () => copyText(JSON.stringify(logs.map((entry) => entry.payload), null, 2)), disabled: logs.length === 0, children: "Copy all" }), _jsx("button", { type: "button", className: "text-xs text-muted-foreground hover:underline", onClick: () => {
+    return (_jsxs("div", { className: "fixed bottom-12 left-4 z-[200] flex flex-col items-start gap-2 pointer-events-none font-ui", children: [open && (_jsxs("div", { className: "pointer-events-auto flex w-[min(24rem,calc(100vw-2rem))] max-h-[min(50vh,28rem)] flex-col overflow-hidden rounded-lg border bg-popover text-popover-foreground shadow-xl", children: [_jsxs("div", { className: "flex gap-2 justify-between items-center px-3 py-2 border-b", children: [_jsx("div", { className: "text-sm font-medium", children: "Analytics session" }), _jsxs("div", { className: "flex gap-2 items-center", children: [_jsx("button", { type: "button", className: "text-xs text-blue-600 hover:underline dark:text-blue-400", onClick: () => copyText(JSON.stringify(logs.map((entry) => entry.payload), null, 2)), disabled: logs.length === 0, children: "Copy all" }), _jsx("button", { type: "button", className: "text-xs text-muted-foreground hover:underline", onClick: () => {
                                             clearAnalyticsDevLog();
                                             setSelectedId(null);
                                         }, disabled: logs.length === 0, children: "Clear" }), _jsx("button", { type: "button", className: "text-xs text-muted-foreground hover:underline", onClick: () => setOpen(false), children: "Close" })] })] }), _jsx("ul", { ref: listRef, className: "overflow-auto flex-1 min-h-0", children: logs.length === 0 ? (_jsx("li", { className: "px-3 py-4 text-xs text-muted-foreground", children: "No events captured yet." })) : ([...logs].reverse().map((entry) => (_jsx("li", { "data-log-id": entry.id, children: _jsxs("button", { type: "button", onClick: () => setSelectedId(entry.id), className: cn('flex w-full items-start justify-between gap-3 px-3 py-2 text-left hover:bg-muted/60', selected?.id === entry.id && 'bg-muted'), children: [_jsx("span", { className: "min-w-0 font-mono text-xs font-medium break-all", children: entry.event }), _jsx("span", { className: "shrink-0 text-[10px] text-muted-foreground", children: formatTime(entry.timestamp) })] }) }, entry.id)))) }), _jsx(LogDetail, { entry: selected })] })), _jsxs("button", { type: "button", onClick: () => setOpen((value) => !value), className: cn('pointer-events-auto rounded-full border px-3 py-1.5 text-xs font-medium shadow-md transition-colors duration-300', flash

package/dist/components/providers/article-versions-provider.d.ts

@@ -13,7 +13,7 @@ export declare function ArticleVersionsProvider({ children, versions, currentVer
     children: ReactNode;
     versions?: ArticleVersionNavItem[];
     currentVersionTag?: string | null;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 export declare function useArticleVersions(): ArticleVersionsContextValue;
 export {};
 //# sourceMappingURL=article-versions-provider.d.ts.map

package/dist/components/providers/article-versions-provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"article-versions-provider.d.ts","sourceRoot":"","sources":["../../../src/components/providers/article-versions-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAElE,MAAM,MAAM,qBAAqB,GAAG;IAClC,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,KAAK,2BAA2B,GAAG;IACjC,QAAQ,EAAE,qBAAqB,EAAE,CAAC;IAClC,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;CAClC,CAAC;AASF,wBAAgB,uBAAuB,CAAC,EACtC,QAAQ,EACR,QAAa,EACb,iBAAwB,GACzB,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,qBAAqB,EAAE,CAAC;IACnC,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACnC,2CAMA;AAED,wBAAgB,kBAAkB,IAAI,2BAA2B,CAEhE"}
+{"version":3,"file":"article-versions-provider.d.ts","sourceRoot":"","sources":["../../../src/components/providers/article-versions-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAElE,MAAM,MAAM,qBAAqB,GAAG;IAClC,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,KAAK,2BAA2B,GAAG;IACjC,QAAQ,EAAE,qBAAqB,EAAE,CAAC;IAClC,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;CAClC,CAAC;AASF,wBAAgB,uBAAuB,CAAC,EACtC,QAAQ,EACR,QAAa,EACb,iBAAwB,GACzB,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,qBAAqB,EAAE,CAAC;IACnC,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACnC,+BAMA;AAED,wBAAgB,kBAAkB,IAAI,2BAA2B,CAEhE"}

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

@@ -1,5 +1,5 @@
 export declare function ComputeProvider({ children, article, }: {
     children: React.ReactNode;
     article: any;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 //# sourceMappingURL=compute.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"compute.d.ts","sourceRoot":"","sources":["../../../src/components/providers/compute.tsx"],"names":[],"mappings":"AAMA,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,OAAO,GACR,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,GAAG,CAAC;CACd,2CASA"}
+{"version":3,"file":"compute.d.ts","sourceRoot":"","sources":["../../../src/components/providers/compute.tsx"],"names":[],"mappings":"AAMA,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,OAAO,GACR,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,GAAG,CAAC;CACd,+BASA"}