typedoc 0.28.0-beta.1 → 0.28.0

package/dist/lib/output/themes/default/DefaultThemeRenderContext.d.ts

@@ -4,7 +4,7 @@ import { type Options } from "../../../utils/index.js";
 import type { DefaultTheme } from "./DefaultTheme.js";
 import { type Icons } from "./partials/icon.js";
 import type { Router } from "../../router.js";
-import type { NeverIfInternal } from "#utils";
+import type { JSX, NeverIfInternal } from "#utils";
 export declare class DefaultThemeRenderContext {
     readonly router: Router;
     readonly theme: DefaultTheme;
@@ -15,11 +15,18 @@ export declare class DefaultThemeRenderContext {
     constructor(router: Router, theme: DefaultTheme, page: PageEvent<Reflection>, options: Options);
     /**
      * Icons available for use within the page.
+     * When getting an icon for a reflection, {@link reflectionIcon} should be used so
+     * that themes which define multiple icon variants can correctly specify which icon
+     * they want to be used.
      *
      * Note: This creates a reference to icons declared by {@link DefaultTheme.icons},
      * to customize icons, that object must be modified instead.
      */
     get icons(): Readonly<Icons>;
+    /**
+     * Do not override this method, override {@link DefaultTheme.getReflectionIcon} instead.
+     */
+    reflectionIcon: (reflection: Reflection) => JSX.Element;
     get slugger(): import("./Slugger.js").Slugger;
     hook: Renderer["hooks"]["emit"];
     /** Avoid this in favor of urlTo if possible */
@@ -28,14 +35,14 @@ export declare class DefaultThemeRenderContext {
     urlTo: (reflection: Reflection) => string | undefined;
     markdown: (md: readonly CommentDisplayPart[] | NeverIfInternal<string | undefined>) => string;
     /** Renders user comment markdown wrapped in a tsd-comment div */
-    displayParts: (parts: readonly CommentDisplayPart[] | undefined) => import("../../../utils-common/jsx.elements.js").JsxElement | undefined;
+    displayParts: (parts: readonly CommentDisplayPart[] | undefined) => JSX.Element | undefined;
     getNavigation: () => import("./DefaultTheme.js").NavigationElement[];
     getReflectionClasses: (refl: Reflection) => string;
-    documentTemplate: (props: PageEvent<import("../../../models/DocumentReflection.js").DocumentReflection>) => import("../../../utils-common/jsx.elements.js").JsxElement;
-    reflectionTemplate: (props: PageEvent<import("../../../models/ContainerReflection.js").ContainerReflection>) => import("../../../utils-common/jsx.elements.js").JsxElement;
-    indexTemplate: (props: PageEvent<import("../../../models/ProjectReflection.js").ProjectReflection>) => import("../../../utils-common/jsx.elements.js").JsxElement;
-    hierarchyTemplate: (props: PageEvent<import("../../../models/ProjectReflection.js").ProjectReflection>) => import("../../../utils-common/jsx.elements.js").JsxElement;
-    defaultLayout: (template: import("./DefaultTheme.js").RenderTemplate<PageEvent<Reflection>>, props: PageEvent<Reflection>) => import("../../../utils-common/jsx.elements.js").JsxElement;
+    documentTemplate: (props: PageEvent<import("../../../models/DocumentReflection.js").DocumentReflection>) => JSX.Element;
+    reflectionTemplate: (props: PageEvent<import("../../../models/ContainerReflection.js").ContainerReflection>) => JSX.Element;
+    indexTemplate: (props: PageEvent<import("../../../models/ProjectReflection.js").ProjectReflection>) => JSX.Element;
+    hierarchyTemplate: (props: PageEvent<import("../../../models/ProjectReflection.js").ProjectReflection>) => JSX.Element;
+    defaultLayout: (template: import("./DefaultTheme.js").RenderTemplate<PageEvent<Reflection>>, props: PageEvent<Reflection>) => JSX.Element;
     /**
      * Rendered just after the description for a reflection.
      * This can be used to render a shortened type display of a reflection that the
@@ -44,55 +51,55 @@ export declare class DefaultThemeRenderContext {
      * Note: Will not be called for variables/type aliases, as they are summarized
      * by their type declaration, which is already rendered by {@link DefaultThemeRenderContext.memberDeclaration}
      */
-    reflectionPreview: (props: Reflection) => import("../../../utils-common/jsx.elements.js").JsxElement | undefined;
+    reflectionPreview: (props: Reflection) => JSX.Element | undefined;
     /**
      * Used to render additional details about a type. This is used to implement
      * the `@expand` tag, comments on union members, comments on object type members...
      */
-    typeDetails: (type: import("../../../models/types.js").SomeType, renderAnchors: boolean) => import("../../../utils-common/jsx.elements.js").JsxChildren;
+    typeDetails: (reflectionOwningType: Reflection, type: import("../../../models/types.js").SomeType, renderAnchors: boolean) => JSX.Children;
     /**
      * Should call the {@link typeDetails} helper if rendering additional details
      * about the type will provide the user with more information about the type.
      */
-    typeDetailsIfUseful: (type: import("../../../models/types.js").SomeType | undefined) => import("../../../utils-common/jsx.elements.js").JsxChildren;
+    typeDetailsIfUseful: (reflectionOwningType: Reflection, type: import("../../../models/types.js").SomeType | undefined) => JSX.Children;
     /**
      * Wrapper around {@link typeDetails} which checks if it is useful
      * and includes a "Type Declaration" header.
      */
-    typeDeclaration: (type: import("../../../models/types.js").SomeType) => import("../../../utils-common/jsx.elements.js").JsxChildren;
-    breadcrumbs: (props: Reflection) => import("../../../utils-common/jsx.elements.js").JsxElement;
-    commentShortSummary: (props: Reflection) => import("../../../utils-common/jsx.elements.js").JsxElement | undefined;
-    commentSummary: (props: Reflection) => import("../../../utils-common/jsx.elements.js").JsxElement | undefined;
-    commentTags: (props: Reflection) => import("../../../utils-common/jsx.elements.js").JsxElement | undefined;
-    reflectionFlags: (props: Reflection) => import("../../../utils-common/jsx.elements.js").JsxElement;
-    footer: () => import("../../../utils-common/jsx.elements.js").JsxElement;
-    header: (props: PageEvent<Reflection>) => import("../../../utils-common/jsx.elements.js").JsxElement;
-    hierarchy: (typeHierarchy: import("../../../models/DeclarationReflection.js").DeclarationHierarchy | undefined) => import("../../../utils-common/jsx.elements.js").JsxElement | undefined;
-    index: (props: import("../../../models/ContainerReflection.js").ContainerReflection) => import("../../../utils-common/jsx.elements.js").JsxElement;
-    member: (props: import("../../../models/DocumentReflection.js").DocumentReflection | import("../../../models/DeclarationReflection.js").DeclarationReflection) => import("../../../utils-common/jsx.elements.js").JsxElement;
-    moduleReflection: (mod: import("../../../models/DeclarationReflection.js").DeclarationReflection | import("../../../models/ProjectReflection.js").ProjectReflection) => import("../../../utils-common/jsx.elements.js").JsxElement;
-    moduleMemberSummary: (member: import("../../../models/DocumentReflection.js").DocumentReflection | import("../../../models/DeclarationReflection.js").DeclarationReflection) => import("../../../utils-common/jsx.elements.js").JsxElement;
-    memberDeclaration: (props: import("../../../models/DeclarationReflection.js").DeclarationReflection) => import("../../../utils-common/jsx.elements.js").JsxElement;
-    memberGetterSetter: (props: import("../../../models/DeclarationReflection.js").DeclarationReflection) => import("../../../utils-common/jsx.elements.js").JsxElement;
+    typeDeclaration: (reflectionOwningType: Reflection, type: import("../../../models/types.js").SomeType) => JSX.Children;
+    breadcrumbs: (props: Reflection) => JSX.Element;
+    commentShortSummary: (props: Reflection) => JSX.Element | undefined;
+    commentSummary: (props: Reflection) => JSX.Element | undefined;
+    commentTags: (props: Reflection) => JSX.Element | undefined;
+    reflectionFlags: (props: Reflection) => JSX.Element;
+    footer: () => JSX.Element;
+    header: (props: PageEvent<Reflection>) => JSX.Element;
+    hierarchy: (typeHierarchy: import("../../../models/DeclarationReflection.js").DeclarationHierarchy | undefined) => JSX.Element | undefined;
+    index: (props: import("../../../models/ContainerReflection.js").ContainerReflection) => JSX.Element;
+    member: (props: import("../../../models/DocumentReflection.js").DocumentReflection | import("../../../models/DeclarationReflection.js").DeclarationReflection) => JSX.Element;
+    moduleReflection: (mod: import("../../../models/DeclarationReflection.js").DeclarationReflection | import("../../../models/ProjectReflection.js").ProjectReflection) => JSX.Element;
+    moduleMemberSummary: (member: import("../../../models/DocumentReflection.js").DocumentReflection | import("../../../models/DeclarationReflection.js").DeclarationReflection) => JSX.Element;
+    memberDeclaration: (props: import("../../../models/DeclarationReflection.js").DeclarationReflection) => JSX.Element;
+    memberGetterSetter: (props: import("../../../models/DeclarationReflection.js").DeclarationReflection) => JSX.Element;
     memberSignatureBody: (props: import("../../../models/SignatureReflection.js").SignatureReflection, r_1?: {
         hideSources?: boolean;
-    } | undefined) => import("../../../utils-common/jsx.elements.js").JsxElement;
+    } | undefined) => JSX.Element;
     memberSignatureTitle: (props: import("../../../models/SignatureReflection.js").SignatureReflection, options?: {
         hideName?: boolean;
-    } | undefined) => import("../../../utils-common/jsx.elements.js").JsxElement;
-    memberSignatures: (props: import("../../../models/DeclarationReflection.js").DeclarationReflection) => import("../../../utils-common/jsx.elements.js").JsxElement;
-    memberSources: (props: import("../../../models/DeclarationReflection.js").DeclarationReflection | import("../../../models/SignatureReflection.js").SignatureReflection) => import("../../../utils-common/jsx.elements.js").JsxElement;
-    members: (props: import("../../../models/ContainerReflection.js").ContainerReflection) => import("../../../utils-common/jsx.elements.js").JsxElement;
-    sidebar: (props: PageEvent<Reflection>) => import("../../../utils-common/jsx.elements.js").JsxElement;
-    pageSidebar: (props: PageEvent<Reflection>) => import("../../../utils-common/jsx.elements.js").JsxElement;
-    sidebarLinks: () => import("../../../utils-common/jsx.elements.js").JsxElement | null;
-    settings: () => import("../../../utils-common/jsx.elements.js").JsxElement;
-    navigation: (props: PageEvent<Reflection>) => import("../../../utils-common/jsx.elements.js").JsxElement;
-    pageNavigation: (props: PageEvent<Reflection>) => import("../../../utils-common/jsx.elements.js").JsxElement;
-    toolbar: (props: PageEvent<Reflection>) => import("../../../utils-common/jsx.elements.js").JsxElement;
+    } | undefined) => JSX.Element;
+    memberSignatures: (props: import("../../../models/DeclarationReflection.js").DeclarationReflection) => JSX.Element;
+    memberSources: (props: import("../../../models/DeclarationReflection.js").DeclarationReflection | import("../../../models/SignatureReflection.js").SignatureReflection) => JSX.Element;
+    members: (props: import("../../../models/ContainerReflection.js").ContainerReflection) => JSX.Element;
+    sidebar: (props: PageEvent<Reflection>) => JSX.Element;
+    pageSidebar: (props: PageEvent<Reflection>) => JSX.Element;
+    sidebarLinks: () => JSX.Element | null;
+    settings: () => JSX.Element;
+    navigation: (props: PageEvent<Reflection>) => JSX.Element;
+    pageNavigation: (props: PageEvent<Reflection>) => JSX.Element;
+    toolbar: (props: PageEvent<Reflection>) => JSX.Element;
     type: (type: import("../../../models/types.js").SomeType | undefined, options?: {
         topLevelLinks: boolean;
-    } | undefined) => import("../../../utils-common/jsx.elements.js").JsxElement;
-    typeAndParent: (props: import("../../../models/types.js").Type) => import("../../../utils-common/jsx.elements.js").JsxElement;
-    typeParameters: (typeParameters: import("../../../models/TypeParameterReflection.js").TypeParameterReflection[]) => import("../../../utils-common/jsx.elements.js").JsxElement;
+    } | undefined) => JSX.Element;
+    typeAndParent: (props: import("../../../models/types.js").Type) => JSX.Element;
+    typeParameters: (typeParameters: import("../../../models/TypeParameterReflection.js").TypeParameterReflection[]) => JSX.Element;
 }

