@prismicio/svelte 2.2.2 → 2.2.3-canary.bc6ed14

package/dist/PrismicEmbed.svelte

@@ -1,15 +1,13 @@
 <script lang="ts">
-	import type { EmbedField } from "@prismicio/client";
-	import { isFilled } from "@prismicio/client";
+	import type { EmbedField } from "@prismicio/client"
+	import { isFilled } from "@prismicio/client"
 
 	type Props = {
-		/**
-		 * An Embed field from Prismic.
-		 */
-		field: EmbedField;
-	};
+		/** An Embed field from Prismic. */
+		field: EmbedField
+	}
 
-	const { field }: Props = $props();
+	const { field }: Props = $props()
 </script>
 
 <!--

package/dist/PrismicEmbed.svelte.d.ts

@@ -1,8 +1,6 @@
 import type { EmbedField } from "@prismicio/client";
 type Props = {
-    /**
-     * An Embed field from Prismic.
-     */
+    /** An Embed field from Prismic. */
     field: EmbedField;
 };
 /**

package/dist/PrismicImage.svelte

@@ -1,75 +1,61 @@
 <script lang="ts">
-	import {
-		asImagePixelDensitySrcSet,
-		asImageWidthSrcSet,
-		isFilled,
-	} from "@prismicio/client";
-	import type { ImageFieldImage } from "@prismicio/client";
-	import type { ImgixURLParams } from "imgix-url-builder";
-	import type { HTMLImgAttributes } from "svelte/elements";
+	import { asImagePixelDensitySrcSet, asImageWidthSrcSet, isFilled } from "@prismicio/client"
+	import type { ImageFieldImage } from "@prismicio/client"
+	import type { ImgixURLParams } from "imgix-url-builder"
+	import type { HTMLImgAttributes } from "svelte/elements"
 
 	type Props = Omit<HTMLImgAttributes, "src" | "srcset" | "alt"> & {
-		/**
-		 * The Prismic image field or thumbnail to render.
-		 */
-		field: ImageFieldImage | null | undefined;
+		/** The Prismic image field or thumbnail to render. */
+		field: ImageFieldImage | null | undefined
 
 		/**
 		 * An object of Imgix URL API parameters to transform the image.
 		 *
 		 * See: https://docs.imgix.com/apis/rendering
 		 */
-		imgixParams?: ImgixURLParams;
+		imgixParams?: ImgixURLParams
 
 		/**
 		 * Declare an image as decorative by providing `alt=""`.
 		 *
-		 * See:
-		 * https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/alt#decorative_images
+		 * See: https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/alt#decorative_images
 		 */
-		alt?: "";
+		alt?: ""
 
 		/**
-		 * Declare an image as decorative only if the Image field does not have
-		 * alternative text by providing `fallbackAlt=""`.
+		 * Declare an image as decorative only if the Image field does not have alternative text by
+		 * providing `fallbackAlt=""`.
 		 *
-		 * See:
-		 * https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/alt#decorative_images
+		 * See: https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/alt#decorative_images
 		 */
