@curvenote/theme-ui 2.0.1 → 2.0.2

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

@@ -1 +1 @@
-{"version":3,"file":"banner.d.ts","sourceRoot":"","sources":["../../../src/components/ui/banner.tsx"],"names":[],"mappings":"AA0BA,wBAAgB,MAAM,CAAC,EACrB,MAAM,EACN,eAAe,EACf,KAAa,EACb,IAAY,GACb,EAAE;IACD,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,2CAoEA"}
+{"version":3,"file":"banner.d.ts","sourceRoot":"","sources":["../../../src/components/ui/banner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAOvD;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG,WAAW,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC,GAAG,MAAM,CAAC;AAY9E;;GAEG;AACH,wBAAgB,cAAc,IAAI,WAAW,CAE5C;AAwBD,wBAAgB,MAAM,CAAC,EACrB,MAAM,EACN,eAAe,EACf,KAAa,EACb,IAAY,GACb,EAAE;IACD,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,+BAoEA;AAED;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,sCA8BjE"}

package/dist/components/ui/banner.js

@@ -1,7 +1,26 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState, useEffect } from 'react';
-import { useImageLoad } from '../../hooks';
+import { useProjectManifest } from '@myst-theme/providers';
+import { useImageLoad } from '../../hooks/index.js';
+import { useDesign } from '../providers/design.js';
+import { useIsIndexPage } from '../providers/page-providers.js';
 import { cn } from '@curvenote/react-utils';
+/**
+ * Resolve the banner placement from the design options, filling in the `inset` default whenever
+ * the banner has not been hidden. This only answers "where would a banner go" — callers still
+ * check that the project actually has a banner image.
+ */
+function resolveBannerStyle(design) {
+    if (design.hide_banner)
+        return 'none';
+    return design.banner_style ?? 'inset';
+}
+/**
+ * Banner placement for the current page, e.g. `useBannerStyle() === 'inset' && !!project.banner`.
+ */
+export function useBannerStyle() {
+    return resolveBannerStyle(useDesign());
+}
 function useParallaxEffect() {
     const [scrollOffset, setScrollOffset] = useState(0);
     useEffect(() => {
@@ -38,7 +57,29 @@ export function Banner({ banner, bannerOptimized, inset = false, thin = false, }
                         'opacity-100 grayscale-0': imageLoaded,
                     }), style: {
                         transform: `translateY(${scrollOffset}px)`,
-                    }, onLoad: handleImageLoad }) })), banner && inset && (_jsxs("div", { className: "col-body-outset h-0 mb-8", children: [_jsx("div", { className: cn('overflow-hidden transition-shadow pointer-events-none h-[200px] mb-[-200px] dark:shadow-accent-foreground lg:rounded-t', duration, {
+                    }, onLoad: handleImageLoad }) })), banner && inset && (_jsxs("div", { className: "mb-8 h-0 col-body-outset", children: [_jsx("div", { className: cn('overflow-hidden transition-shadow pointer-events-none h-[200px] mb-[-200px] dark:shadow-accent-foreground lg:rounded-t', duration, {
                             'shadow-2xl': imageLoaded,
-                        }) }), _jsx("div", { className: cn('overflow-hidden bg-background pointer-events-none h-[300px] lg:rounded-t') })] }))] }));
+                        }) }), _jsx("div", { className: cn('overflow-hidden pointer-events-none bg-background h-[300px] lg:rounded-t') })] }))] }));
+}
+/**
+ * Banner rendered in the flow of the article (`banner_style: 'inline'`), sized to the body
+ * column, with an optional attribution line underneath (`banner_attribution`).
+ *
+ * Renders nothing unless the design opts in and the project actually has a banner. Like the
+ * project banner it draws from, it only appears on the project's index page — not on the other
+ * pages of a multi-page project.
+ */
+export function InlineBanner({ className }) {
+    const project = useProjectManifest();
+    const design = useDesign();
+    const bannerStyle = useBannerStyle();
+    const isIndexPage = useIsIndexPage();
+    if (bannerStyle !== 'inline' || !isIndexPage || !project?.banner)
+        return null;
+    return (_jsxs("figure", { className: cn('my-8', className), children: [_jsx("img", { src: project.bannerOptimized ?? project.banner, alt: "", role: "presentation", "aria-hidden": "true", className: cn(
+                // The manifest carries no image dimensions, so reserve the box up front: a 16:9
+                // banner capped at 420px, cropped with object-cover. Without this the image is
+                // 0px tall until it loads and everything below it — the sticky article bar
+                // included — jumps down by its height.
+                'object-cover object-center mt-0 mb-0 w-full aspect-video max-h-[420px] rounded-xs transition-[opacity,filter] duration-500') }), design.banner_attribution && (_jsx("figcaption", { className: "mt-2 text-xs text-muted-foreground", children: design.banner_attribution }))] }));
 }

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