package/dist/lib/output/themes/default/DefaultThemeRenderContext.js

@@ -47,6 +47,9 @@ export class DefaultThemeRenderContext {
     }
     /**
      * Icons available for use within the page.
+     * When getting an icon for a reflection, {@link reflectionIcon} should be used so
+     * that themes which define multiple icon variants can correctly specify which icon
+     * they want to be used.
      *
      * Note: This creates a reference to icons declared by {@link DefaultTheme.icons},
      * to customize icons, that object must be modified instead.
@@ -54,6 +57,12 @@ export class DefaultThemeRenderContext {
     get icons() {
         return this._refIcons;
     }
+    /**
+     * Do not override this method, override {@link DefaultTheme.getReflectionIcon} instead.
+     */
+    reflectionIcon = (reflection) => {
+        return this.icons[this.theme.getReflectionIcon(reflection)]();
+    };
     get slugger() {
         return this.router.getSlugger(this.page.model);
     }

package/dist/lib/output/themes/default/layouts/default.js

@@ -67,7 +67,7 @@ export const defaultLayout = (context, template, props) => (JSX.createElement("h
         JSX.createElement("script", null,
             JSX.createElement(JSX.Raw, { html: 'document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";' }),
             JSX.createElement(JSX.Raw, { html: 'document.body.style.display="none";' }),
-            JSX.createElement(JSX.Raw, { html: 'setTimeout(() => app?app.showPage():document.body.style.removeProperty("display"),500)' })),
+            JSX.createElement(JSX.Raw, { html: 'setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)' })),
         context.toolbar(props),
         JSX.createElement("div", { class: "container container-main" },
             JSX.createElement("div", { class: "col-content" },

package/dist/lib/output/themes/default/partials/anchor-icon.d.ts

@@ -2,5 +2,4 @@ import type { Reflection } from "../../../../models/index.js";
 import { JSX } from "#utils";
 import type { DefaultThemeRenderContext } from "../DefaultThemeRenderContext.js";
 export declare function anchorIcon(context: DefaultThemeRenderContext, anchor: string | undefined): JSX.Element;
-export declare function anchorLink(anchor: string | undefined): JSX.Element;
-export declare function anchorLinkIfPresent(context: DefaultThemeRenderContext, refl: Reflection): JSX.Element;
+export declare function anchorTargetIfPresent(context: DefaultThemeRenderContext, refl: Reflection): string | undefined;

package/dist/lib/output/themes/default/partials/anchor-icon.js

@@ -4,13 +4,6 @@ export function anchorIcon(context, anchor) {
         return JSX.createElement(JSX.Fragment, null);
     return (JSX.createElement("a", { href: `#${anchor}`, "aria-label": i18n.theme_permalink(), class: "tsd-anchor-icon" }, context.icons.anchor()));
 }
-export function anchorLink(anchor) {
-    if (!anchor)
-        return JSX.createElement(JSX.Fragment, null);
-    return JSX.createElement("a", { id: anchor, class: "tsd-anchor" });
-}
-export function anchorLinkIfPresent(context, refl) {
-    if (!context.router.hasUrl(refl))
-        return JSX.createElement(JSX.Fragment, null);
-    return anchorLink(context.router.getAnchor(refl));
+export function anchorTargetIfPresent(context, refl) {
+    return context.router.hasUrl(refl) ? context.router.getAnchor(refl) : undefined;
 }

package/dist/lib/output/themes/default/partials/breadcrumb.js

@@ -6,6 +6,6 @@ export function breadcrumbs(context, props) {
         path.push(refl);
         refl = refl.parent;
     }
-    return (JSX.createElement("ul", { class: "tsd-breadcrumb" }, path.reverse().map((r) => (JSX.createElement("li", null,
-        JSX.createElement("a", { href: context.urlTo(r) }, r.name))))));
+    return (JSX.createElement("ul", { class: "tsd-breadcrumb", "aria-label": "Breadcrumb" }, path.reverse().map((r, index) => (JSX.createElement("li", null,
+        JSX.createElement("a", { href: context.urlTo(r), "aria-current": index === path.length - 1 ? "page" : undefined }, r.name))))));
 }

package/dist/lib/output/themes/default/partials/comment.js

@@ -1,6 +1,6 @@
 import { JSX, translateTagName } from "#utils";
 import { ReflectionKind } from "../../../../models/index.js";
-import { anchorIcon, anchorLink } from "./anchor-icon.js";
+import { anchorIcon } from "./anchor-icon.js";
 import { join } from "../../lib.js";
 // Note: Comment modifiers are handled in `renderFlags`
 export function renderDisplayParts({ markdown }, parts) {
@@ -57,8 +57,7 @@ export function commentTags(context, props) {
             const anchor = context.slugger.slug(name);
             return (JSX.createElement(JSX.Fragment, null,
                 JSX.createElement("div", { class: `tsd-tag-${item.tag.substring(1)}` },
-                    JSX.createElement("h4", { class: "tsd-anchor-link" },
-                        anchorLink(anchor),
+                    JSX.createElement("h4", { class: "tsd-anchor-link", id: anchor },
                         name,
                         anchorIcon(context, anchor)),
                     JSX.createElement(JSX.Raw, { html: context.markdown(item.content) }))));

package/dist/lib/output/themes/default/partials/index.js

@@ -1,13 +1,13 @@
 import { classNames, renderName } from "../../lib.js";
 import { i18n, JSX } from "#utils";
-function renderCategory({ urlTo, icons, getReflectionClasses, markdown }, item, prependName = "") {
+function renderCategory({ urlTo, reflectionIcon, getReflectionClasses, markdown }, item, prependName = "") {
     return (JSX.createElement("section", { class: "tsd-index-section" },
         JSX.createElement("h3", { class: "tsd-index-heading" }, prependName ? `${prependName} - ${item.title}` : item.title),
         item.description && (JSX.createElement("div", { class: "tsd-comment tsd-typography" },
             JSX.createElement(JSX.Raw, { html: markdown(item.description) }))),
         JSX.createElement("div", { class: "tsd-index-list" }, item.children.map((item) => (JSX.createElement(JSX.Fragment, null,
             JSX.createElement("a", { href: urlTo(item), class: classNames({ "tsd-index-link": true, deprecated: item.isDeprecated() }, getReflectionClasses(item)) },
-                icons[item.kind](),
+                reflectionIcon(item),
                 JSX.createElement("span", null, renderName(item))),
             "\n"))))));
 }
@@ -26,9 +26,7 @@ export function index(context, props) {
             JSX.createElement("section", { class: "tsd-panel tsd-index-panel" },
                 JSX.createElement("details", { class: "tsd-index-content tsd-accordion", open: true },
                     JSX.createElement("summary", { class: "tsd-accordion-summary tsd-index-summary" },
-                        JSX.createElement("h5", { class: "tsd-index-heading uppercase", role: "button", "aria-expanded": "false", tabIndex: 0 },
-                            context.icons.chevronSmall(),
-                            " ",
-                            i18n.theme_index())),
+                        context.icons.chevronSmall(),
+                        JSX.createElement("h5", { class: "tsd-index-heading uppercase" }, i18n.theme_index())),
                     JSX.createElement("div", { class: "tsd-accordion-details" }, content))))));
 }

package/dist/lib/output/themes/default/partials/member.declaration.js

@@ -27,7 +27,7 @@ export function memberDeclaration(context, props) {
                     props.defaultValue)))),
         context.commentSummary(props),
         hasTypeParameters(props) && context.typeParameters(props.typeParameters),