-		fallbackAlt?: "";
+		fallbackAlt?: ""
 	} & (
 			| {
 					/**
 					 * Widths used to build a `srcset` value for the Image field.
 					 *
-					 * If a `widths` prop is not given or `"defaults"` is passed, the
-					 * following widths will be used: 640, 750, 828, 1080, 1200, 1920,
-					 * 2048, 3840.
+					 * If a `widths` prop is not given or `"defaults"` is passed, the following widths will be
+					 * used: 640, 750, 828, 1080, 1200, 1920, 2048, 3840.
 					 *
-					 * If the Image field contains responsive views, each responsive view
-					 * can be used as a width in the resulting `srcset` by passing
-					 * `"thumbnails"` as the `widths` prop.
+					 * If the Image field contains responsive views, each responsive view can be used as a
+					 * width in the resulting `srcset` by passing `"thumbnails"` as the `widths` prop.
 					 */
-					widths?:
-						| NonNullable<Parameters<typeof asImageWidthSrcSet>[1]>["widths"]
-						| "defaults";
-					pixelDensities?: never;
+					widths?: NonNullable<Parameters<typeof asImageWidthSrcSet>[1]>["widths"] | "defaults"
+					pixelDensities?: never
 			  }
 			| {
 					/**
 					 * Pixel densities used to build a `srcset` value for the Image field.
 					 *
-					 * If a `pixelDensities` prop is passed `"defaults"`, the following
-					 * pixel densities will be used: 1, 2, 3.
+					 * If a `pixelDensities` prop is passed `"defaults"`, the following pixel densities will
+					 * be used: 1, 2, 3.
 					 */
 					pixelDensities:
-						| NonNullable<
-								Parameters<typeof asImagePixelDensitySrcSet>[1]
-						  >["pixelDensities"]
-						| "defaults";
-					widths?: never;
+						| NonNullable<Parameters<typeof asImagePixelDensitySrcSet>[1]>["pixelDensities"]
+						| "defaults"
+					widths?: never
 			  }
-		);
+		)
 
 	const {
 		field,
@@ -81,59 +67,51 @@
 		widths,
 		pixelDensities,
 		...restProps
-	}: Props = $props();
+	}: Props = $props()
 
 	const { resolvedWidth, resolvedHeight } = $derived.by(() => {
 		if (!isFilled.imageThumbnail(field))
-			return { resolvedWidth: undefined, resolvedHeight: undefined };
+			return { resolvedWidth: undefined, resolvedHeight: undefined }
 
-		const ar = field.dimensions.width / field.dimensions.height;
+		const ar = field.dimensions.width / field.dimensions.height
 
-		let resolvedWidth = castInt(width) ?? field.dimensions.width;
-		let resolvedHeight = castInt(height) ?? field.dimensions.height;
+		let resolvedWidth = castInt(width) ?? field.dimensions.width
+		let resolvedHeight = castInt(height) ?? field.dimensions.height
 		if (resolvedWidth != null && resolvedHeight == null) {
-			resolvedHeight = resolvedWidth / ar;
+			resolvedHeight = resolvedWidth / ar
 		} else if (resolvedWidth == null && resolvedHeight != null) {
-			resolvedWidth = resolvedHeight * ar;
+			resolvedWidth = resolvedHeight * ar
 		}
 
-		return { resolvedWidth, resolvedHeight };
-	});
+		return { resolvedWidth, resolvedHeight }
+	})
 
 	const { src, srcset } = $derived.by(() => {
-		if (!isFilled.imageThumbnail(field))
-			return { src: undefined, srcset: undefined };
+		if (!isFilled.imageThumbnail(field)) return { src: undefined, srcset: undefined }
 
 		if (pixelDensities) {
 			return asImagePixelDensitySrcSet(field, {
 				...imgixParams,
-				pixelDensities:
-					pixelDensities === "defaults" ? undefined : pixelDensities,
-			} as ImgixURLParams);
+				pixelDensities: pixelDensities === "defaults" ? undefined : pixelDensities,
+			} as ImgixURLParams)
 		}
 
 		return asImageWidthSrcSet(field, {
 			...imgixParams,
 			widths: widths === "defaults" ? undefined : widths,
-		});
-	});
-
-	function castInt(
-		input: string | number | null | undefined,
-	): number | null | undefined {
-		if (
-			typeof input === "number" ||
-			typeof input === "undefined" ||
-			input === null
-		) {
-			return input;
+		})
+	})
+
+	function castInt(input: string | number | null | undefined): number | null | undefined {
+		if (typeof input === "number" || typeof input === "undefined" || input === null) {
+			return input
 		} else {
-			const parsed = Number.parseInt(input);
+			const parsed = Number.parseInt(input)
 
 			if (Number.isNaN(parsed)) {
-				return undefined;
+				return undefined
 			} else {
-				return parsed;
+				return parsed
 			}
 		}
 	}

package/dist/PrismicImage.svelte.d.ts

