@prismicio/svelte 1.5.0 → 1.6.0-alpha.0

package/dist/PrismicEmbed.svelte.d.ts

@@ -10,6 +10,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type PrismicEmbedProps = typeof __propDef.props;
 export type PrismicEmbedEvents = typeof __propDef.events;

package/dist/PrismicImage.svelte.d.ts

@@ -3,7 +3,7 @@ import { asImageWidthSrcSet, asImagePixelDensitySrcSet, type ImageFieldImage } f
 import type { ImgixURLParams } from "imgix-url-builder";
 import type { HTMLImgAttributes } from "svelte/elements";
 declare const __propDef: {
-    props: Omit<HTMLImgAttributes, "src" | "srcset" | "alt"> & {
+    props: Omit<HTMLImgAttributes, "src" | "srcset" | "alt"> & ({
         /**
          * The Prismic image field or thumbnail to render.
          */
@@ -13,14 +13,14 @@ declare const __propDef: {
          *
          * See: https://docs.imgix.com/apis/rendering
          */
-        imgixParams?: ImgixURLParams | undefined;
+        imgixParams?: ImgixURLParams;
         /**
          * Declare an image as decorative by providing `alt=""`.
          *
          * See:
          * https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/alt#decorative_images
          */
-        alt?: "" | undefined;
+        alt?: "";
         /**
          * Declare an image as decorative only if the Image field does not have
          * alternative text by providing `fallbackAlt=""`.
@@ -28,7 +28,7 @@ declare const __propDef: {
          * See:
          * https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/alt#decorative_images
          */
-        fallbackAlt?: "" | undefined;
+        fallbackAlt?: "";
     } & ({
         /**
          * Widths used to build a `srcset` value for the Image field.
@@ -42,7 +42,7 @@ declare const __propDef: {
          * `"thumbnails"` as the `widths` prop.
          */
         widths?: NonNullable<Parameters<typeof asImageWidthSrcSet>[1]>["widths"] | "defaults";
-        pixelDensities?: undefined;
+        pixelDensities?: never;
     } | {
         /**
          * Pixel densities used to build a `srcset` value for the Image field.
@@ -51,12 +51,14 @@ declare const __propDef: {
          * pixel densities will be used: 1, 2, 3.
          */
         pixelDensities: NonNullable<Parameters<typeof asImagePixelDensitySrcSet>[1]>["pixelDensities"] | "defaults";
-        widths?: undefined;
-    });
+        widths?: never;
+    }));
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type PrismicImageProps = typeof __propDef.props;
 export type PrismicImageEvents = typeof __propDef.events;

package/dist/PrismicLink.svelte

@@ -4,12 +4,10 @@
 export let field = void 0;
 export let document = void 0;
 export let rel = void 0;
-$:
-  linkAttrs = asLinkAttrs(field ?? document, {
-    rel: typeof rel === "function" ? rel : void 0
-  });
-$:
-  resolvedRel = typeof rel === "string" ? rel : linkAttrs.rel;
+$: linkAttrs = asLinkAttrs(field ?? document, {
+  rel: typeof rel === "function" ? rel : void 0
+});
+$: resolvedRel = typeof rel === "string" ? rel : linkAttrs.rel;
 </script>
 
 <!--

package/dist/PrismicLink.svelte.d.ts

@@ -2,7 +2,7 @@ import { SvelteComponent } from "svelte";
 import { type AsLinkAttrsConfig, type LinkField, type PrismicDocument } from "@prismicio/client";
 import type { HTMLAnchorAttributes } from "svelte/elements";
 declare const __propDef: {
-    props: Omit<HTMLAnchorAttributes, "rel" | "href"> & {
+    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
@@ -15,14 +15,14 @@ declare const __propDef: {
          * field.
          */
         field: LinkField;
-        document?: undefined;
+        document?: never;
     } | {
         /**
          * A Prismic document.
          */
         document: PrismicDocument;
-        field?: undefined;
-    });
+        field?: never;
+    }));
     events: {
         click: MouseEvent;
     } & {
@@ -31,6 +31,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type PrismicLinkProps = typeof __propDef.props;
 export type PrismicLinkEvents = typeof __propDef.events;

package/dist/PrismicRichText/DefaultComponent.svelte

@@ -2,8 +2,7 @@
 import PrismicImage from "../PrismicImage.svelte";
 import PrismicLink from "../PrismicLink.svelte";
 export let node;
-$:
-  dir = "direction" in node && node.direction === "rtl" ? "rtl" : void 0;
+$: dir = "direction" in node && node.direction === "rtl" ? "rtl" : void 0;
 </script>
 
 {#if node.type === "heading1"}

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

@@ -10,6 +10,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type DefaultComponentProps = typeof __propDef.props;
 export type DefaultComponentEvents = typeof __propDef.events;

package/dist/PrismicRichText/PrismicRichText.svelte

@@ -1,9 +1,8 @@
-<script>import { asTree } from "@prismicio/richtext";
+<script>import { asTree } from "@prismicio/client/richtext";
 import Serialize from "./Serialize.svelte";
 export let field;
 export let components = {};
-$:
-  children = asTree(field).children;
+$: children = asTree(field).children;
 </script>
 
 <!--

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

@@ -1,5 +1,6 @@
 import { SvelteComponent } from "svelte";
 import type { RichTextField } from "@prismicio/client";
+import type { SvelteRichTextSerializer } from "../types";
 declare const __propDef: {
     props: {
         /**
@@ -7,14 +8,14 @@ declare const __propDef: {
              */ field: RichTextField;
         /**
              * An object that maps a rich text block type to a Svelte component.
-             */ components?: Partial<Record<"heading1" | "heading2" | "heading3" | "heading4" | "heading5" | "heading6" | "paragraph" | "preformatted" | "strong" | "em" | "listItem" | "oListItem" | "list" | "oList" | "image" | "embed" | "hyperlink" | "label" | "span", new (...args: any[]) => SvelteComponent<Partial<{
-            node: import("@prismicio/client").RTAnyNode;
-        }>, any, any>>> | undefined;
+             */ components?: SvelteRichTextSerializer;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type PrismicRichTextProps = typeof __propDef.props;
 export type PrismicRichTextEvents = typeof __propDef.events;

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

@@ -1,16 +1,17 @@
 import { SvelteComponent } from "svelte";
-import type { asTree } from "@prismicio/richtext";
+import type { asTree } from "@prismicio/client/richtext";
+import type { SvelteRichTextSerializer } from "../types";
 declare const __propDef: {
     props: {
-        components?: Partial<Record<"heading1" | "heading2" | "heading3" | "heading4" | "heading5" | "heading6" | "paragraph" | "preformatted" | "strong" | "em" | "listItem" | "oListItem" | "list" | "oList" | "image" | "embed" | "hyperlink" | "label" | "span", new (...args: any[]) => SvelteComponent<Partial<{
-            node: import("@prismicio/client/*").RTAnyNode;
-        }>, any, any>>> | undefined;
+        components?: SvelteRichTextSerializer;
         children: ReturnType<typeof asTree>["children"];
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type SerializeProps = typeof __propDef.props;
 export type SerializeEvents = typeof __propDef.events;

package/dist/PrismicTable/DefaultComponent.svelte.d.ts

@@ -10,6 +10,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type DefaultComponentProps = typeof __propDef.props;
 export type DefaultComponentEvents = typeof __propDef.events;

package/dist/PrismicTable/PrismicTable.svelte.d.ts

@@ -1,7 +1,7 @@
 import { SvelteComponent } from "svelte";
 import { type TableField } from "@prismicio/client";
 import { type ComponentType } from "svelte";
-import type { TableComponents } from "../types";
+import type { SvelteRichTextSerializer, TableComponents } from "../types";
 declare const __propDef: {
     props: {
         /**
@@ -9,12 +9,7 @@ declare const __propDef: {
              */ field: TableField;
         /**
              * An object that maps a rich text block type to a Svelte component.
-             */ components?: (TableComponents & Partial<Record<"heading1" | "heading2" | "heading3" | "heading4" | "heading5" | "heading6" | "paragraph" | "preformatted" | "strong" | "em" | "listItem" | "oListItem" | "list" | "oList" | "image" | "embed" | "hyperlink" | "label" | "span", new (...args: any[]) => SvelteComponent<Partial<{
-            /**
-             * An object that maps a rich text block type to a Svelte component.
-             */
-            node: import("@prismicio/client").RTAnyNode;
-        }>, any, any>>>) | undefined;
+             */ components?: TableComponents & SvelteRichTextSerializer;
         /**
              * The component rendered when the field is empty. If a fallback is not given,
              * `null` will be rendered.
@@ -24,6 +19,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type PrismicTableProps = typeof __propDef.props;
 export type PrismicTableEvents = typeof __propDef.events;

package/dist/PrismicText.svelte.d.ts

@@ -4,13 +4,15 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         field: RichTextField;
-        separator?: string | undefined;
-        fallback?: string | undefined;
+        separator?: string | undefined | undefined;
+        fallback?: string | undefined | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export type PrismicTextProps = typeof __propDef.props;
 export type PrismicTextEvents = typeof __propDef.events;

package/dist/SliceZone/SliceZone.svelte

@@ -1,4 +1,5 @@
 <script>import TodoComponent from "./TodoComponent.svelte";
+import { ComponentCompat } from "../types";
 export let slices = [];
 export let components = {};
 export let context = {};

package/dist/SliceZone/SliceZone.svelte.d.ts

@@ -1,4 +1,5 @@
 import { SvelteComponent } from "svelte";
+import { ComponentCompat } from "../types";
 declare const __propDef: {
     props: {
         /**
@@ -15,8 +16,8 @@ declare const __propDef: {
              *
              * @internal
              */
-            __mapped?: true | undefined;
-        })[] | undefined;
+            __mapped?: true;
+        })[];
         /**
              * An object that maps Slice components to their corresponding API IDs.
              *
@@ -31,36 +32,7 @@ declare const __propDef: {
              * 	hero_image: HeroImage,
              * };
              * ```
-             */ components?: Record<string, new (...args: any[]) => SvelteComponent<{
-            slice?: (({
-                slice_type: string;
-            } | {
-                type: string;
-            }) & {
-                /**
-                 * If `true`, this Slice has been modified from its original value using a
-                 * mapper and `@prismicio/client`'s `mapSliceZone()`.
-                 *
-                 * @internal
-                 */
-                __mapped?: true | undefined;
-            }) | undefined;
-            slices?: (({
-                slice_type: string;
-            } | {
-                type: string;
-            }) & {
-                /**
-                 * If `true`, this Slice has been modified from its original value using a
-                 * mapper and `@prismicio/client`'s `mapSliceZone()`.
-                 *
-                 * @internal
-                 */
-                __mapped?: true | undefined;
-            })[] | undefined;
-            context?: unknown;
-            index?: number | undefined;
-        }, any, any>> | undefined;
+             */ components?: Record<string, ComponentCompat<any>>;
         /**
              * Arbitrary data passed to all Slice components as a `context` prop.
              */ context?: any;
@@ -68,7 +40,7 @@ declare const __propDef: {
              * The Svelte component rendered if a component mapping from the `components`
              * prop cannot be found.
              */ defaultComponent?: (new (...args: any[]) => SvelteComponent<{
-            slice?: (({
+            slice?: ({
                 slice_type: string;
             } | {
                 type: string;
@@ -79,8 +51,8 @@ declare const __propDef: {
                  *
                  * @internal
                  */
-                __mapped?: true | undefined;
-            }) | undefined;
+                __mapped?: true;
+            };
             slices?: (({
                 slice_type: string;
             } | {
@@ -92,16 +64,18 @@ declare const __propDef: {
                  *
                  * @internal
                  */
-                __mapped?: true | undefined;
-            })[] | undefined;
+                __mapped?: true;
+            })[];
             context?: unknown;
-            index?: number | undefined;
-        }, any, any>) | undefined;
+            index?: number;
+        }>) | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type SliceZoneProps = typeof __propDef.props;
 export type SliceZoneEvents = typeof __propDef.events;

package/dist/SliceZone/TodoComponent.svelte.d.ts

@@ -11,6 +11,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type TodoComponentProps = typeof __propDef.props;
 export type TodoComponentEvents = typeof __propDef.events;

package/dist/kit/PrismicPreview.svelte

@@ -4,8 +4,7 @@ import { beforeNavigate, goto, invalidateAll } from "$app/navigation";
 export let repositoryName;
 export let routePrefix = "preview";
 export let routePrefixName = routePrefix;
-$:
-  toolbarSrc = getToolbarSrc(repositoryName);
+$: toolbarSrc = getToolbarSrc(repositoryName);
 let endingPreview = false;
 onMount(() => {
   const controller = new AbortController();

package/dist/kit/PrismicPreview.svelte.d.ts

@@ -7,19 +7,21 @@ declare const __propDef: {
              */ repositoryName: string;
         /**
              * The route parameter prefixed during preview sessions.
-             */ routePrefix?: string | undefined;
+             */ routePrefix?: string;
         /**
              * The name of the preview-specific route parameter prefixed during preview
              * sessions.
              *
              * Only set this value if the route parameter's name differs from the
              * parameter's value.
-             */ routePrefixName?: string | undefined;
+             */ routePrefixName?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type PrismicPreviewProps = typeof __propDef.props;
 export type PrismicPreviewEvents = typeof __propDef.events;

package/dist/types.d.ts

@@ -1,27 +1,84 @@
-import type { RTAnyNode, RichTextNodeType, TableField, TableFieldBody, TableFieldBodyRow, TableFieldDataCell, TableFieldHead, TableFieldHeadRow, TableFieldHeaderCell } from "@prismicio/client";
-import type { ComponentType, SvelteComponent } from "svelte";
-export type SvelteRichTextSerializer = Partial<Record<keyof typeof RichTextNodeType, SvelteRichTextComponent>>;
-type SvelteRichTextComponent = new (...args: any[]) => SvelteComponent<Partial<{
-    node: RTAnyNode;
-}>>;
+import type * as prismic from "@prismicio/client";
+import type { Component, ComponentType, SvelteComponent } from "svelte";
+export type SvelteRichTextSerializer = {
+    heading1?: ComponentCompat<{
+        node: prismic.RTHeading1Node;
+    }>;
+    heading2?: ComponentCompat<{
+        node: prismic.RTHeading2Node;
+    }>;
+    heading3?: ComponentCompat<{
+        node: prismic.RTHeading3Node;
+    }>;
+    heading4?: ComponentCompat<{
+        node: prismic.RTHeading4Node;
+    }>;
+    heading5?: ComponentCompat<{
+        node: prismic.RTHeading5Node;
+    }>;
+    heading6?: ComponentCompat<{
+        node: prismic.RTHeading6Node;
+    }>;
+    paragraph?: ComponentCompat<{
+        node: prismic.RTParagraphNode;
+    }>;
+    preformatted?: ComponentCompat<{
+        node: prismic.RTPreformattedNode;
+    }>;
+    strong?: ComponentCompat<{
+        node: prismic.RTStrongNode;
+    }>;
+    em?: ComponentCompat<{
+        node: prismic.RTEmNode;
+    }>;
+    listItem?: ComponentCompat<{
+        node: prismic.RTListItemNode;
+    }>;
+    oListItem?: ComponentCompat<{
+        node: prismic.RTOListItemNode;
+    }>;
+    list?: ComponentCompat<{
+        node: prismic.RTListNode;
+    }>;
+    oList?: ComponentCompat<{
+        node: prismic.RTOListNode;
+    }>;
+    image?: ComponentCompat<{
+        node: prismic.RTImageNode;
+    }>;
+    embed?: ComponentCompat<{
+        node: prismic.RTEmbedNode;
+    }>;
+    hyperlink?: ComponentCompat<{
+        node: prismic.RTLinkNode;
+    }>;
+    label?: ComponentCompat<{
+        node: prismic.RTLabelNode;
+    }>;
+    span?: ComponentCompat<{
+        node: prismic.RTSpanNode;
+    }>;
+};
 export type TableComponents = {
-    table?: ComponentType<SvelteComponent<{
-        table: TableField<"filled">;
-    }>>;
-    thead?: ComponentType<SvelteComponent<{
-        head: TableFieldHead;
-    }>>;
-    tbody?: ComponentType<SvelteComponent<{
-        body: TableFieldBody;
-    }>>;
-    tr?: ComponentType<SvelteComponent<{
-        row: TableFieldHeadRow | TableFieldBodyRow;
-    }>>;
-    th?: ComponentType<SvelteComponent<{
-        table: TableFieldHeaderCell;
-    }>>;
-    td?: ComponentType<SvelteComponent<{
-        table: TableFieldDataCell;
-    }>>;
+    table?: ComponentTypeCompat<{
+        table: prismic.TableField<"filled">;
+    }>;
+    thead?: ComponentTypeCompat<{
+        head: prismic.TableFieldHead;
+    }>;
+    tbody?: ComponentTypeCompat<{
+        body: prismic.TableFieldBody;
+    }>;
+    tr?: ComponentTypeCompat<{
+        row: prismic.TableFieldHeadRow | prismic.TableFieldBodyRow;
+    }>;
+    th?: ComponentTypeCompat<{
+        table: prismic.TableFieldHeaderCell;
+    }>;
+    td?: ComponentTypeCompat<{
+        table: prismic.TableFieldDataCell;
+    }>;
 };
+type ComponentTypeCompat<Props extends Record<string, any> = any> = Component<Props> | ComponentType<SvelteComponent<Props>>;
+export type ComponentCompat<Props extends Record<string, any> = any> = Component<Props> | (new (...args: any[]) => SvelteComponent<Partial<Props>>);
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@prismicio/svelte",
-	"version": "1.5.0",
+	"version": "1.6.0-alpha.0",
 	"description": "Svelte components to present Prismic content.",
 	"keywords": [
 		"typescript",
@@ -61,40 +61,39 @@
 		"unit:watch": "vitest watch"
 	},
 	"dependencies": {
-		"@prismicio/richtext": "^2.1.5",
+		"@prismicio/client": "^7.17.2",
 		"esm-env": "^1.0.0"
 	},
 	"devDependencies": {
-		"@prismicio/client": "^7.17.0",
 		"@prismicio/mock": "^0.7.1",
-		"@size-limit/preset-small-lib": "^11.0.1",
-		"@sveltejs/kit": "^2.0.0",
-		"@sveltejs/package": "^2.2.3",
-		"@sveltejs/vite-plugin-svelte": "^3.0.1",
-		"@testing-library/svelte": "^4.0.5",
+		"@size-limit/preset-small-lib": "^11.2.0",
+		"@sveltejs/kit": "^2.21.0",
+		"@sveltejs/package": "^2.3.11",
+		"@sveltejs/vite-plugin-svelte": "^3.1.2",
+		"@testing-library/svelte": "^4.2.3",
 		"@trivago/prettier-plugin-sort-imports": "^4.3.0",
-		"@typescript-eslint/eslint-plugin": "^6.14.0",
-		"@typescript-eslint/parser": "^6.14.0",
-		"@vitest/coverage-v8": "^1.0.4",
-		"eslint": "^8.55.0",
+		"@typescript-eslint/eslint-plugin": "^6.21.0",
+		"@typescript-eslint/parser": "^6.21.0",
+		"@vitest/coverage-v8": "^1.6.1",
+		"eslint": "^8.57.1",
 		"eslint-config-prettier": "^9.1.0",
-		"eslint-plugin-prettier": "^5.0.1",
-		"eslint-plugin-svelte": "^2.35.1",
+		"eslint-plugin-prettier": "^5.4.0",
+		"eslint-plugin-svelte": "^2.46.1",
 		"eslint-plugin-tsdoc": "^0.2.17",
 		"happy-dom": "^12.10.3",
-		"prettier": "^3.1.1",
-		"prettier-plugin-jsdoc": "^1.1.1",
-		"prettier-plugin-svelte": "^3.1.2",
-		"size-limit": "^11.0.1",
+		"prettier": "^3.5.3",
+		"prettier-plugin-jsdoc": "^1.3.2",
+		"prettier-plugin-svelte": "^3.3.3",
+		"size-limit": "^11.2.0",
 		"standard-version": "^9.5.0",
-		"svelte": "^4.2.0",
-		"typescript": "^5.3.3",
-		"vitest": "^1.0.4"
+		"svelte": "^4.2.19",
+		"typescript": "^5.8.3",
+		"vitest": "^1.6.1"
 	},
 	"peerDependencies": {
 		"@prismicio/client": ">=7",
 		"@sveltejs/kit": ">=1",
-		"svelte": ">=4 || ^5.0.0-next.1"
+		"svelte": ">=4"
 	},
 	"peerDependenciesMeta": {
 		"@sveltejs/kit": {

package/src/PrismicRichText/PrismicRichText.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { asTree } from "@prismicio/richtext";
+	import { asTree } from "@prismicio/client/richtext";
 	import type { RichTextField } from "@prismicio/client";
 
 	import type { SvelteRichTextSerializer } from "../types";

package/src/PrismicRichText/Serialize.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import type { asTree } from "@prismicio/richtext";
+	import type { asTree } from "@prismicio/client/richtext";
 
 	import type { SvelteRichTextSerializer } from "../types";
 

package/src/SliceZone/SliceZone.svelte

@@ -1,6 +1,8 @@
 <script lang="ts">
 	import TodoComponent from "./TodoComponent.svelte";
 
+	import { ComponentCompat } from "../types";
+
 	import type * as prismic from "@prismicio/client";
 	import type { SvelteComponent } from "svelte";
 
@@ -82,7 +84,7 @@
 	 * };
 	 * ```
 	 */
-	export let components: SliceComponents = {};
+	export let components: Record<string, ComponentCompat<any>> = {};
 
 	/**
 	 * Arbitrary data passed to all Slice components as a `context` prop.

package/src/types.ts

@@ -1,37 +1,51 @@
-import type {
-	RTAnyNode,
-	RichTextNodeType,
-	TableField,
-	TableFieldBody,
-	TableFieldBodyRow,
-	TableFieldDataCell,
-	TableFieldHead,
-	TableFieldHeadRow,
-	TableFieldHeaderCell,
-} from "@prismicio/client";
-import type { ComponentType, SvelteComponent } from "svelte";
+import type * as prismic from "@prismicio/client";
+import type { Component, ComponentType, SvelteComponent } from "svelte";
 
-export type SvelteRichTextSerializer = Partial<
-	Record<keyof typeof RichTextNodeType, SvelteRichTextComponent>
->;
-
-type SvelteRichTextComponent = new (
-	// eslint-disable-next-line @typescript-eslint/no-explicit-any
-	...args: any[]
-) => SvelteComponent<
-	Partial<{
-		node: RTAnyNode;
-	}>
->;
+export type SvelteRichTextSerializer = {
+	heading1?: ComponentCompat<{ node: prismic.RTHeading1Node }>;
+	heading2?: ComponentCompat<{ node: prismic.RTHeading2Node }>;
+	heading3?: ComponentCompat<{ node: prismic.RTHeading3Node }>;
+	heading4?: ComponentCompat<{ node: prismic.RTHeading4Node }>;
+	heading5?: ComponentCompat<{ node: prismic.RTHeading5Node }>;
+	heading6?: ComponentCompat<{ node: prismic.RTHeading6Node }>;
+	paragraph?: ComponentCompat<{ node: prismic.RTParagraphNode }>;
+	preformatted?: ComponentCompat<{ node: prismic.RTPreformattedNode }>;
+	strong?: ComponentCompat<{ node: prismic.RTStrongNode }>;
+	em?: ComponentCompat<{ node: prismic.RTEmNode }>;
+	listItem?: ComponentCompat<{ node: prismic.RTListItemNode }>;
+	oListItem?: ComponentCompat<{ node: prismic.RTOListItemNode }>;
+	list?: ComponentCompat<{ node: prismic.RTListNode }>;
+	oList?: ComponentCompat<{ node: prismic.RTOListNode }>;
+	image?: ComponentCompat<{ node: prismic.RTImageNode }>;
+	embed?: ComponentCompat<{ node: prismic.RTEmbedNode }>;
+	hyperlink?: ComponentCompat<{ node: prismic.RTLinkNode }>;
+	label?: ComponentCompat<{ node: prismic.RTLabelNode }>;
+	span?: ComponentCompat<{ node: prismic.RTSpanNode }>;
+};
 
 // Define the type for the components prop
 export type TableComponents = {
-	table?: ComponentType<SvelteComponent<{ table: TableField<"filled"> }>>;
-	thead?: ComponentType<SvelteComponent<{ head: TableFieldHead }>>;
-	tbody?: ComponentType<SvelteComponent<{ body: TableFieldBody }>>;
-	tr?: ComponentType<
-		SvelteComponent<{ row: TableFieldHeadRow | TableFieldBodyRow }>
-	>;
-	th?: ComponentType<SvelteComponent<{ table: TableFieldHeaderCell }>>;
-	td?: ComponentType<SvelteComponent<{ table: TableFieldDataCell }>>;
+	table?: ComponentTypeCompat<{ table: prismic.TableField<"filled"> }>;
+	thead?: ComponentTypeCompat<{ head: prismic.TableFieldHead }>;
+	tbody?: ComponentTypeCompat<{ body: prismic.TableFieldBody }>;
+	tr?: ComponentTypeCompat<{
+		row: prismic.TableFieldHeadRow | prismic.TableFieldBodyRow;
+	}>;
+	th?: ComponentTypeCompat<{ table: prismic.TableFieldHeaderCell }>;
+	td?: ComponentTypeCompat<{ table: prismic.TableFieldDataCell }>;
 };
+
+// Compatibility type helpers for better compatibility with Svelte 4 and 5.
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+type ComponentTypeCompat<Props extends Record<string, any> = any> =
+	| Component<Props>
+	| ComponentType<SvelteComponent<Props>>;
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export type ComponentCompat<Props extends Record<string, any> = any> =
+	| Component<Props>
+	| (new (
+			// eslint-disable-next-line @typescript-eslint/no-explicit-any
+			...args: any[]
+	  ) => SvelteComponent<Partial<Props>>);