-        props.type && context.typeDeclaration(props.type),
+        props.type && context.typeDeclaration(props, props.type),
         context.commentTags(props),
         context.memberSources(props)));
 }

package/dist/lib/output/themes/default/partials/member.js

@@ -1,7 +1,7 @@
 import { classNames, getDisplayName, wbr } from "../../lib.js";
 import { JSX } from "#utils";
 import {} from "../../../../models/index.js";
-import { anchorIcon, anchorLink } from "./anchor-icon.js";
+import { anchorIcon } from "./anchor-icon.js";
 export function member(context, props) {
     const anchor = context.getAnchor(props);
     context.page.pageHeadings.push({
@@ -14,8 +14,7 @@ export function member(context, props) {
     // own pages. Handle it here in case someone creates a custom url scheme which embeds guides within the page.
     if (props.isDocument()) {
         return (JSX.createElement("section", { class: classNames({ "tsd-panel": true, "tsd-member": true }, context.getReflectionClasses(props)) },
-            anchorLink(anchor),
-            !!props.name && (JSX.createElement("h3", { class: "tsd-anchor-link" },
+            !!props.name && (JSX.createElement("h3", { class: "tsd-anchor-link", id: anchor },
                 context.reflectionFlags(props),
                 JSX.createElement("span", { class: classNames({ deprecated: props.isDeprecated() }) }, wbr(props.name)),
                 anchorIcon(context, anchor))),
@@ -23,8 +22,7 @@ export function member(context, props) {
                 JSX.createElement(JSX.Raw, { html: context.markdown(props.content) }))));
     }
     return (JSX.createElement("section", { class: classNames({ "tsd-panel": true, "tsd-member": true }, context.getReflectionClasses(props)) },
-        anchorLink(anchor),
-        !!props.name && (JSX.createElement("h3", { class: "tsd-anchor-link" },
+        !!props.name && (JSX.createElement("h3", { class: "tsd-anchor-link", id: anchor },
             context.reflectionFlags(props),
             JSX.createElement("span", { class: classNames({ deprecated: props.isDeprecated() }) }, wbr(props.name)),
             anchorIcon(context, anchor))),

package/dist/lib/output/themes/default/partials/member.signature.body.js

@@ -20,14 +20,14 @@ export function memberSignatureBody(context, props, { hideSources = false } = {}
                         item.defaultValue))),
                 context.commentSummary(item),
                 context.commentTags(item),
-                context.typeDetailsIfUseful(item.type))))))),
+                context.typeDetailsIfUseful(item, item.type))))))),
         props.type && (JSX.createElement(JSX.Fragment, null,
             JSX.createElement("h4", { class: "tsd-returns-title" },
                 i18n.theme_returns(),
                 " ",
                 context.type(props.type)),
             returnsTag && JSX.createElement(JSX.Raw, { html: context.markdown(returnsTag.content) }),
-            context.typeDetailsIfUseful(props.type))),
+            context.typeDetailsIfUseful(props, props.type))),
         context.commentTags(props),
         !hideSources && context.memberSources(props)));
 }