@@ -3,9 +3,7 @@ import type { ImageFieldImage } from "@prismicio/client";
 import type { ImgixURLParams } from "imgix-url-builder";
 import type { HTMLImgAttributes } from "svelte/elements";
 type Props = Omit<HTMLImgAttributes, "src" | "srcset" | "alt"> & {
-    /**
-     * The Prismic image field or thumbnail to render.
-     */
+    /** The Prismic image field or thumbnail to render. */
     field: ImageFieldImage | null | undefined;
     /**
      * An object of Imgix URL API parameters to transform the image.
@@ -16,29 +14,25 @@ type Props = Omit<HTMLImgAttributes, "src" | "srcset" | "alt"> & {
     /**
      * Declare an image as decorative by providing `alt=""`.
      *
-     * See:
-     * https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/alt#decorative_images
+     * See: https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/alt#decorative_images
      */
     alt?: "";
     /**
-     * Declare an image as decorative only if the Image field does not have
-     * alternative text by providing `fallbackAlt=""`.
+     * Declare an image as decorative only if the Image field does not have alternative text by
+     * providing `fallbackAlt=""`.
      *
-     * See:
-     * https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/alt#decorative_images
+     * See: https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/alt#decorative_images
      */
     fallbackAlt?: "";
 } & ({
     /**
      * Widths used to build a `srcset` value for the Image field.
      *
-     * If a `widths` prop is not given or `"defaults"` is passed, the
-     * following widths will be used: 640, 750, 828, 1080, 1200, 1920,
-     * 2048, 3840.
+     * If a `widths` prop is not given or `"defaults"` is passed, the following widths will be
+     * used: 640, 750, 828, 1080, 1200, 1920, 2048, 3840.
      *
-     * If the Image field contains responsive views, each responsive view
-     * can be used as a width in the resulting `srcset` by passing
-     * `"thumbnails"` as the `widths` prop.
+     * If the Image field contains responsive views, each responsive view can be used as a
+     * width in the resulting `srcset` by passing `"thumbnails"` as the `widths` prop.
      */
     widths?: NonNullable<Parameters<typeof asImageWidthSrcSet>[1]>["widths"] | "defaults";
     pixelDensities?: never;
@@ -46,8 +40,8 @@ type Props = Omit<HTMLImgAttributes, "src" | "srcset" | "alt"> & {
     /**
      * Pixel densities used to build a `srcset` value for the Image field.
      *
-     * If a `pixelDensities` prop is passed `"defaults"`, the following
-     * pixel densities will be used: 1, 2, 3.
+     * If a `pixelDensities` prop is passed `"defaults"`, the following pixel densities will
+     * be used: 1, 2, 3.
      */
     pixelDensities: NonNullable<Parameters<typeof asImagePixelDensitySrcSet>[1]>["pixelDensities"] | "defaults";
     widths?: never;

package/dist/PrismicLink.svelte

@@ -1,56 +1,45 @@
 <script lang="ts">
-	import { asLinkAttrs } from "@prismicio/client";
-	import type {
-		AsLinkAttrsConfig,
-		LinkField,
-		PrismicDocument,
-	} from "@prismicio/client";
-	import type { HTMLAnchorAttributes } from "svelte/elements";
+	import { asLinkAttrs } from "@prismicio/client"
+	import type { AsLinkAttrsConfig, LinkField, PrismicDocument } from "@prismicio/client"
+	import type { HTMLAnchorAttributes } from "svelte/elements"
 
 	type Props = Omit<HTMLAnchorAttributes, "rel" | "href"> & {
 		/**
-		 * The `rel` attribute for the link. By default, `"noreferrer"` is provided
-		 * if the link's URL is external. This prop can be provided a function to
-		 * use the link's metadata to determine the `rel` value.
+		 * The `rel` attribute for the link. By default, `"noreferrer"` is provided if the link's URL is
+		 * external. This prop can be provided a function to use the link's metadata to determine the
+		 * `rel` value.
 		 */
-		rel?: string | AsLinkAttrsConfig["rel"];
+		rel?: string | AsLinkAttrsConfig["rel"]
 	} & (
 			| {
-					/**
-					 * A Prismic link field, content relationship field, or link to media
-					 * field.
-					 */
-					field: LinkField | null | undefined;
-					document?: never;
-					href?: never;
+					/** A Prismic link field, content relationship field, or link to media field. */
+					field: LinkField | null | undefined
+					document?: never
+					href?: never
 			  }
 			| {
-					/**
-					 * A Prismic document.
-					 */
-					document: PrismicDocument | null | undefined;
-					field?: never;
-					href?: never;
+					/** A Prismic document. */
+					document: PrismicDocument | null | undefined
+					field?: never
+					href?: never
 			  }
 			| {
-					href: HTMLAnchorAttributes["href"];
-					document: never;
-					field?: never;
+					href: HTMLAnchorAttributes["href"]
+					document: never
+					field?: never
 			  }
-		);
+		)
 
-	const { field, document, rel, children, ...restProps }: Props = $props();
+	const { field, document, rel, children, ...restProps }: Props = $props()
 
 	const linkAttrs = $derived(
 		asLinkAttrs(field ?? document, {
 			rel: typeof rel === "function" ? rel : undefined,
 		}),
-	);
-	const href = $derived(
-		("href" in restProps ? restProps.href : linkAttrs.href) || "",
-	);
+	)
+	const href = $derived(("href" in restProps ? restProps.href : linkAttrs.href) || "")
 
-	const resolvedRel = $derived(typeof rel === "string" ? rel : linkAttrs.rel);
+	const resolvedRel = $derived(typeof rel === "string" ? rel : linkAttrs.rel)
 </script>
 
 <!--

package/dist/PrismicLink.svelte.d.ts

@@ -2,23 +2,18 @@ import type { AsLinkAttrsConfig, LinkField, PrismicDocument } from "@prismicio/c
 import type { HTMLAnchorAttributes } from "svelte/elements";
 type Props = Omit<HTMLAnchorAttributes, "rel" | "href"> & {
     /**
-     * The `rel` attribute for the link. By default, `"noreferrer"` is provided
-     * if the link's URL is external. This prop can be provided a function to
-     * use the link's metadata to determine the `rel` value.
+     * The `rel` attribute for the link. By default, `"noreferrer"` is provided if the link's URL is
+     * external. This prop can be provided a function to use the link's metadata to determine the
+     * `rel` value.
      */
     rel?: string | AsLinkAttrsConfig["rel"];
 } & ({
-    /**
-     * A Prismic link field, content relationship field, or link to media
-     * field.
-     */
+    /** A Prismic link field, content relationship field, or link to media field. */
     field: LinkField | null | undefined;
     document?: never;
     href?: never;
 } | {
-    /**
-     * A Prismic document.
-     */
+    /** A Prismic document. */
     document: PrismicDocument | null | undefined;
     field?: never;
     href?: never;

package/dist/PrismicRichText/DefaultComponent.svelte

@@ -1,26 +1,22 @@
 <script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
+	import type { HTMLAttributes } from "svelte/elements"
 
-	import type { RichTextComponentProps } from "../types";
+	import PrismicEmbed from "../PrismicEmbed.svelte"
+	import PrismicImage from "../PrismicImage.svelte"
+	import PrismicLink from "../PrismicLink.svelte"
+	import type { RichTextComponentProps } from "../types"
 
-	import PrismicEmbed from "../PrismicEmbed.svelte";
-	import PrismicImage from "../PrismicImage.svelte";
-	import PrismicLink from "../PrismicLink.svelte";
+	type Props = RichTextComponentProps & HTMLAttributes<HTMLElement> & { as?: string }
 
-	type Props = RichTextComponentProps &
-		HTMLAttributes<HTMLElement> & { as?: string };
-
-	const { node, children, as, ...attrs }: Props = $props();
+	const { node, children, as, ...attrs }: Props = $props()
 
 	const dirProp = $derived(
 		"direction" in node && node.direction === "rtl" ? { direction: "rtl" } : {},
-	);
+	)
 </script>
 
 {#if as}
-	<svelte:element this={as} {...dirProp} {...attrs} {...attrs}
-		>{@render children()}</svelte:element
-	>
+	<svelte:element this={as} {...dirProp} {...attrs} {...attrs}>{@render children()}</svelte:element>
 {:else if node.type === "heading1"}
 	<h1 {...dirProp} {...attrs}>{@render children()}</h1>
 {:else if node.type === "heading2"}

package/dist/PrismicRichText/PrismicRichText.svelte

@@ -1,26 +1,21 @@
 <script lang="ts">
-	import type { RichTextField } from "@prismicio/client";
-	import { asTree } from "@prismicio/client/richtext";
+	import type { RichTextField } from "@prismicio/client"
+	import { asTree } from "@prismicio/client/richtext"
 
-	import type { RichTextComponents } from "../types";
-
-	import Serialize from "./Serialize.svelte";
+	import type { RichTextComponents } from "../types"
+	import Serialize from "./Serialize.svelte"
 
 	type Props = {
-		/**
-		 * The Prismic rich text field to render.
-		 */
-		field: RichTextField;
+		/** The Prismic rich text field to render. */
+		field: RichTextField
 
-		/**
-		 * An object that maps a rich text block type to a Svelte component.
-		 */
-		components?: RichTextComponents;
-	};
+		/** An object that maps a rich text block type to a Svelte component. */
+		components?: RichTextComponents
+	}
 
-	const { field, components = {} }: Props = $props();
+	const { field, components = {} }: Props = $props()
 
-	const children = $derived(asTree(field).children);
+	const children = $derived(asTree(field).children)
 </script>
 
 <!--

package/dist/PrismicRichText/PrismicRichText.svelte.d.ts

@@ -1,13 +1,9 @@
 import type { RichTextField } from "@prismicio/client";
 import type { RichTextComponents } from "../types";
 type Props = {
-    /**
-     * The Prismic rich text field to render.
-     */
+    /** The Prismic rich text field to render. */
     field: RichTextField;
-    /**
-     * An object that maps a rich text block type to a Svelte component.
-     */
+    /** An object that maps a rich text block type to a Svelte component. */
     components?: RichTextComponents;
 };
 /**

package/dist/PrismicRichText/Serialize.svelte

@@ -1,34 +1,29 @@
 <script lang="ts">
-	import type { asTree } from "@prismicio/client/richtext";
+	import type { asTree } from "@prismicio/client/richtext"
 
-	import type {
-		ComponentShorthand,
-		RichTextComponent,
-		RichTextComponents,
-	} from "../types";
-
-	import DefaultComponent from "./DefaultComponent.svelte";
-	import Serialize from "./Serialize.svelte";
+	import type { ComponentShorthand, RichTextComponent, RichTextComponents } from "../types"
+	import DefaultComponent from "./DefaultComponent.svelte"
+	import Serialize from "./Serialize.svelte"
 
 	type Props = {
-		components: RichTextComponents;
-		children: ReturnType<typeof asTree>["children"];
-	};
+		components: RichTextComponents
+		children: ReturnType<typeof asTree>["children"]
+	}
 
-	const { components, children }: Props = $props();
+	const { components, children }: Props = $props()
 
 	const CHILD_TYPE_RENAMES = {
 		"list-item": "listItem",
 		"o-list-item": "oListItem",
 		"group-list-item": "list",
 		"group-o-list-item": "oList",
-	} as const;
+	} as const
 
 	function getComponent(child: ReturnType<typeof asTree>["children"][number]) {
 		return components[
 			CHILD_TYPE_RENAMES[child.type as keyof typeof CHILD_TYPE_RENAMES] ||
 				(child.type as keyof typeof components)
-		] as RichTextComponent | ComponentShorthand;
+		] as RichTextComponent | ComponentShorthand
 	}
 </script>
 
@@ -36,10 +31,7 @@
 	{@const Component = getComponent(child)}
 	{#snippet serializedChildren()}
 		<!-- This formatting is intentional to prevent unwanted whitespace between elements. -->
-		{#if child.children.length > 0}<Serialize
-				children={child.children}
-				{components}
-			/>{/if}
+		{#if child.children.length > 0}<Serialize children={child.children} {components} />{/if}
 	{/snippet}
 	{#if typeof Component === "function"}
 		<Component node={child.node}>{@render serializedChildren()}</Component>

package/dist/PrismicTable.svelte

@@ -7,40 +7,35 @@
 		TableFieldHead,
 		TableFieldHeadRow,
 		TableFieldHeaderCell,
-	} from "@prismicio/client";
-	import { isFilled } from "@prismicio/client";
-	import type { Component } from "svelte";
+	} from "@prismicio/client"
+	import { isFilled } from "@prismicio/client"
+	import type { Component } from "svelte"
 
-	import type { RichTextComponents, TableComponents } from "./types";
-
-	import PrismicRichText from "./PrismicRichText/PrismicRichText.svelte";
+	import PrismicRichText from "./PrismicRichText/PrismicRichText.svelte"
+	import type { RichTextComponents, TableComponents } from "./types"
 
 	type Props = {
-		/**
-		 * The Prismic table field to render.
-		 */
-		field: TableField;
+		/** The Prismic table field to render. */
+		field: TableField
 
-		/**
-		 * An object that maps a rich text block type to a Svelte component.
-		 */
-		components?: TableComponents & RichTextComponents;
+		/** An object that maps a rich text block type to a Svelte component. */
+		components?: TableComponents & RichTextComponents
 
 		/**
-		 * The component rendered when the field is empty. If a fallback is not
-		 * given, `null` will be rendered.
+		 * The component rendered when the field is empty. If a fallback is not given, `null` will be
+		 * rendered.
 		 */
-		fallback?: Component;
-	};
+		fallback?: Component
+	}
 