@@ -2,5 +2,5 @@ export declare function Bibliography({ className, innerClassName, hideManyRefere
     className?: string;
     innerClassName?: string;
     hideManyReferences?: boolean | number;
-}): import("react/jsx-runtime").JSX.Element | null;
+}): import("react").JSX.Element | null;
 //# sourceMappingURL=bibliography.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"bibliography.d.ts","sourceRoot":"","sources":["../../../src/components/ui/bibliography.tsx"],"names":[],"mappings":"AAWA,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,cAAc,EACd,kBAA4C,GAC7C,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CACvC,kDAoDA"}
+{"version":3,"file":"bibliography.d.ts","sourceRoot":"","sources":["../../../src/components/ui/bibliography.tsx"],"names":[],"mappings":"AAWA,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,cAAc,EACd,kBAA4C,GAC7C,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CACvC,sCAoDA"}

package/dist/components/ui/bibliography.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useReferences } from '@myst-theme/providers';
 import { cn } from '@curvenote/react-utils';
-import { PART_IDS } from './types';
-import { useCollapsibleBackmatter, CollapsibleBackmatterHeader, CollapsibleBackmatterFooterButton, } from './collapsible-backmatter-section';
+import { PART_IDS } from './types.js';
+import { useCollapsibleBackmatter, CollapsibleBackmatterHeader, CollapsibleBackmatterFooterButton, } from './collapsible-backmatter-section.js';
 const DEFAULT_MANY_REFERENCES = 15;
 export function Bibliography({ className, innerClassName, hideManyReferences = DEFAULT_MANY_REFERENCES, }) {
     if (hideManyReferences === true)
@@ -14,7 +14,7 @@ export function Bibliography({ className, innerClassName, hideManyReferences = D
         return null;
     const { hidden, toggle, displayedCount, isCollapsible } = useCollapsibleBackmatter(filtered.length, hideManyReferences, DEFAULT_MANY_REFERENCES);
     const refs = filtered.slice(0, displayedCount);
-    return (_jsxs("section", { id: PART_IDS.bibliography, className: cn(className), children: [_jsx("div", { className: innerClassName, children: _jsx(CollapsibleBackmatterHeader, { id: PART_IDS.bibliography, title: "References", linkTitle: "Link to References", hidden: hidden, onToggle: toggle, isCollapsible: isCollapsible }) }), _jsx("div", { className: cn('pl-3 mb-8 text-xs text-stone-500 dark:text-stone-300', innerClassName), children: _jsxs("ol", { children: [refs.map((label) => {
+    return (_jsxs("section", { id: PART_IDS.bibliography, className: cn('font-small', className), children: [_jsx("div", { className: innerClassName, children: _jsx(CollapsibleBackmatterHeader, { id: PART_IDS.bibliography, title: "References", linkTitle: "Link to References", hidden: hidden, onToggle: toggle, isCollapsible: isCollapsible }) }), _jsx("div", { className: cn('pl-3 mb-8 text-xs text-stone-500 dark:text-stone-300', innerClassName), children: _jsxs("ol", { children: [refs.map((label) => {
                             const { html } = data[label];
                             return (_jsx("li", { className: "wrap-break-words", id: `cite-${label}`, dangerouslySetInnerHTML: { __html: html || '' } }, label));
                         }), isCollapsible && (_jsx(CollapsibleBackmatterFooterButton, { hidden: hidden, onToggle: toggle, totalCount: filtered.length, itemLabel: "references", sectionId: PART_IDS.bibliography, className: "list-none text-center", as: "li" }))] }) })] }));

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

@@ -1,12 +1,12 @@
 import * as React from 'react';
-declare function Breadcrumb({ ...props }: React.ComponentProps<'nav'>): import("react/jsx-runtime").JSX.Element;
-declare function BreadcrumbList({ className, ...props }: React.ComponentProps<'ol'>): import("react/jsx-runtime").JSX.Element;
-declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<'li'>): import("react/jsx-runtime").JSX.Element;
+declare function Breadcrumb({ ...props }: React.ComponentProps<'nav'>): React.JSX.Element;
+declare function BreadcrumbList({ className, ...props }: React.ComponentProps<'ol'>): React.JSX.Element;
+declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<'li'>): React.JSX.Element;
 declare function BreadcrumbLink({ asChild, className, ...props }: React.ComponentProps<'a'> & {
     asChild?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
-declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<'li'>): import("react/jsx-runtime").JSX.Element;
-declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
+declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<'span'>): React.JSX.Element;
+declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<'li'>): React.JSX.Element;
+declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<'span'>): React.JSX.Element;
 export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };
 //# sourceMappingURL=breadcrumb.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/ui/breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,iBAAS,UAAU,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAE5D;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAW1E;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAQ1E;AAED,iBAAS,cAAc,CAAC,EACtB,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,2CAUA;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,2CAW5E;AAED,iBAAS,mBAAmB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAYzF;AAED,iBAAS,kBAAkB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,2CAahF;AAED,OAAO,EACL,UAAU,EACV,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,mBAAmB,EACnB,kBAAkB,GACnB,CAAC"}
+{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/ui/breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,iBAAS,UAAU,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAE5D;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAW1E;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAQ1E;AAED,iBAAS,cAAc,CAAC,EACtB,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,qBAUA;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,qBAW5E;AAED,iBAAS,mBAAmB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAYzF;AAED,iBAAS,kBAAkB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,qBAahF;AAED,OAAO,EACL,UAAU,EACV,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,mBAAmB,EACnB,kBAAkB,GACnB,CAAC"}

package/dist/components/ui/breadcrumb.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { Slot } from '@radix-ui/react-slot';
 import { ChevronRight, MoreHorizontal } from 'lucide-react';
-import { cn } from '../../lib/utils';
+import { cn } from '../../lib/utils.js';
 function Breadcrumb({ ...props }) {
     return _jsx("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...props });
 }

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

@@ -6,6 +6,6 @@ declare const buttonVariants: (props?: ({
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
     asChild?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export { Button, buttonVariants };
 //# sourceMappingURL=button.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/ui/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,cAAc;;;8EA8BnB,CAAC;AAEF,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAO,EACP,IAAI,EACJ,OAAe,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAC/B,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,2CAUF;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/ui/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,cAAc;;;8EA8BnB,CAAC;AAEF,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAO,EACP,IAAI,EACJ,OAAe,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAC/B,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,qBAUF;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/ui/button.js

@@ -2,8 +2,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
-import { cn } from '../../lib/utils';
-const buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-sm text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", {
+import { cn } from '../../lib/utils.js';
+const buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-sm text-sm font-medium transition-all cursor-pointer disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", {
     variants: {
         variant: {
             default: 'bg-primary text-primary-foreground shadow-xs hover:bg-primary/90',

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

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { DayPicker } from 'react-day-picker';
 export type CalendarProps = React.ComponentProps<typeof DayPicker>;
 export type { DateRange } from 'react-day-picker';
-declare function Calendar({ className, classNames, showOutsideDays, captionLayout, numberOfMonths, components: componentsProp, ...props }: CalendarProps): import("react/jsx-runtime").JSX.Element;
+declare function Calendar({ className, classNames, showOutsideDays, captionLayout, numberOfMonths, components: componentsProp, ...props }: CalendarProps): React.JSX.Element;
 declare namespace Calendar {
     var displayName: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../src/components/ui/calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAM7C,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;AACnE,YAAY,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAoDlD,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,UAAU,EACV,eAAsB,EACtB,aAAa,EACb,cAAc,EACd,UAAU,EAAE,cAAc,EAC1B,GAAG,KAAK,EACT,EAAE,aAAa,2CAmEf;kBA3EQ,QAAQ;;;AA8EjB,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../src/components/ui/calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAM7C,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;AACnE,YAAY,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAoDlD,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,UAAU,EACV,eAAsB,EACtB,aAAa,EACb,cAAc,EACd,UAAU,EAAE,cAAc,EAC1B,GAAG,KAAK,EACT,EAAE,aAAa,qBAmEf;kBA3EQ,QAAQ;;;AA8EjB,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/ui/calendar.js

@@ -2,8 +2,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { ChevronDown, ChevronLeft, ChevronRight } from 'lucide-react';
 import { DayPicker } from 'react-day-picker';
-import { cn } from '../../lib/utils';
-import { buttonVariants } from './button';
+import { cn } from '../../lib/utils.js';
+import { buttonVariants } from './button.js';
 /** Shared shell for each month/year `<select>` (invisible select over a text label). */
 const dropdownFieldShell = 'relative inline-flex h-7 items-center';
 const dropdownCaptionLabel = cn('relative z-[1] inline-flex h-7 w-auto items-center gap-1 px-1 text-sm', 'pointer-events-none select-none');

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

@@ -1,7 +1,7 @@
 export declare function useShowCitation(): boolean;
-export declare function BibTeXCitationMenuItem(): import("react/jsx-runtime").JSX.Element | null;
+export declare function BibTeXCitationMenuItem(): import("react").JSX.Element | null;
 export declare function Citation({ children, onOpenChange, }: {
     children: React.ReactNode;
     onOpenChange?: (open: boolean) => void;
-}): import("react/jsx-runtime").JSX.Element | null;
+}): import("react").JSX.Element | null;
 //# sourceMappingURL=citation.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"citation.d.ts","sourceRoot":"","sources":["../../../src/components/ui/citation.tsx"],"names":[],"mappings":"AAgFA,wBAAgB,eAAe,YAI9B;AAeD,wBAAgB,sBAAsB,mDAuBrC;AAED,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,YAAY,GACb,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC,kDA8GA"}
+{"version":3,"file":"citation.d.ts","sourceRoot":"","sources":["../../../src/components/ui/citation.tsx"],"names":[],"mappings":"AAgFA,wBAAgB,eAAe,YAI9B;AAeD,wBAAgB,sBAAsB,uCAuBrC;AAED,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,YAAY,GACb,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC,sCA8GA"}

package/dist/components/ui/citation.js

@@ -1,13 +1,13 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger, DropdownMenuItem, } from '.';
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger, DropdownMenuItem, } from './index.js';
 import { useFrontmatter, useProjectManifest } from '@myst-theme/providers';
-import { getYear } from '../../lib/parse-date';
+import { getYear } from '../../lib/parse-date.js';
 import { doi } from 'doi-utils';
-import { triggerBlobDownload } from './article-actions-downloads';
+import { triggerBlobDownload } from './article-actions-downloads.js';
 import { DownloadIcon, Copy, FileHeart } from 'lucide-react';
-import { Button } from './button';
+import { Button } from './button.js';
 import { toast } from 'sonner';
-import { useAnalytics } from '../providers';
+import { useAnalytics } from '../providers/index.js';
 function useCitationMetadata() {
     const project = useProjectManifest();
     const frontmatter = useFrontmatter();

package/dist/components/ui/collapsible-backmatter-section.d.ts

@@ -15,7 +15,7 @@ export declare function CollapsibleBackmatterHeader({ id, title, linkTitle, hidd
     isCollapsible: boolean;
     className?: string;
     buttonClassName?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export declare function CollapsibleBackmatterFooterButton({ hidden, onToggle, totalCount, itemLabel, sectionId, className, as: Wrapper, }: {
     hidden: boolean;
     onToggle: () => void;
@@ -24,5 +24,5 @@ export declare function CollapsibleBackmatterFooterButton({ hidden, onToggle, to
     sectionId?: string;
     className?: string;
     as?: React.ElementType;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 //# sourceMappingURL=collapsible-backmatter-section.d.ts.map

package/dist/components/ui/collapsible-backmatter-section.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"collapsible-backmatter-section.d.ts","sourceRoot":"","sources":["../../../src/components/ui/collapsible-backmatter-section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AA+BxC,wBAAgB,wBAAwB,CACtC,UAAU,EAAE,MAAM,EAClB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,EACxB,YAAY,SAAK,GAChB;IACD,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,OAAO,CAAC;IACvB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;CAC3B,CAcA;AAED,wBAAgB,2BAA2B,CAAC,EAC1C,EAAE,EACF,KAAK,EACL,SAAS,EACT,MAAM,EACN,QAAQ,EACR,aAAa,EACb,SAAS,EACT,eAAe,GAChB,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,2CA6BA;AAED,wBAAgB,iCAAiC,CAAC,EAChD,MAAM,EACN,QAAQ,EACR,UAAU,EACV,SAAS,EACT,SAAS,EACT,SAAS,EACT,EAAE,EAAE,OAAe,GACpB,EAAE;IACD,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACxB,2CAuBA"}
+{"version":3,"file":"collapsible-backmatter-section.d.ts","sourceRoot":"","sources":["../../../src/components/ui/collapsible-backmatter-section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AA+BxC,wBAAgB,wBAAwB,CACtC,UAAU,EAAE,MAAM,EAClB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,EACxB,YAAY,SAAK,GAChB;IACD,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,OAAO,CAAC;IACvB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;CAC3B,CAcA;AAED,wBAAgB,2BAA2B,CAAC,EAC1C,EAAE,EACF,KAAK,EACL,SAAS,EACT,MAAM,EACN,QAAQ,EACR,aAAa,EACb,SAAS,EACT,eAAe,GAChB,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,qBA6BA;AAED,wBAAgB,iCAAiC,CAAC,EAChD,MAAM,EACN,QAAQ,EACR,UAAU,EACV,SAAS,EACT,SAAS,EACT,SAAS,EACT,EAAE,EAAE,OAAe,GACpB,EAAE;IACD,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACxB,qBAuBA"}

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

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useState } from 'react';
 import { HashLink } from 'myst-to-react';
-import { cn } from '../../lib/utils';
-import { useAnalytics } from '../providers';
-import { Button } from './button';
+import { cn } from '../../lib/utils.js';
+import { useAnalytics } from '../providers/index.js';
+import { Button } from './button.js';
 function trackBackmatterToggle(capture, { hidden, toggleLocation, sectionId, itemCount, itemLabel, }) {
     capture(hidden ? 'content_backmatter_expanded' : 'content_backmatter_collapsed', {
         surface: 'content',

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

@@ -1,6 +1,6 @@
 import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
-declare function Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): import("react/jsx-runtime").JSX.Element;
-declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): import("react/jsx-runtime").JSX.Element;
+declare function Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>): import("react").JSX.Element;
+declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): import("react").JSX.Element;
+declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): import("react").JSX.Element;
 export { Collapsible, CollapsibleTrigger, CollapsibleContent };
 //# sourceMappingURL=collapsible.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../../src/components/ui/collapsible.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,oBAAoB,MAAM,6BAA6B,CAAC;AAEpE,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,2CAExF;AAED,iBAAS,kBAAkB,CAAC,EAC1B,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,kBAAkB,CAAC,2CAEtE;AAED,iBAAS,kBAAkB,CAAC,EAC1B,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,kBAAkB,CAAC,2CAEtE;AAED,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../../src/components/ui/collapsible.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,oBAAoB,MAAM,6BAA6B,CAAC;AAEpE,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,+BAExF;AAED,iBAAS,kBAAkB,CAAC,EAC1B,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,kBAAkB,CAAC,+BAEtE;AAED,iBAAS,kBAAkB,CAAC,EAC1B,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,kBAAkB,CAAC,+BAEtE;AAED,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAC"}

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

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

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

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

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

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

package/dist/components/ui/data-availability.d.ts

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

package/dist/components/ui/data-availability.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"data-availability.d.ts","sourceRoot":"","sources":["../../../src/components/ui/data-availability.tsx"],"names":[],"mappings":"AAeA,wBAAgB,gBAAgB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,kDAuBrE"}
+{"version":3,"file":"data-availability.d.ts","sourceRoot":"","sources":["../../../src/components/ui/data-availability.tsx"],"names":[],"mappings":"AAeA,wBAAgB,gBAAgB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,sCAuBrE"}

package/dist/components/ui/data-availability.js

@@ -2,9 +2,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useFrontmatter, useReferences } from '@myst-theme/providers';
 import { copyNode } from 'myst-common';
 import { MyST, HashLink } from 'myst-to-react';
-import { cn } from '../../lib/utils';
-import { extractKnownParts } from '../../lib/knownParts';
-import { PART_IDS } from './types';
+import { cn } from '../../lib/utils.js';
+import { extractKnownParts } from '../../lib/knownParts.js';
+import { PART_IDS } from './types.js';
 function useDataAvailability() {
     const frontmatter = useFrontmatter();
     const references = useReferences();
@@ -16,5 +16,5 @@ export function DataAvailability({ className }) {
     const dataAvailability = useDataAvailability();
     if (!dataAvailability)
         return null;
-    return (_jsxs("section", { id: PART_IDS.data_availability, className: cn('min-w-full prose dark:prose-invert prose-sm', className), children: [_jsxs("header", { className: "text-lg font-semibold text-stone-900 dark:text-white group", children: ["Data Availability", _jsx(HashLink, { id: PART_IDS.data_availability, title: "Link to Data Availability", hover: true, className: "ml-2" })] }), _jsx("div", { className: cn('pl-3 mb-8 text-sm text-stone-500 dark:text-stone-300'), children: _jsx(MyST, { ast: dataAvailability }) })] }));
+    return (_jsxs("section", { id: PART_IDS.data_availability, className: cn('min-w-full prose dark:prose-invert prose-sm font-small', className), children: [_jsxs("header", { className: "text-lg font-semibold text-stone-900 dark:text-white group", children: ["Data Availability", _jsx(HashLink, { id: PART_IDS.data_availability, title: "Link to Data Availability", hover: true, className: "ml-2" })] }), _jsx("div", { className: cn('pl-3 mb-8 text-sm text-stone-500 dark:text-stone-300'), children: _jsx(MyST, { ast: dataAvailability }) })] }));
 }

package/dist/components/ui/dhr-cta-buttons.d.ts

@@ -0,0 +1,30 @@
+/**
+ * UNSTABLE — hard-coded call-to-action button for Digital Hate Review, enabled with the
+ * `unstable_dhr_cta_buttons` design option. It renders above the title block, in the position
+ * breadcrumbs would occupy.
+ *
+ * Expect the option name and the button to change once this generalizes beyond a single
+ * journal.
+ */
+/** Degrees to rotate the natively left-pointing arrow, clockwise in SVG coordinates. */
+declare const ROTATION: {
+    readonly left: 0;
+    readonly up: 90;
+    readonly right: 180;
+    readonly down: 270;
+};
+/**
+ * A blocky, pixel-art arrow in a filled circle, drawn pointing left and rotated to face any of
+ * the four directions.
+ */
+export declare function PixelArrow({ direction, color, background, className, }: {
+    direction?: keyof typeof ROTATION;
+    color?: string;
+    background?: string;
+    className?: string;
+}): import("react").JSX.Element;
+export declare function DhrCtaButtons({ className }: {
+    className?: string;
+}): import("react").JSX.Element | null;
+export {};
+//# sourceMappingURL=dhr-cta-buttons.d.ts.map

package/dist/components/ui/dhr-cta-buttons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dhr-cta-buttons.d.ts","sourceRoot":"","sources":["../../../src/components/ui/dhr-cta-buttons.tsx"],"names":[],"mappings":"AAKA;;;;;;;GAOG;AAEH,wFAAwF;AACxF,QAAA,MAAM,QAAQ;;;;;CAAsD,CAAC;AAErE;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EACzB,SAAkB,EAClB,KAAsB,EACtB,UAAoB,EACpB,SAAS,GACV,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,OAAO,QAAQ,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BAgCA;AAQD,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,sCAwBlE"}

package/dist/components/ui/dhr-cta-buttons.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useBaseurl } from '@myst-theme/providers';
+import { cn } from '../../lib/utils.js';
+import { useDesign } from '../providers/design.js';
+import { useIsIndexPage } from '../providers/page-providers.js';
+/**
+ * UNSTABLE — hard-coded call-to-action button for Digital Hate Review, enabled with the
+ * `unstable_dhr_cta_buttons` design option. It renders above the title block, in the position
+ * breadcrumbs would occupy.
+ *
+ * Expect the option name and the button to change once this generalizes beyond a single
+ * journal.
+ */
+/** Degrees to rotate the natively left-pointing arrow, clockwise in SVG coordinates. */
+const ROTATION = { left: 0, up: 90, right: 180, down: 270 };
+/**
+ * A blocky, pixel-art arrow in a filled circle, drawn pointing left and rotated to face any of
+ * the four directions.
+ */
+export function PixelArrow({ direction = 'left', color = 'currentColor', background = 'white', className, }) {
+    return (_jsxs("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", focusable: "false", className: className, children: [_jsx("rect", { x: "24", y: "24", width: "24", height: "24", rx: "12", transform: "rotate(180 24 24)", fill: background }), _jsxs("g", { fill: color, transform: `rotate(${ROTATION[direction]} 12 12)`, children: [_jsx("path", { d: "M12.7969 16L11.1972 16L11.1972 14.4002L12.7969 14.4002L12.7969 16Z" }), _jsx("path", { d: "M11.2031 14.4001L9.60341 14.4001L9.60341 12.8003L11.2031 12.8003L11.2031 14.4001Z" }), _jsx("path", { d: "M12.7969 9.60071L11.1972 9.60071L11.1972 8.00089L12.7969 8.00089L12.7969 9.60071Z" }), _jsx("path", { d: "M11.2031 11.2006L9.60341 11.2006L9.60341 9.60075L11.2031 9.60075L11.2031 11.2006Z" }), _jsx("path", { d: "M9.60156 12.8003L8.00185 12.8003L8.00185 11.2005L9.60156 11.2005L9.60156 12.8003Z" }), _jsx("path", { d: "M11.2031 12.8003L9.60341 12.8003L9.60341 11.2005L11.2031 11.2005L11.2031 12.8003Z" }), _jsx("path", { d: "M12.7969 12.8003L11.1972 12.8003L11.1972 11.2005L12.7969 11.2005L12.7969 12.8003Z" }), _jsx("path", { d: "M14.3984 12.8004L12.7987 12.8004L12.7987 11.2005L14.3984 11.2005L14.3984 12.8004Z" }), _jsx("path", { d: "M16 12.8003L14.4003 12.8003L14.4003 11.2005L16 11.2005L16 12.8003Z" })] })] }));
+}
+/** Fill a `{slug}` placeholder in a URL template with the article's slug. */
+function fillTemplate(template, baseurl) {
+    const slug = baseurl?.split('/').filter(Boolean).pop() ?? '';
+    return template.replace(/\{slug\}/g, slug);
+}
+export function DhrCtaButtons({ className }) {
+    const design = useDesign();
+    const isIndexPage = useIsIndexPage();
+    const baseurl = useBaseurl();
+    const option = design.unstable_dhr_cta_buttons;
+    if (!option)
+        return null;
+    // the article's main page goes back out to the site; its other pages go back to the main page
+    const { href, label } = isIndexPage
+        ? { href: typeof option === 'string' ? fillTemplate(option, baseurl) : '/', label: 'Back' }
+        : { href: baseurl || '/', label: 'Full text' };
+    return (_jsx("nav", { "aria-label": "Article actions", className: cn('flex gap-3 mb-8', className), children: _jsxs("a", { href: href, className: "inline-flex gap-3 items-center py-1.5 pr-4 pl-1.5 font-mono text-sm text-black no-underline rounded-xs transition-opacity cursor-pointer bg-[#CACEE1] hover:opacity-90", children: [_jsx(PixelArrow, { direction: "left", className: "w-7 h-7 shrink-0" }), _jsx("span", { children: label })] }) }));
+}

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

@@ -1,16 +1,16 @@
 import * as React from 'react';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
-declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
-declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
-declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
+declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): React.JSX.Element;
+declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): React.JSX.Element;
+declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): React.JSX.Element;
+declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): React.JSX.Element;
+declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): React.JSX.Element;
 declare function DialogContent({ className, children, showCloseButton, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
     showCloseButton?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function DialogHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-declare function DialogFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
-declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
+declare function DialogHeader({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function DialogFooter({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): React.JSX.Element;
+declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): React.JSX.Element;
 export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };
 //# sourceMappingURL=dialog.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/components/ui/dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAK1D,iBAAS,MAAM,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAE9E;AAED,iBAAS,aAAa,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAExF;AAED,iBAAS,YAAY,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,2CAEtF;AAED,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAEpF;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAWtD;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,eAAsB,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IACxD,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,2CAyBA;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQzE;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQzE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAQ/F;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC,2CAQ1D;AAED,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,GACd,CAAC"}
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/components/ui/dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAK1D,iBAAS,MAAM,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,qBAE9E;AAED,iBAAS,aAAa,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,qBAExF;AAED,iBAAS,YAAY,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,qBAEtF;AAED,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,qBAEpF;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,qBAWtD;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,eAAsB,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IACxD,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,qBAyBA;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQzE;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQzE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,qBAQ/F;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC,qBAQ1D;AAED,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,GACd,CAAC"}

package/dist/components/ui/dialog.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { XIcon } from 'lucide-react';
-import { cn } from '../../lib/utils';
+import { cn } from '../../lib/utils.js';
 function Dialog({ ...props }) {
     return _jsx(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
 }

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

@@ -1,8 +1,17 @@
 interface DocumentOutlineProps {
     mdast: any;
-    maxdepth?: number;
+    /**
+     * How many levels of the outline to show, counted from the shallowest heading in the document
+     * rather than from `h1` — `1` lists only the top level. Acts as the layout's default; the
+     * `outline_maxdepth` design option takes precedence when a site sets one.
+     */
+    maxLevels?: number;
     className?: string;
 }
-export declare function DocumentOutline({ mdast, maxdepth, className }: DocumentOutlineProps): import("react/jsx-runtime").JSX.Element | null;
+/** Show the outline whenever there is at least one entry (heading or backmatter). */
+export declare function shouldRenderDocumentOutline(itemCount: number): boolean;
+/** Shallowest heading depth, or a stable fallback for backmatter-only outlines. */
+export declare function resolveOutlineBaseDepth(headerDepths: number[]): number;
+export declare function DocumentOutline({ mdast, maxLevels, className }: DocumentOutlineProps): import("react").JSX.Element | null;
 export {};
 //# sourceMappingURL=document-outline.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"document-outline.d.ts","sourceRoot":"","sources":["../../../src/components/ui/document-outline.tsx"],"names":[],"mappings":"AAkBA,UAAU,oBAAoB;IAC5B,KAAK,EAAE,GAAG,CAAC;IACX,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAqBD,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,QAAY,EAAE,SAAS,EAAE,EAAE,oBAAoB,kDAuNvF"}
+{"version":3,"file":"document-outline.d.ts","sourceRoot":"","sources":["../../../src/components/ui/document-outline.tsx"],"names":[],"mappings":"AA8BA,UAAU,oBAAoB;IAC5B,KAAK,EAAE,GAAG,CAAC;IACX;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAMD,qFAAqF;AACrF,wBAAgB,2BAA2B,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAEtE;AAED,mFAAmF;AACnF,wBAAgB,uBAAuB,CAAC,YAAY,EAAE,MAAM,EAAE,GAAG,MAAM,CAGtE;AAqBD,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,oBAAoB,sCAwQpF"}