package/dist/lib/output/themes/default/partials/member.signatures.js

@@ -1,10 +1,9 @@
 import { JSX } from "#utils";
-import { anchorIcon, anchorLink } from "./anchor-icon.js";
+import { anchorIcon } from "./anchor-icon.js";
 import { classNames } from "../../lib.js";
 export const memberSignatures = (context, props) => (JSX.createElement(JSX.Fragment, null,
     JSX.createElement("ul", { class: classNames({ "tsd-signatures": true }, context.getReflectionClasses(props)) }, props.signatures?.map((item) => (JSX.createElement("li", { class: context.getReflectionClasses(item) },
-        JSX.createElement("div", { class: "tsd-signature tsd-anchor-link" },
-            anchorLink(context.getAnchor(item)),
+        JSX.createElement("div", { class: "tsd-signature tsd-anchor-link", id: context.getAnchor(item) },
             context.memberSignatureTitle(item),
             anchorIcon(context, context.getAnchor(item))),
         JSX.createElement("div", { class: "tsd-description" }, context.memberSignatureBody(item))))))));

package/dist/lib/output/themes/default/partials/members.js

@@ -7,10 +7,8 @@ export function members(context, props) {
         context.page.startNewSection(title);
         return (JSX.createElement("details", { class: "tsd-panel-group tsd-member-group tsd-accordion", open: true },
             JSX.createElement("summary", { class: "tsd-accordion-summary", "data-key": "section-" + title },
-                JSX.createElement("h2", null,
-                    context.icons.chevronDown(),
-                    " ",
-                    title)),
+                context.icons.chevronDown(),
+                JSX.createElement("h2", null, title)),
             JSX.createElement("section", null, children.map((item) => context.member(item)))));
     })));
 }