-	const { field, components = {}, fallback: Fallback }: Props = $props();
+	const { field, components = {}, fallback: Fallback }: Props = $props()
 
-	const Table = components.table;
-	const Thead = components.thead;
-	const Tbody = components.tbody;
-	const Tr = components.tr;
-	const Th = components.th;
-	const Td = components.td;
+	const Table = components.table
+	const Thead = components.thead
+	const Tbody = components.tbody
+	const Tr = components.tr
+	const Th = components.th
+	const Td = components.td
 </script>
 
 {#snippet thead(head: TableFieldHead)}
@@ -72,31 +67,21 @@
 {/snippet}
 
 {#snippet th(cell: TableFieldHeaderCell)}
-	{#if typeof Th === "function"}<Th {cell}
-			><PrismicRichText field={cell.content} {components} /></Th
-		>{:else}<th {...Th}
-			><PrismicRichText field={cell.content} {components} /></th
-		>{/if}
+	{#if typeof Th === "function"}<Th {cell}><PrismicRichText field={cell.content} {components} /></Th
+		>{:else}<th {...Th}><PrismicRichText field={cell.content} {components} /></th>{/if}
 {/snippet}
 
 {#snippet td(cell: TableFieldDataCell)}
-	{#if typeof Td === "function"}<Td {cell}
-			><PrismicRichText field={cell.content} {components} /></Td
-		>{:else}<td {...Td}
-			><PrismicRichText field={cell.content} {components} /></td
-		>{/if}
+	{#if typeof Td === "function"}<Td {cell}><PrismicRichText field={cell.content} {components} /></Td
+		>{:else}<td {...Td}><PrismicRichText field={cell.content} {components} /></td>{/if}
 {/snippet}
 
 <!-- This formatting is intentional to prevent unwanted whitespace between elements. -->
 {#if isFilled.table(field)}
 	{#if typeof Table === "function"}<Table table={field}
-			>{#if field?.head}{@render thead(field.head)}{/if}{@render tbody(
-				field.body,
-			)}</Table
+			>{#if field?.head}{@render thead(field.head)}{/if}{@render tbody(field.body)}</Table
 		>{:else}<table {...Table}>
-			{#if field?.head}{@render thead(field.head)}{/if}{@render tbody(
-				field.body,
-			)}
+			{#if field?.head}{@render thead(field.head)}{/if}{@render tbody(field.body)}
 		</table>{/if}
 {:else if Fallback}
 	<Fallback />

package/dist/PrismicTable.svelte.d.ts

@@ -2,17 +2,13 @@ import type { TableField } from "@prismicio/client";
 import type { Component } from "svelte";
 import type { RichTextComponents, TableComponents } from "./types";
 type Props = {
-    /**
-     * The Prismic table field to render.
-     */
+    /** The Prismic table field to render. */
     field: TableField;
-    /**
-     * An object that maps a rich text block type to a Svelte component.
-     */
+    /** An object that maps a rich text block type to a Svelte component. */
     components?: TableComponents & RichTextComponents;
     /**
-     * The component rendered when the field is empty. If a fallback is not
-     * given, `null` will be rendered.
+     * The component rendered when the field is empty. If a fallback is not given, `null` will be
+     * rendered.
      */
     fallback?: Component;
 };