package/dist/lib/output/themes/default/partials/moduleReflection.js

@@ -1,7 +1,7 @@
 import { ReferenceReflection, ReflectionKind, } from "../../../../models/index.js";
 import { JSX } from "#utils";
 import { classNames, getDisplayName, getMemberSections, getUniquePath, join } from "../../lib.js";
-import { anchorIcon, anchorLink } from "./anchor-icon.js";
+import { anchorIcon } from "./anchor-icon.js";
 export function moduleReflection(context, mod) {
     const sections = getMemberSections(mod);
     return (JSX.createElement(JSX.Fragment, null,
@@ -14,10 +14,8 @@ export function moduleReflection(context, mod) {
             context.page.startNewSection(title);
             return (JSX.createElement("details", { class: "tsd-panel-group tsd-member-group tsd-accordion", open: true },
                 JSX.createElement("summary", { class: "tsd-accordion-summary", "data-key": "section-" + title },
-                    JSX.createElement("h2", null,
-                        context.icons.chevronDown(),
-                        " ",
-                        title)),
+                    context.icons.chevronDown(),
+                    JSX.createElement("h2", null, title)),
                 description && (JSX.createElement("div", { class: "tsd-comment tsd-typography" },
                     JSX.createElement(JSX.Raw, { html: context.markdown(description) }))),
                 JSX.createElement("dl", { class: "tsd-member-summaries" }, children.map((item) => context.moduleMemberSummary(item)))));
@@ -35,7 +33,7 @@ export function moduleMemberSummary(context, member) {
     if (member instanceof ReferenceReflection) {
         const target = member.getTargetReflectionDeep();
         name = (JSX.createElement("span", { class: "tsd-member-summary-name" },
-            context.icons[target.kind](),
+            context.reflectionIcon(target),
             JSX.createElement("span", { class: classNames({ deprecated: member.isDeprecated() }) }, member.name),
             JSX.createElement("span", null,
                 "\u00A0",
@@ -46,14 +44,12 @@ export function moduleMemberSummary(context, member) {
     }
     else {
         name = (JSX.createElement("span", { class: "tsd-member-summary-name" },
-            context.icons[member.kind](),
+            context.reflectionIcon(member),
             JSX.createElement("a", { class: classNames({ deprecated: member.isDeprecated() }), href: context.urlTo(member) }, member.name),
             anchorIcon(context, id)));
     }
     return (JSX.createElement(JSX.Fragment, null,
-        JSX.createElement("dt", { class: classNames({ "tsd-member-summary": true }, context.getReflectionClasses(member)) },
-            anchorLink(id),
-            name),
+        JSX.createElement("dt", { class: classNames({ "tsd-member-summary": true }, context.getReflectionClasses(member)), id: id }, name),
         JSX.createElement("dd", { class: classNames({ "tsd-member-summary": true }, context.getReflectionClasses(member)) }, context.commentShortSummary(member))));
 }
 // Note: This version of uniqueName does NOT include colors... they looked weird to me

package/dist/lib/output/themes/default/partials/navigation.js

@@ -50,9 +50,8 @@ export function settings(context) {
     return (JSX.createElement("div", { class: "tsd-navigation settings" },
         JSX.createElement("details", { class: "tsd-accordion", open: false },
             JSX.createElement("summary", { class: "tsd-accordion-summary" },
-                JSX.createElement("h3", null,
-                    context.icons.chevronDown(),
-                    i18n.theme_settings())),
+                context.icons.chevronDown(),
+                JSX.createElement("h3", null, i18n.theme_settings())),
             JSX.createElement("div", { class: "tsd-accordion-details" },
                 visibilityOptions.length && (JSX.createElement("div", { class: "tsd-filter-visibility" },
                     JSX.createElement("span", { class: "settings-label" }, i18n.theme_member_visibility()),
@@ -101,7 +100,7 @@ function buildSectionNavigation(context, headings) {
             // Lower level than before
             levels.push([]);
         }
-        levels[levels.length - 1].push(JSX.createElement("a", { href: heading.link, class: heading.classes },
+        levels[levels.length - 1].push(JSX.createElement("a", { href: heading.link, class: classNames({}, heading.classes) },
             heading.kind && context.icons[heading.kind](),
             JSX.createElement("span", null, wbr(heading.text))));
     }
@@ -131,8 +130,7 @@ export function pageNavigation(context, props) {
     }
     return (JSX.createElement("details", { open: true, class: "tsd-accordion tsd-page-navigation" },
         JSX.createElement("summary", { class: "tsd-accordion-summary" },
-            JSX.createElement("h3", null,
-                context.icons.chevronDown(),
-                i18n.theme_on_this_page())),
+            context.icons.chevronDown(),
+            JSX.createElement("h3", null, i18n.theme_on_this_page())),
         JSX.createElement("div", { class: "tsd-accordion-details" }, sections)));
 }

package/dist/lib/output/themes/default/partials/reflectionPreview.js

@@ -15,4 +15,12 @@ export function reflectionPreview(context, props) {
         generator.node(tree, Wrap.Enable);
         return JSX.createElement("div", { class: "tsd-signature" }, generator.toElement());
     }
+    if (props.kindOf(ReflectionKind.TypeAlias) && props.children) {
+        const builder = new FormattedCodeBuilder(context.router, context.model);
+        const tree = builder.typeAlias(props);
+        const generator = new FormattedCodeGenerator(context.options.getValue("typePrintWidth"));
+        generator.forceWrap(builder.forceWrap); // Ensure elements are added to new lines.
+        generator.node(tree, Wrap.Enable);
+        return JSX.createElement("div", { class: "tsd-signature" }, generator.toElement());
+    }
 }

package/dist/lib/output/themes/default/partials/typeDetails.d.ts

@@ -1,8 +1,8 @@
-import { type CommentDisplayPart } from "../../../../models/index.js";
+import { type CommentDisplayPart, Reflection } from "../../../../models/index.js";
 import type { SomeType } from "../../../../models/types.js";
 import { JSX } from "#utils";
 import type { DefaultThemeRenderContext } from "../DefaultThemeRenderContext.js";
-export declare function typeDeclaration(context: DefaultThemeRenderContext, type: SomeType): JSX.Children;
-export declare function typeDetails(context: DefaultThemeRenderContext, type: SomeType, renderAnchors: boolean): JSX.Children;
-export declare function typeDetailsImpl(context: DefaultThemeRenderContext, type: SomeType, renderAnchors: boolean, highlighted?: Map<string, CommentDisplayPart[]>): JSX.Children;
-export declare function typeDetailsIfUseful(context: DefaultThemeRenderContext, type: SomeType | undefined): JSX.Children;
+export declare function typeDeclaration(context: DefaultThemeRenderContext, reflectionOwningType: Reflection, type: SomeType): JSX.Children;
+export declare function typeDetails(context: DefaultThemeRenderContext, reflectionOwningType: Reflection, type: SomeType, renderAnchors: boolean): JSX.Children;
+export declare function typeDetailsImpl(context: DefaultThemeRenderContext, reflectionOwningType: Reflection, type: SomeType, renderAnchors: boolean, highlighted?: Map<string, CommentDisplayPart[]>): JSX.Children;
+export declare function typeDetailsIfUseful(context: DefaultThemeRenderContext, reflectionOwningType: Reflection, type: SomeType | undefined): JSX.Children;