@prismicio/react 3.4.2-pr.270.b8e16cb → 3.4.2-pr.271.d473965

package/dist/PrismicImage.d.ts

@@ -1,17 +1,17 @@
 import { ImageFieldImage, asImagePixelDensitySrcSet, asImageWidthSrcSet } from "@prismicio/client";
 import { ComponentProps, FC, ReactNode } from "react";
-
 //#region src/PrismicImage.d.ts
 type ImgixURLParams = Omit<NonNullable<Parameters<typeof asImageWidthSrcSet>[1]>, "widths"> & Omit<NonNullable<Parameters<typeof asImagePixelDensitySrcSet>[1]>, "pixelDensities">;
 /** Props for `<PrismicImage>`. */
-type PrismicImageProps = Omit<ComponentProps<"img">, "src" | "srcset" | "alt"> & {
-  /** The Prismic image field or thumbnail to render. */field: ImageFieldImage | null | undefined;
+export type PrismicImageProps = Omit<ComponentProps<"img">, "src" | "srcset" | "alt"> & {
+  /** 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?: { [P in keyof ImgixURLParams]: ImgixURLParams[P] | null };
+  imgixParams?: { [P in keyof ImgixURLParams]: ImgixURLParams[P] | null; };
   /**
    * Declare an image as decorative by providing `alt=""`.
    *
@@ -40,10 +40,12 @@ type PrismicImageProps = Omit<ComponentProps<"img">, "src" | "srcset" | "alt"> &
    * 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"; /** Not used when the `widths` prop is used. */
+  widths?: NonNullable<Parameters<typeof asImageWidthSrcSet>[1]>["widths"] | "defaults";
+  /** Not used when the `widths` prop is used. */
   pixelDensities?: never;
 } | {
-  /** Not used when the `widths` prop is used. */widths?: never;
+  /** Not used when the `widths` prop is used. */
+  widths?: never;
   /**
    * Pixel densities used to build a `srcset` value for the image field.
    *
@@ -62,7 +64,6 @@ type PrismicImageProps = Omit<ComponentProps<"img">, "src" | "srcset" | "alt"> &
  *
  * @see Learn how to optimize images with imgix, use responsive images, and use framework-specific image components: {@link https://prismic.io/docs/fields/image}
  */
-declare const PrismicImage: FC<PrismicImageProps>;
+export declare const PrismicImage: FC<PrismicImageProps>;
 //#endregion
-export { PrismicImage, PrismicImageProps };
 //# sourceMappingURL=PrismicImage.d.ts.map

package/dist/PrismicImage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PrismicImage.d.ts","names":[],"sources":["../src/PrismicImage.tsx"],"mappings":";;;;KAWK,cAAA,GAAiB,IAAA,CAAK,WAAA,CAAY,UAAA,QAAkB,kBAAA,mBACxD,IAAA,CAAK,WAAA,CAAY,UAAA,QAAkB,yBAAA;;KAGxB,iBAAA,GAAoB,IAAA,CAAK,cAAA;EAJlB,sDAMlB,KAAA,EAAO,eAAA;EANiD;;;;;EAaxD,WAAA,iBAA4B,cAAA,GAAiB,cAAA,CAAe,CAAA;EAZxD;;;;;EAmBJ,GAAA;EAnBA;;;;;;EA2BA,WAAA;EAxB4B;;;;EA8B5B,QAAA,GAAW,SAAA;AAAA;EArBkC;;;;;;;;;EAiC1C,MAAA,GAAS,WAAA,CAAY,UAAA,QAAkB,kBAAA,8BAczB;EAZd,cAAA;AAAA;EA1CH,+CA8CG,MAAA;EAvCH;;;;;;EA8CG,cAAA,EACG,WAAA,CAAY,UAAA,QAAkB,yBAAA;AAAA;;;;;;;;;;;cAexB,YAAA,EAAc,EAAA,CAAG,iBAAA"}
+{"version":3,"file":"PrismicImage.d.ts","names":[],"sources":["../src/PrismicImage.tsx"],"mappings":";;;KAWK,iBAAiB,KAAK,YAAY,kBAAkB,qCACxD,KAAK,YAAY,kBAAkB;;YAGxB,oBAAoB,KAAK;;EAEpC,OAAO;;;;;;EAOP,iBAAiB,WAAW,iBAAiB,eAAe;;;;;;EAO5D;;;;;;;EAQA;;;;;EAMA,WAAW;;;;;;;;;;;EAYR,SAAS,YAAY,kBAAkB;;EAEvC;;;EAIA;;;;;;;EAOA,gBACG,YAAY,kBAAkB;;;;;;;;;;;;qBAexB,cAAc,GAAG"}

package/dist/PrismicImage.js

@@ -22,8 +22,8 @@ const PrismicImage = forwardRef(function PrismicImage(props, ref) {
 		if (widths && pixelDensities) console.warn(`[PrismicImage] Only one of "widths" or "pixelDensities" props can be provided. You can resolve this warning by removing either the "widths" or "pixelDensities" prop. "widths" will be used in this case.`);
 	}
 	if (!isFilled.imageThumbnail(field)) return /* @__PURE__ */ jsx(Fragment$1, { children: fallback });
-	const resolvedImgixParams = imgixParams;
-	for (const x in imgixParams) if (resolvedImgixParams[x] === null) resolvedImgixParams[x] = void 0;
+	const resolvedImgixParams = { ...imgixParams };
+	for (const x in resolvedImgixParams) if (resolvedImgixParams[x] === null) resolvedImgixParams[x] = void 0;
 	let src;
 	let srcSet;
 	if (widths || !pixelDensities) {

package/dist/PrismicImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"PrismicImage.js","names":[],"sources":["../src/PrismicImage.tsx"],"sourcesContent":["import {\n\ttype ImageFieldImage,\n\tasImagePixelDensitySrcSet,\n\tasImageWidthSrcSet,\n\tisFilled,\n} from \"@prismicio/client\"\nimport { DEV } from \"esm-env\"\nimport { type ForwardedRef, forwardRef, type ComponentProps, type FC, type ReactNode } from \"react\"\n\nimport { devMsg } from \"./lib/devMsg.js\"\n\ntype ImgixURLParams = Omit<NonNullable<Parameters<typeof asImageWidthSrcSet>[1]>, \"widths\"> &\n\tOmit<NonNullable<Parameters<typeof asImagePixelDensitySrcSet>[1]>, \"pixelDensities\">\n\n/** Props for `<PrismicImage>`. */\nexport type PrismicImageProps = Omit<ComponentProps<\"img\">, \"src\" | \"srcset\" | \"alt\"> & {\n\t/** The Prismic image field or thumbnail to render. */\n\tfield: ImageFieldImage | null | undefined\n\n\t/**\n\t * An object of Imgix URL API parameters to transform the image.\n\t *\n\t * See: https://docs.imgix.com/apis/rendering\n\t */\n\timgixParams?: { [P in keyof ImgixURLParams]: ImgixURLParams[P] | null }\n\n\t/**\n\t * Declare an image as decorative by providing `alt=\"\"`.\n\t *\n\t * See: https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/alt#decorative_images\n\t */\n\talt?: \"\"\n\n\t/**\n\t * Declare an image as decorative only if the image field does not have alternative text by\n\t * providing `fallbackAlt=\"\"`.\n\t *\n\t * See: https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/alt#decorative_images\n\t */\n\tfallbackAlt?: \"\"\n\n\t/**\n\t * The value to be rendered when the field is empty. If a fallback is not given, `null` will be\n\t * rendered.\n\t */\n\tfallback?: ReactNode\n} & (\n\t\t| {\n\t\t\t\t/**\n\t\t\t\t * Widths (in pixels) used to build a `srcset` value for the image field.\n\t\t\t\t *\n\t\t\t\t * If omitted or set to `\"defaults\"`, the following widths will be used: 640, 750, 828,\n\t\t\t\t * 1080, 1200, 1920, 2048, 3840.\n\t\t\t\t *\n\t\t\t\t * If the image field contains responsive views, each responsive view can be used as a width\n\t\t\t\t * in the resulting `srcset` by passing `\"thumbnails\"` as the `widths` prop.\n\t\t\t\t */\n\t\t\t\twidths?: NonNullable<Parameters<typeof asImageWidthSrcSet>[1]>[\"widths\"] | \"defaults\"\n\t\t\t\t/** Not used when the `widths` prop is used. */\n\t\t\t\tpixelDensities?: never\n\t\t  }\n\t\t| {\n\t\t\t\t/** Not used when the `widths` prop is used. */\n\t\t\t\twidths?: never\n\t\t\t\t/**\n\t\t\t\t * Pixel densities used to build a `srcset` value for the image field.\n\t\t\t\t *\n\t\t\t\t * If a `pixelDensities` prop is passed `\"defaults\"`, the following pixel densities will be\n\t\t\t\t * used: 1, 2, 3.\n\t\t\t\t */\n\t\t\t\tpixelDensities:\n\t\t\t\t\t| NonNullable<Parameters<typeof asImagePixelDensitySrcSet>[1]>[\"pixelDensities\"]\n\t\t\t\t\t| \"defaults\"\n\t\t  }\n\t)\n\n/**\n * Renders an optimized image from a Prismic image field.\n *\n * @example\n * \t;```tsx\n * \t<PrismicImage field={slice.primary.photo} />;\n * \t```\n *\n * @see Learn how to optimize images with imgix, use responsive images, and use framework-specific image components: {@link https://prismic.io/docs/fields/image}\n */\nexport const PrismicImage: FC<PrismicImageProps> = forwardRef(function PrismicImage(\n\tprops: PrismicImageProps,\n\tref: ForwardedRef<HTMLImageElement>,\n) {\n\tconst {\n\t\tfield,\n\t\talt,\n\t\tfallbackAlt,\n\t\timgixParams = {},\n\t\twidths,\n\t\tpixelDensities,\n\t\tfallback,\n\t\t...restProps\n\t} = props\n\n\tif (DEV) {\n\t\tif (typeof alt === \"string\" && alt !== \"\") {\n\t\t\tconsole.warn(\n\t\t\t\t`[PrismicImage] The \"alt\" prop can only be used to declare an image as decorative by passing an empty string (alt=\"\") but was provided a non-empty string. You can resolve this warning by removing the \"alt\" prop or changing it to alt=\"\". For more details, see ${devMsg(\n\t\t\t\t\t\"alt-must-be-an-empty-string\",\n\t\t\t\t)}`,\n\t\t\t)\n\t\t}\n\n\t\tif (typeof fallbackAlt === \"string\" && fallbackAlt !== \"\") {\n\t\t\tconsole.warn(\n\t\t\t\t`[PrismicImage] The \"fallbackAlt\" prop can only be used to declare an image as decorative by passing an empty string (fallbackAlt=\"\") but was provided a non-empty string. You can resolve this warning by removing the \"fallbackAlt\" prop or changing it to fallbackAlt=\"\". For more details, see ${devMsg(\n\t\t\t\t\t\"alt-must-be-an-empty-string\",\n\t\t\t\t)}`,\n\t\t\t)\n\t\t}\n\n\t\tif (widths && pixelDensities) {\n\t\t\tconsole.warn(\n\t\t\t\t`[PrismicImage] Only one of \"widths\" or \"pixelDensities\" props can be provided. You can resolve this warning by removing either the \"widths\" or \"pixelDensities\" prop. \"widths\" will be used in this case.`,\n\t\t\t)\n\t\t}\n\t}\n\n\tif (!isFilled.imageThumbnail(field)) {\n\t\treturn <>{fallback}</>\n\t}\n\n\tconst resolvedImgixParams = imgixParams\n\tfor (const x in imgixParams) {\n\t\tif (resolvedImgixParams[x as keyof typeof resolvedImgixParams] === null) {\n\t\t\tresolvedImgixParams[x as keyof typeof resolvedImgixParams] = undefined\n\t\t}\n\t}\n\n\tlet src: string | undefined\n\tlet srcSet: string | undefined\n\n\tif (widths || !pixelDensities) {\n\t\tconst res = asImageWidthSrcSet(field, {\n\t\t\t...resolvedImgixParams,\n\t\t\twidths: widths === \"defaults\" ? undefined : widths,\n\t\t} as ImgixURLParams)\n\n\t\tsrc = res.src\n\t\tsrcSet = res.srcset\n\t} else if (pixelDensities) {\n\t\tconst res = asImagePixelDensitySrcSet(field, {\n\t\t\t...resolvedImgixParams,\n\t\t\tpixelDensities: pixelDensities === \"defaults\" ? undefined : pixelDensities,\n\t\t} as ImgixURLParams)\n\n\t\tsrc = res.src\n\t\tsrcSet = res.srcset\n\t}\n\n\treturn (\n\t\t<img\n\t\t\tref={ref}\n\t\t\tsrc={src}\n\t\t\tsrcSet={srcSet}\n\t\t\talt={alt ?? (field.alt || fallbackAlt)}\n\t\t\t{...restProps}\n\t\t/>\n\t)\n})\n"],"mappings":";;;;;;;;;;;;;;;;AAsFA,MAAa,eAAsC,WAAW,SAAS,aACtE,OACA,KACC;CACD,MAAM,EACL,OACA,KACA,aACA,cAAc,EAAE,EAChB,QACA,gBACA,UACA,GAAG,cACA;AAEJ,KAAI,KAAK;AACR,MAAI,OAAO,QAAQ,YAAY,QAAQ,GACtC,SAAQ,KACP,qQAAqQ,OACpQ,8BACA,GACD;AAGF,MAAI,OAAO,gBAAgB,YAAY,gBAAgB,GACtD,SAAQ,KACP,qSAAqS,OACpS,8BACA,GACD;AAGF,MAAI,UAAU,eACb,SAAQ,KACP,4MACA;;AAIH,KAAI,CAAC,SAAS,eAAe,MAAM,CAClC,QAAO,oBAAA,YAAA,EAAA,UAAG,UAAY,CAAA;CAGvB,MAAM,sBAAsB;AAC5B,MAAK,MAAM,KAAK,YACf,KAAI,oBAAoB,OAA2C,KAClE,qBAAoB,KAAyC,KAAA;CAI/D,IAAI;CACJ,IAAI;AAEJ,KAAI,UAAU,CAAC,gBAAgB;EAC9B,MAAM,MAAM,mBAAmB,OAAO;GACrC,GAAG;GACH,QAAQ,WAAW,aAAa,KAAA,IAAY;GAC5C,CAAmB;AAEpB,QAAM,IAAI;AACV,WAAS,IAAI;YACH,gBAAgB;EAC1B,MAAM,MAAM,0BAA0B,OAAO;GAC5C,GAAG;GACH,gBAAgB,mBAAmB,aAAa,KAAA,IAAY;GAC5D,CAAmB;AAEpB,QAAM,IAAI;AACV,WAAS,IAAI;;AAGd,QACC,oBAAC,OAAD;EACM;EACA;EACG;EACR,KAAK,QAAQ,MAAM,OAAO;EAC1B,GAAI;EACH,CAAA;EAEF"}
+{"version":3,"file":"PrismicImage.js","names":[],"sources":["../src/PrismicImage.tsx"],"sourcesContent":["import {\n\ttype ImageFieldImage,\n\tasImagePixelDensitySrcSet,\n\tasImageWidthSrcSet,\n\tisFilled,\n} from \"@prismicio/client\"\nimport { DEV } from \"esm-env\"\nimport { type ForwardedRef, forwardRef, type ComponentProps, type FC, type ReactNode } from \"react\"\n\nimport { devMsg } from \"./lib/devMsg.js\"\n\ntype ImgixURLParams = Omit<NonNullable<Parameters<typeof asImageWidthSrcSet>[1]>, \"widths\"> &\n\tOmit<NonNullable<Parameters<typeof asImagePixelDensitySrcSet>[1]>, \"pixelDensities\">\n\n/** Props for `<PrismicImage>`. */\nexport type PrismicImageProps = Omit<ComponentProps<\"img\">, \"src\" | \"srcset\" | \"alt\"> & {\n\t/** The Prismic image field or thumbnail to render. */\n\tfield: ImageFieldImage | null | undefined\n\n\t/**\n\t * An object of Imgix URL API parameters to transform the image.\n\t *\n\t * See: https://docs.imgix.com/apis/rendering\n\t */\n\timgixParams?: { [P in keyof ImgixURLParams]: ImgixURLParams[P] | null }\n\n\t/**\n\t * Declare an image as decorative by providing `alt=\"\"`.\n\t *\n\t * See: https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/alt#decorative_images\n\t */\n\talt?: \"\"\n\n\t/**\n\t * Declare an image as decorative only if the image field does not have alternative text by\n\t * providing `fallbackAlt=\"\"`.\n\t *\n\t * See: https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/alt#decorative_images\n\t */\n\tfallbackAlt?: \"\"\n\n\t/**\n\t * The value to be rendered when the field is empty. If a fallback is not given, `null` will be\n\t * rendered.\n\t */\n\tfallback?: ReactNode\n} & (\n\t\t| {\n\t\t\t\t/**\n\t\t\t\t * Widths (in pixels) used to build a `srcset` value for the image field.\n\t\t\t\t *\n\t\t\t\t * If omitted or set to `\"defaults\"`, the following widths will be used: 640, 750, 828,\n\t\t\t\t * 1080, 1200, 1920, 2048, 3840.\n\t\t\t\t *\n\t\t\t\t * If the image field contains responsive views, each responsive view can be used as a width\n\t\t\t\t * in the resulting `srcset` by passing `\"thumbnails\"` as the `widths` prop.\n\t\t\t\t */\n\t\t\t\twidths?: NonNullable<Parameters<typeof asImageWidthSrcSet>[1]>[\"widths\"] | \"defaults\"\n\t\t\t\t/** Not used when the `widths` prop is used. */\n\t\t\t\tpixelDensities?: never\n\t\t  }\n\t\t| {\n\t\t\t\t/** Not used when the `widths` prop is used. */\n\t\t\t\twidths?: never\n\t\t\t\t/**\n\t\t\t\t * Pixel densities used to build a `srcset` value for the image field.\n\t\t\t\t *\n\t\t\t\t * If a `pixelDensities` prop is passed `\"defaults\"`, the following pixel densities will be\n\t\t\t\t * used: 1, 2, 3.\n\t\t\t\t */\n\t\t\t\tpixelDensities:\n\t\t\t\t\t| NonNullable<Parameters<typeof asImagePixelDensitySrcSet>[1]>[\"pixelDensities\"]\n\t\t\t\t\t| \"defaults\"\n\t\t  }\n\t)\n\n/**\n * Renders an optimized image from a Prismic image field.\n *\n * @example\n * \t;```tsx\n * \t<PrismicImage field={slice.primary.photo} />;\n * \t```\n *\n * @see Learn how to optimize images with imgix, use responsive images, and use framework-specific image components: {@link https://prismic.io/docs/fields/image}\n */\nexport const PrismicImage: FC<PrismicImageProps> = forwardRef(function PrismicImage(\n\tprops: PrismicImageProps,\n\tref: ForwardedRef<HTMLImageElement>,\n) {\n\tconst {\n\t\tfield,\n\t\talt,\n\t\tfallbackAlt,\n\t\timgixParams = {},\n\t\twidths,\n\t\tpixelDensities,\n\t\tfallback,\n\t\t...restProps\n\t} = props\n\n\tif (DEV) {\n\t\tif (typeof alt === \"string\" && alt !== \"\") {\n\t\t\tconsole.warn(\n\t\t\t\t`[PrismicImage] The \"alt\" prop can only be used to declare an image as decorative by passing an empty string (alt=\"\") but was provided a non-empty string. You can resolve this warning by removing the \"alt\" prop or changing it to alt=\"\". For more details, see ${devMsg(\n\t\t\t\t\t\"alt-must-be-an-empty-string\",\n\t\t\t\t)}`,\n\t\t\t)\n\t\t}\n\n\t\tif (typeof fallbackAlt === \"string\" && fallbackAlt !== \"\") {\n\t\t\tconsole.warn(\n\t\t\t\t`[PrismicImage] The \"fallbackAlt\" prop can only be used to declare an image as decorative by passing an empty string (fallbackAlt=\"\") but was provided a non-empty string. You can resolve this warning by removing the \"fallbackAlt\" prop or changing it to fallbackAlt=\"\". For more details, see ${devMsg(\n\t\t\t\t\t\"alt-must-be-an-empty-string\",\n\t\t\t\t)}`,\n\t\t\t)\n\t\t}\n\n\t\tif (widths && pixelDensities) {\n\t\t\tconsole.warn(\n\t\t\t\t`[PrismicImage] Only one of \"widths\" or \"pixelDensities\" props can be provided. You can resolve this warning by removing either the \"widths\" or \"pixelDensities\" prop. \"widths\" will be used in this case.`,\n\t\t\t)\n\t\t}\n\t}\n\n\tif (!isFilled.imageThumbnail(field)) {\n\t\treturn <>{fallback}</>\n\t}\n\n\tconst resolvedImgixParams = { ...imgixParams }\n\tfor (const x in resolvedImgixParams) {\n\t\tif (resolvedImgixParams[x as keyof typeof resolvedImgixParams] === null) {\n\t\t\tresolvedImgixParams[x as keyof typeof resolvedImgixParams] = undefined\n\t\t}\n\t}\n\n\tlet src: string | undefined\n\tlet srcSet: string | undefined\n\n\tif (widths || !pixelDensities) {\n\t\tconst res = asImageWidthSrcSet(field, {\n\t\t\t...resolvedImgixParams,\n\t\t\twidths: widths === \"defaults\" ? undefined : widths,\n\t\t} as ImgixURLParams)\n\n\t\tsrc = res.src\n\t\tsrcSet = res.srcset\n\t} else if (pixelDensities) {\n\t\tconst res = asImagePixelDensitySrcSet(field, {\n\t\t\t...resolvedImgixParams,\n\t\t\tpixelDensities: pixelDensities === \"defaults\" ? undefined : pixelDensities,\n\t\t} as ImgixURLParams)\n\n\t\tsrc = res.src\n\t\tsrcSet = res.srcset\n\t}\n\n\treturn (\n\t\t<img\n\t\t\tref={ref}\n\t\t\tsrc={src}\n\t\t\tsrcSet={srcSet}\n\t\t\talt={alt ?? (field.alt || fallbackAlt)}\n\t\t\t{...restProps}\n\t\t/>\n\t)\n})\n"],"mappings":";;;;;;;;;;;;;;;;AAsFA,MAAa,eAAsC,WAAW,SAAS,aACtE,OACA,KACC;CACD,MAAM,EACL,OACA,KACA,aACA,cAAc,CAAC,GACf,QACA,gBACA,UACA,GAAG,cACA;CAEJ,IAAI,KAAK;EACR,IAAI,OAAO,QAAQ,YAAY,QAAQ,IACtC,QAAQ,KACP,qQAAqQ,OACpQ,6BACD,GACD;EAGD,IAAI,OAAO,gBAAgB,YAAY,gBAAgB,IACtD,QAAQ,KACP,qSAAqS,OACpS,6BACD,GACD;EAGD,IAAI,UAAU,gBACb,QAAQ,KACP,2MACD;CAEF;CAEA,IAAI,CAAC,SAAS,eAAe,KAAK,GACjC,OAAO,oBAAA,YAAA,EAAA,UAAG,SAAW,CAAA;CAGtB,MAAM,sBAAsB,EAAE,GAAG,YAAY;CAC7C,KAAK,MAAM,KAAK,qBACf,IAAI,oBAAoB,OAA2C,MAClE,oBAAoB,KAAyC,KAAA;CAI/D,IAAI;CACJ,IAAI;CAEJ,IAAI,UAAU,CAAC,gBAAgB;EAC9B,MAAM,MAAM,mBAAmB,OAAO;GACrC,GAAG;GACH,QAAQ,WAAW,aAAa,KAAA,IAAY;EAC7C,CAAmB;EAEnB,MAAM,IAAI;EACV,SAAS,IAAI;CACd,OAAO,IAAI,gBAAgB;EAC1B,MAAM,MAAM,0BAA0B,OAAO;GAC5C,GAAG;GACH,gBAAgB,mBAAmB,aAAa,KAAA,IAAY;EAC7D,CAAmB;EAEnB,MAAM,IAAI;EACV,SAAS,IAAI;CACd;CAEA,OACC,oBAAC,OAAD;EACM;EACA;EACG;EACR,KAAK,QAAQ,MAAM,OAAO;EAC1B,GAAI;CACJ,CAAA;AAEH,CAAC"}

package/dist/PrismicLink.d.ts

@@ -1,11 +1,10 @@
 import { AsLinkAttrsConfig, LinkField, LinkResolverFunction, PrismicDocument } from "@prismicio/client";
 import { ComponentProps, ComponentType, ForwardedRef, HTMLAttributeAnchorTarget, ReactNode } from "react";
-
 //#region src/PrismicLink.d.ts
 /** The default component rendered for internal and external links. */
 declare const defaultComponent = "a";
 /** Props provided to a component when rendered with `<PrismicLink>`. */
-interface LinkProps {
+export interface LinkProps {
   /** The URL to link. */
   href: string;
   /**
@@ -21,7 +20,7 @@ interface LinkProps {
   /** Children for the component. */
   children?: ReactNode;
 }
-type PrismicLinkProps<InternalComponentProps = ComponentProps<typeof defaultComponent>, ExternalComponentProps = ComponentProps<typeof defaultComponent>> = Omit<InternalComponentProps & ExternalComponentProps, "rel" | "href" | "children"> & {
+export type PrismicLinkProps<InternalComponentProps = ComponentProps<typeof defaultComponent>, ExternalComponentProps = ComponentProps<typeof defaultComponent>> = Omit<InternalComponentProps & ExternalComponentProps, "rel" | "href" | "children"> & {
   /**
    * 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
@@ -43,7 +42,8 @@ type PrismicLinkProps<InternalComponentProps = ComponentProps<typeof defaultComp
    * If your app uses a client-side router that requires a special Link component, provide the Link
    * component to this prop.
    */
-  internalComponent?: ComponentType<InternalComponentProps>; /** The component rendered for external URLs. Defaults to `<a>`. */
+  internalComponent?: ComponentType<InternalComponentProps>;
+  /** The component rendered for external URLs. Defaults to `<a>`. */
   externalComponent?: ComponentType<ExternalComponentProps>;
   /**
    * The children to render for the link. If no children are provided, the link's `text` property
@@ -73,9 +73,8 @@ type PrismicLinkProps<InternalComponentProps = ComponentProps<typeof defaultComp
  *
  * @see Learn how to display links and use variants for styling: {@link https://prismic.io/docs/fields/link}
  */
-declare const PrismicLink: <InternalComponentProps = ComponentProps<typeof defaultComponent>, ExternalComponentProps = ComponentProps<typeof defaultComponent>>(props: PrismicLinkProps<InternalComponentProps, ExternalComponentProps> & {
+export declare const PrismicLink: <InternalComponentProps = ComponentProps<typeof defaultComponent>, ExternalComponentProps = ComponentProps<typeof defaultComponent>>(props: PrismicLinkProps<InternalComponentProps, ExternalComponentProps> & {
   ref?: ForwardedRef<Element>;
 }) => ReactNode;
 //#endregion
-export { LinkProps, PrismicLink, PrismicLinkProps };
 //# sourceMappingURL=PrismicLink.d.ts.map

package/dist/PrismicLink.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PrismicLink.d.ts","names":[],"sources":["../src/PrismicLink.tsx"],"mappings":";;;;;cAoBM,gBAAA;AALQ;AAAA,UAQG,SAAA;;EAEhB,IAAA;EALqB;AAGtB;;;EAQC,MAAA,GAAS,yBAAA;EANT;;;;EAYA,GAAA;EAGW;EAAX,QAAA,GAAW,SAAA;AAAA;AAAA,KAGA,gBAAA,0BACc,cAAA,QAAsB,gBAAA,4BACtB,cAAA,QAAsB,gBAAA,KAC5C,IAAA,CAAK,sBAAA,GAAyB,sBAAA;EAHN;;;;;EAS3B,GAAA,YAAe,iBAAA;EANP;;;;;;;;EAgBR,YAAA,GAAe,oBAAA;EAiBJ;;;;;;EATX,iBAAA,GAAoB,aAAA,CAAc,sBAAA,GA1BlC;EA6BA,iBAAA,GAAoB,aAAA,CAAc,sBAAA;EA7Ba;;;;EAmC/C,QAAA,GAAW,SAAA;AAAA;EAGR,QAAA,EAAU,eAAA;EACV,IAAA;EACA,KAAA;AAAA;EAGA,KAAA,EAAO,SAAA;EACP,IAAA;EACA,QAAA;AAAA;EAGA,IAAA,EAAM,SAAA;EACN,KAAA,GAAQ,SAAA;EACR,QAAA;AAAA;;;;;;;;;;;cAcS,WAAA,4BAkFa,cAAA,QAAsB,gBAAA,4BACtB,cAAA,QAAsB,gBAAA,GAE/C,KAAA,EAAO,gBAAA,CAAiB,sBAAA,EAAwB,sBAAA;EAC/C,GAAA,GAAM,YAAA,CAAa,OAAA;AAAA,MAEhB,SAAA"}
+{"version":3,"file":"PrismicLink.d.ts","names":[],"sources":["../src/PrismicLink.tsx"],"mappings":";;;;cAoBM;;iBAGW;;EAEhB;;;;;EAMA,SAAS;;;;;EAMT;;EAGA,WAAW;;YAGA,iBACX,yBAAyB,sBAAsB,mBAC/C,yBAAyB,sBAAsB,qBAC5C,KAAK,yBAAyB;;;;;;EAMjC,eAAe;;;;;;;;;EAUf,eAAe;;;;;;;EAQf,oBAAoB,cAAc;;EAGlC,oBAAoB,cAAc;;;;;EAMlC,WAAW;;EAGR,UAAU;EACV;EACA;;EAGA,OAAO;EACP;EACA;;EAGA,MAAM;EACN,QAAQ;EACR;;;;;;;;;;;;qBAcS,cAkFZ,yBAAyB,sBAAsB,mBAC/C,yBAAyB,sBAAsB,mBAE/C,OAAO,iBAAiB,wBAAwB;EAC/C,MAAM,aAAa;MAEhB"}

package/dist/PrismicLink.js

@@ -37,7 +37,8 @@ const PrismicLink = forwardRef(function PrismicLink(props, ref) {
 	const href = ("href" in restProps ? restProps.href : computedHref) || "";
 	const InternalComponent = internalComponent || defaultComponent;
 	const ExternalComponent = externalComponent || defaultComponent;
-	return /* @__PURE__ */ jsx(href ? isInternalURL(href) ? InternalComponent : ExternalComponent : InternalComponent, {
+	const Component = href ? isInternalURL(href) ? InternalComponent : ExternalComponent : InternalComponent;
+	return /* @__PURE__ */ jsx(Component, {
 		ref,
 		...attrs,
 		...restProps,
@@ -58,6 +59,6 @@ function isInternalURL(url) {
 	return isInternal && !isSpecialLink;
 }
 //#endregion
-export { PrismicLink };
+export { PrismicLink, isInternalURL };
 
 //# sourceMappingURL=PrismicLink.js.map

package/dist/PrismicLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"PrismicLink.js","names":[],"sources":["../src/PrismicLink.tsx"],"sourcesContent":["import {\n\ttype LinkField,\n\ttype LinkResolverFunction,\n\ttype PrismicDocument,\n\tasLinkAttrs,\n\ttype AsLinkAttrsConfig,\n} from \"@prismicio/client\"\nimport { DEV } from \"esm-env\"\nimport {\n\ttype ComponentProps,\n\ttype ComponentType,\n\ttype ForwardedRef,\n\ttype HTMLAttributeAnchorTarget,\n\ttype ReactNode,\n\tforwardRef,\n} from \"react\"\n\nimport { devMsg } from \"./lib/devMsg.js\"\n\n/** The default component rendered for internal and external links. */\nconst defaultComponent = \"a\"\n\n/** Props provided to a component when rendered with `<PrismicLink>`. */\nexport interface LinkProps {\n\t/** The URL to link. */\n\thref: string\n\n\t/**\n\t * The `target` attribute for anchor elements. If the Prismic field is configured to open in a new\n\t * window, this prop defaults to `_blank`.\n\t */\n\ttarget?: HTMLAttributeAnchorTarget\n\n\t/**\n\t * The `rel` attribute for anchor elements. If the `target` prop is set to `\"_blank\"`, this prop\n\t * defaults to `\"noopener noreferrer\"`.\n\t */\n\trel?: string\n\n\t/** Children for the component. */\n\tchildren?: ReactNode\n}\n\nexport type PrismicLinkProps<\n\tInternalComponentProps = ComponentProps<typeof defaultComponent>,\n\tExternalComponentProps = ComponentProps<typeof defaultComponent>,\n> = Omit<InternalComponentProps & ExternalComponentProps, \"rel\" | \"href\" | \"children\"> & {\n\t/**\n\t * The `rel` attribute for the link. By default, `\"noreferrer\"` is provided if the link's URL is\n\t * external. This prop can be provided a function to use the link's metadata to determine the\n\t * `rel` value.\n\t */\n\trel?: string | AsLinkAttrsConfig[\"rel\"]\n\n\t/**\n\t * The link resolver used to resolve links.\n\t *\n\t * @remarks\n\t *   If your app uses route resolvers when querying for your Prismic repository's content, a link\n\t *   resolver does not need to be provided.\n\t * @see Learn about link resolvers and route resolvers {@link https://prismic.io/docs/routes}\n\t */\n\tlinkResolver?: LinkResolverFunction\n\n\t/**\n\t * The component rendered for internal URLs. Defaults to `<a>`.\n\t *\n\t * If your app uses a client-side router that requires a special Link component, provide the Link\n\t * component to this prop.\n\t */\n\tinternalComponent?: ComponentType<InternalComponentProps>\n\n\t/** The component rendered for external URLs. Defaults to `<a>`. */\n\texternalComponent?: ComponentType<ExternalComponentProps>\n\n\t/**\n\t * The children to render for the link. If no children are provided, the link's `text` property\n\t * will be used.\n\t */\n\tchildren?: ReactNode\n} & (\n\t\t| {\n\t\t\t\tdocument: PrismicDocument | null | undefined\n\t\t\t\thref?: never\n\t\t\t\tfield?: never\n\t\t  }\n\t\t| {\n\t\t\t\tfield: LinkField | null | undefined\n\t\t\t\thref?: never\n\t\t\t\tdocument?: never\n\t\t  }\n\t\t| {\n\t\t\t\thref: LinkProps[\"href\"]\n\t\t\t\tfield?: LinkField | null | undefined\n\t\t\t\tdocument?: never\n\t\t  }\n\t)\n\n/**\n * Renders a link from a Prismic link field or page.\n *\n * @example\n * \t;```tsx\n * \t<PrismicLink field={slice.primary.link}>Click here</PrismicLink>;\n * \t```\n *\n * @see Learn how to display links and use variants for styling: {@link https://prismic.io/docs/fields/link}\n */\nexport const PrismicLink = forwardRef(function PrismicLink<\n\tInternalComponentProps = ComponentProps<typeof defaultComponent>,\n\tExternalComponentProps = ComponentProps<typeof defaultComponent>,\n>(\n\tprops: PrismicLinkProps<InternalComponentProps, ExternalComponentProps>,\n\tref: ForwardedRef<Element>,\n) {\n\tconst {\n\t\tfield,\n\t\tdocument: doc,\n\t\tlinkResolver,\n\t\tinternalComponent,\n\t\texternalComponent,\n\t\tchildren,\n\t\t...restProps\n\t} = props\n\n\tif (DEV) {\n\t\tif (field) {\n\t\t\tif (!field.link_type) {\n\t\t\t\tconsole.error(\n\t\t\t\t\t`[PrismicLink] This \"field\" prop value caused an error to be thrown.\\n`,\n\t\t\t\t\tfield,\n\t\t\t\t)\n\t\t\t\tthrow new Error(\n\t\t\t\t\t`[PrismicLink] The provided field is missing required properties to properly render a link. The link will not render. For more details, see ${devMsg(\n\t\t\t\t\t\t\"missing-link-properties\",\n\t\t\t\t\t)}`,\n\t\t\t\t)\n\t\t\t} else if (\n\t\t\t\t(\"text\" in field ? Object.keys(field).length > 2 : Object.keys(field).length > 1) &&\n\t\t\t\t!(\"url\" in field || \"uid\" in field || \"id\" in field)\n\t\t\t) {\n\t\t\t\tconsole.warn(\n\t\t\t\t\t`[PrismicLink] The provided field is missing required properties to properly render a link. The link may not render correctly. For more details, see ${devMsg(\n\t\t\t\t\t\t\"missing-link-properties\",\n\t\t\t\t\t)}`,\n\t\t\t\t\tfield,\n\t\t\t\t)\n\t\t\t}\n\t\t} else if (doc) {\n\t\t\tif (!(\"url\" in doc || \"id\" in doc)) {\n\t\t\t\tconsole.warn(\n\t\t\t\t\t`[PrismicLink] The provided document is missing required properties to properly render a link. The link may not render correctly. For more details, see ${devMsg(\n\t\t\t\t\t\t\"missing-link-properties\",\n\t\t\t\t\t)}`,\n\t\t\t\t\tdoc,\n\t\t\t\t)\n\t\t\t}\n\t\t}\n\t}\n\n\tconst {\n\t\thref: computedHref,\n\t\trel: computedRel,\n\t\t...attrs\n\t} = asLinkAttrs(field ?? doc, {\n\t\tlinkResolver,\n\t\trel: typeof restProps.rel === \"function\" ? restProps.rel : undefined,\n\t})\n\n\tlet rel: string | undefined = computedRel\n\tif (\"rel\" in restProps && typeof restProps.rel !== \"function\") {\n\t\trel = restProps.rel\n\t}\n\n\tconst href = (\"href\" in restProps ? restProps.href : computedHref) || \"\"\n\n\tconst InternalComponent = (internalComponent || defaultComponent) as ComponentType<LinkProps>\n\tconst ExternalComponent = (externalComponent || defaultComponent) as ComponentType<LinkProps>\n\tconst Component = href\n\t\t? isInternalURL(href)\n\t\t\t? InternalComponent\n\t\t\t: ExternalComponent\n\t\t: InternalComponent\n\n\treturn (\n\t\t<Component ref={ref} {...attrs} {...restProps} href={href} rel={rel}>\n\t\t\t{\"children\" in props ? children : field?.text}\n\t\t</Component>\n\t)\n}) as <\n\tInternalComponentProps = ComponentProps<typeof defaultComponent>,\n\tExternalComponentProps = ComponentProps<typeof defaultComponent>,\n>(\n\tprops: PrismicLinkProps<InternalComponentProps, ExternalComponentProps> & {\n\t\tref?: ForwardedRef<Element>\n\t},\n) => ReactNode\n\n/**\n * Determines if a URL is internal or external.\n *\n * @param url - The URL to check if internal or external.\n * @returns `true` if `url` is internal, `false` otherwise.\n */\n// TODO: This does not detect all relative URLs as internal such as `about` or `./about`. This function assumes relative URLs start with a \"/\" or \"#\"`.\nexport function isInternalURL(url: string): boolean {\n\tconst isInternal = /^(\\/(?!\\/)|#)/.test(url)\n\tconst isSpecialLink = !isInternal && !/^https?:\\/\\//.test(url)\n\n\treturn isInternal && !isSpecialLink\n}\n"],"mappings":";;;;;;;AAoBA,MAAM,mBAAmB;;;;;;;;;;;AAwFzB,MAAa,cAAc,WAAW,SAAS,YAI9C,OACA,KACC;CACD,MAAM,EACL,OACA,UAAU,KACV,cACA,mBACA,mBACA,UACA,GAAG,cACA;AAEJ,KAAI;MACC;OACC,CAAC,MAAM,WAAW;AACrB,YAAQ,MACP,yEACA,MACA;AACD,UAAM,IAAI,MACT,8IAA8I,OAC7I,0BACA,GACD;eAEA,UAAU,QAAQ,OAAO,KAAK,MAAM,CAAC,SAAS,IAAI,OAAO,KAAK,MAAM,CAAC,SAAS,MAC/E,EAAE,SAAS,SAAS,SAAS,SAAS,QAAQ,OAE9C,SAAQ,KACP,uJAAuJ,OACtJ,0BACA,IACD,MACA;aAEQ;OACN,EAAE,SAAS,OAAO,QAAQ,KAC7B,SAAQ,KACP,0JAA0J,OACzJ,0BACA,IACD,IACA;;;CAKJ,MAAM,EACL,MAAM,cACN,KAAK,aACL,GAAG,UACA,YAAY,SAAS,KAAK;EAC7B;EACA,KAAK,OAAO,UAAU,QAAQ,aAAa,UAAU,MAAM,KAAA;EAC3D,CAAC;CAEF,IAAI,MAA0B;AAC9B,KAAI,SAAS,aAAa,OAAO,UAAU,QAAQ,WAClD,OAAM,UAAU;CAGjB,MAAM,QAAQ,UAAU,YAAY,UAAU,OAAO,iBAAiB;CAEtE,MAAM,oBAAqB,qBAAqB;CAChD,MAAM,oBAAqB,qBAAqB;AAOhD,QACC,oBAPiB,OACf,cAAc,KAAK,GAClB,oBACA,oBACD,mBAGF;EAAgB;EAAK,GAAI;EAAO,GAAI;EAAiB;EAAW;YAC9D,cAAc,QAAQ,WAAW,OAAO;EAC9B,CAAA;EAEZ;;;;;;;AAgBF,SAAgB,cAAc,KAAsB;CACnD,MAAM,aAAa,gBAAgB,KAAK,IAAI;CAC5C,MAAM,gBAAgB,CAAC,cAAc,CAAC,eAAe,KAAK,IAAI;AAE9D,QAAO,cAAc,CAAC"}
+{"version":3,"file":"PrismicLink.js","names":[],"sources":["../src/PrismicLink.tsx"],"sourcesContent":["import {\n\ttype LinkField,\n\ttype LinkResolverFunction,\n\ttype PrismicDocument,\n\tasLinkAttrs,\n\ttype AsLinkAttrsConfig,\n} from \"@prismicio/client\"\nimport { DEV } from \"esm-env\"\nimport {\n\ttype ComponentProps,\n\ttype ComponentType,\n\ttype ForwardedRef,\n\ttype HTMLAttributeAnchorTarget,\n\ttype ReactNode,\n\tforwardRef,\n} from \"react\"\n\nimport { devMsg } from \"./lib/devMsg.js\"\n\n/** The default component rendered for internal and external links. */\nconst defaultComponent = \"a\"\n\n/** Props provided to a component when rendered with `<PrismicLink>`. */\nexport interface LinkProps {\n\t/** The URL to link. */\n\thref: string\n\n\t/**\n\t * The `target` attribute for anchor elements. If the Prismic field is configured to open in a new\n\t * window, this prop defaults to `_blank`.\n\t */\n\ttarget?: HTMLAttributeAnchorTarget\n\n\t/**\n\t * The `rel` attribute for anchor elements. If the `target` prop is set to `\"_blank\"`, this prop\n\t * defaults to `\"noopener noreferrer\"`.\n\t */\n\trel?: string\n\n\t/** Children for the component. */\n\tchildren?: ReactNode\n}\n\nexport type PrismicLinkProps<\n\tInternalComponentProps = ComponentProps<typeof defaultComponent>,\n\tExternalComponentProps = ComponentProps<typeof defaultComponent>,\n> = Omit<InternalComponentProps & ExternalComponentProps, \"rel\" | \"href\" | \"children\"> & {\n\t/**\n\t * The `rel` attribute for the link. By default, `\"noreferrer\"` is provided if the link's URL is\n\t * external. This prop can be provided a function to use the link's metadata to determine the\n\t * `rel` value.\n\t */\n\trel?: string | AsLinkAttrsConfig[\"rel\"]\n\n\t/**\n\t * The link resolver used to resolve links.\n\t *\n\t * @remarks\n\t *   If your app uses route resolvers when querying for your Prismic repository's content, a link\n\t *   resolver does not need to be provided.\n\t * @see Learn about link resolvers and route resolvers {@link https://prismic.io/docs/routes}\n\t */\n\tlinkResolver?: LinkResolverFunction\n\n\t/**\n\t * The component rendered for internal URLs. Defaults to `<a>`.\n\t *\n\t * If your app uses a client-side router that requires a special Link component, provide the Link\n\t * component to this prop.\n\t */\n\tinternalComponent?: ComponentType<InternalComponentProps>\n\n\t/** The component rendered for external URLs. Defaults to `<a>`. */\n\texternalComponent?: ComponentType<ExternalComponentProps>\n\n\t/**\n\t * The children to render for the link. If no children are provided, the link's `text` property\n\t * will be used.\n\t */\n\tchildren?: ReactNode\n} & (\n\t\t| {\n\t\t\t\tdocument: PrismicDocument | null | undefined\n\t\t\t\thref?: never\n\t\t\t\tfield?: never\n\t\t  }\n\t\t| {\n\t\t\t\tfield: LinkField | null | undefined\n\t\t\t\thref?: never\n\t\t\t\tdocument?: never\n\t\t  }\n\t\t| {\n\t\t\t\thref: LinkProps[\"href\"]\n\t\t\t\tfield?: LinkField | null | undefined\n\t\t\t\tdocument?: never\n\t\t  }\n\t)\n\n/**\n * Renders a link from a Prismic link field or page.\n *\n * @example\n * \t;```tsx\n * \t<PrismicLink field={slice.primary.link}>Click here</PrismicLink>;\n * \t```\n *\n * @see Learn how to display links and use variants for styling: {@link https://prismic.io/docs/fields/link}\n */\nexport const PrismicLink = forwardRef(function PrismicLink<\n\tInternalComponentProps = ComponentProps<typeof defaultComponent>,\n\tExternalComponentProps = ComponentProps<typeof defaultComponent>,\n>(\n\tprops: PrismicLinkProps<InternalComponentProps, ExternalComponentProps>,\n\tref: ForwardedRef<Element>,\n) {\n\tconst {\n\t\tfield,\n\t\tdocument: doc,\n\t\tlinkResolver,\n\t\tinternalComponent,\n\t\texternalComponent,\n\t\tchildren,\n\t\t...restProps\n\t} = props\n\n\tif (DEV) {\n\t\tif (field) {\n\t\t\tif (!field.link_type) {\n\t\t\t\tconsole.error(\n\t\t\t\t\t`[PrismicLink] This \"field\" prop value caused an error to be thrown.\\n`,\n\t\t\t\t\tfield,\n\t\t\t\t)\n\t\t\t\tthrow new Error(\n\t\t\t\t\t`[PrismicLink] The provided field is missing required properties to properly render a link. The link will not render. For more details, see ${devMsg(\n\t\t\t\t\t\t\"missing-link-properties\",\n\t\t\t\t\t)}`,\n\t\t\t\t)\n\t\t\t} else if (\n\t\t\t\t(\"text\" in field ? Object.keys(field).length > 2 : Object.keys(field).length > 1) &&\n\t\t\t\t!(\"url\" in field || \"uid\" in field || \"id\" in field)\n\t\t\t) {\n\t\t\t\tconsole.warn(\n\t\t\t\t\t`[PrismicLink] The provided field is missing required properties to properly render a link. The link may not render correctly. For more details, see ${devMsg(\n\t\t\t\t\t\t\"missing-link-properties\",\n\t\t\t\t\t)}`,\n\t\t\t\t\tfield,\n\t\t\t\t)\n\t\t\t}\n\t\t} else if (doc) {\n\t\t\tif (!(\"url\" in doc || \"id\" in doc)) {\n\t\t\t\tconsole.warn(\n\t\t\t\t\t`[PrismicLink] The provided document is missing required properties to properly render a link. The link may not render correctly. For more details, see ${devMsg(\n\t\t\t\t\t\t\"missing-link-properties\",\n\t\t\t\t\t)}`,\n\t\t\t\t\tdoc,\n\t\t\t\t)\n\t\t\t}\n\t\t}\n\t}\n\n\tconst {\n\t\thref: computedHref,\n\t\trel: computedRel,\n\t\t...attrs\n\t} = asLinkAttrs(field ?? doc, {\n\t\tlinkResolver,\n\t\trel: typeof restProps.rel === \"function\" ? restProps.rel : undefined,\n\t})\n\n\tlet rel: string | undefined = computedRel\n\tif (\"rel\" in restProps && typeof restProps.rel !== \"function\") {\n\t\trel = restProps.rel\n\t}\n\n\tconst href = (\"href\" in restProps ? restProps.href : computedHref) || \"\"\n\n\tconst InternalComponent = (internalComponent || defaultComponent) as ComponentType<LinkProps>\n\tconst ExternalComponent = (externalComponent || defaultComponent) as ComponentType<LinkProps>\n\tconst Component = href\n\t\t? isInternalURL(href)\n\t\t\t? InternalComponent\n\t\t\t: ExternalComponent\n\t\t: InternalComponent\n\n\treturn (\n\t\t<Component ref={ref} {...attrs} {...restProps} href={href} rel={rel}>\n\t\t\t{\"children\" in props ? children : field?.text}\n\t\t</Component>\n\t)\n}) as <\n\tInternalComponentProps = ComponentProps<typeof defaultComponent>,\n\tExternalComponentProps = ComponentProps<typeof defaultComponent>,\n>(\n\tprops: PrismicLinkProps<InternalComponentProps, ExternalComponentProps> & {\n\t\tref?: ForwardedRef<Element>\n\t},\n) => ReactNode\n\n/**\n * Determines if a URL is internal or external.\n *\n * @param url - The URL to check if internal or external.\n * @returns `true` if `url` is internal, `false` otherwise.\n */\n// TODO: This does not detect all relative URLs as internal such as `about` or `./about`. This function assumes relative URLs start with a \"/\" or \"#\"`.\nexport function isInternalURL(url: string): boolean {\n\tconst isInternal = /^(\\/(?!\\/)|#)/.test(url)\n\tconst isSpecialLink = !isInternal && !/^https?:\\/\\//.test(url)\n\n\treturn isInternal && !isSpecialLink\n}\n"],"mappings":";;;;;;;AAoBA,MAAM,mBAAmB;;;;;;;;;;;AAwFzB,MAAa,cAAc,WAAW,SAAS,YAI9C,OACA,KACC;CACD,MAAM,EACL,OACA,UAAU,KACV,cACA,mBACA,mBACA,UACA,GAAG,cACA;CAEJ,IAAI,KAAK;EACR,IAAI,OAAO;GACV,IAAI,CAAC,MAAM,WAAW;IACrB,QAAQ,MACP,yEACA,KACD;IACA,MAAM,IAAI,MACT,8IAA8I,OAC7I,yBACD,GACD;GACD,OAAO,KACL,UAAU,QAAQ,OAAO,KAAK,KAAK,CAAC,CAAC,SAAS,IAAI,OAAO,KAAK,KAAK,CAAC,CAAC,SAAS,MAC/E,EAAE,SAAS,SAAS,SAAS,SAAS,QAAQ,QAE9C,QAAQ,KACP,uJAAuJ,OACtJ,yBACD,KACA,KACD;EAEF,OAAO,IAAI,KACN;OAAA,EAAE,SAAS,OAAO,QAAQ,MAC7B,QAAQ,KACP,0JAA0J,OACzJ,yBACD,KACA,GACD;EAAA;CAGH;CAEA,MAAM,EACL,MAAM,cACN,KAAK,aACL,GAAG,UACA,YAAY,SAAS,KAAK;EAC7B;EACA,KAAK,OAAO,UAAU,QAAQ,aAAa,UAAU,MAAM,KAAA;CAC5D,CAAC;CAED,IAAI,MAA0B;CAC9B,IAAI,SAAS,aAAa,OAAO,UAAU,QAAQ,YAClD,MAAM,UAAU;CAGjB,MAAM,QAAQ,UAAU,YAAY,UAAU,OAAO,iBAAiB;CAEtE,MAAM,oBAAqB,qBAAqB;CAChD,MAAM,oBAAqB,qBAAqB;CAChD,MAAM,YAAY,OACf,cAAc,IAAI,IACjB,oBACA,oBACD;CAEH,OACC,oBAAC,WAAD;EAAgB;EAAK,GAAI;EAAO,GAAI;EAAiB;EAAW;EAC9D,UAAA,cAAc,QAAQ,WAAW,OAAO;CAC/B,CAAA;AAEb,CAAC;;;;;;;AAgBD,SAAgB,cAAc,KAAsB;CACnD,MAAM,aAAa,gBAAgB,KAAK,GAAG;CAC3C,MAAM,gBAAgB,CAAC,cAAc,CAAC,eAAe,KAAK,GAAG;CAE7D,OAAO,cAAc,CAAC;AACvB"}

package/dist/PrismicRichText.d.ts

@@ -2,7 +2,6 @@ import { LinkProps } from "./PrismicLink.js";
 import { LinkResolverFunction, RichTextField } from "@prismicio/client";
 import { ComponentType, FC, ReactNode } from "react";
 import { RichTextFunctionSerializer, RichTextMapSerializer } from "@prismicio/client/richtext";
-
 //#region src/PrismicRichText.d.ts
 /**
  * A function mapping rich text block types to React Components. It is used to render rich text
@@ -10,18 +9,19 @@ import { RichTextFunctionSerializer, RichTextMapSerializer } from "@prismicio/cl
  *
  * @see Templating rich text fields {@link https://prismic.io/docs/fields/rich-text}
  */
-type JSXFunctionSerializer = RichTextFunctionSerializer<ReactNode>;
+export type JSXFunctionSerializer = RichTextFunctionSerializer<ReactNode>;
 /**
  * A map of rich text block types to React Components. It is used to render rich text fields.
  *
  * @see Templating rich text fields {@link https://prismic.io/docs/fields/rich-text}
  */
-type RichTextComponents = RichTextMapSerializer<ReactNode>;
+export type RichTextComponents = RichTextMapSerializer<ReactNode>;
 /** @deprecated Use `RichTextComponents` instead. */
-type JSXMapSerializer = RichTextComponents;
+export type JSXMapSerializer = RichTextComponents;
 /** Props for `<PrismicRichText>`. */
-type PrismicRichTextProps = {
-  /** The Prismic rich text field to render. */field: RichTextField | null | undefined;
+export type PrismicRichTextProps = {
+  /** The Prismic rich text field to render. */
+  field: RichTextField | null | undefined;
   /**
    * The link resolver used to resolve links.
    *
@@ -88,7 +88,6 @@ type PrismicRichTextProps = {
  *
  * @see Learn how to style rich text, use custom components, and use labels for custom formatting: {@link https://prismic.io/docs/fields/rich-text}
  */
-declare const PrismicRichText: FC<PrismicRichTextProps>;
+export declare const PrismicRichText: FC<PrismicRichTextProps>;
 //#endregion
-export { JSXFunctionSerializer, JSXMapSerializer, PrismicRichText, PrismicRichTextProps, RichTextComponents };
 //# sourceMappingURL=PrismicRichText.d.ts.map

package/dist/PrismicRichText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PrismicRichText.d.ts","names":[],"sources":["../src/PrismicRichText.tsx"],"mappings":";;;;;;;;AAgCA;;;;KAAY,qBAAA,GAAwB,0BAAA,CAA2B,SAAA;AAO/D;;;;;AAAA,KAAY,kBAAA,GAAqB,qBAAA,CAAsB,SAAA;;KAG3C,gBAAA,GAAmB,kBAAA;;KAGnB,oBAAA;EAAA,6CAEX,KAAA,EAAO,aAAA;;;;;;;;;EAUP,YAAA,GAAe,oBAAA;EAkDJ;;;;;;;;;;;;;;;;;;;;AAkJZ;;;;;;;;EAtKC,UAAA,GAAa,kBAAA,GAAqB,qBAAA;;;;;;EAOlC,qBAAA,GAAwB,aAAA,CAAc,SAAA;;;;;;EAOtC,qBAAA,GAAwB,aAAA,CAAc,SAAA;;;;;EAMtC,QAAA,GAAW,SAAA;AAAA;;;;;;;;;;;cAkJC,eAAA,EAAiB,EAAA,CAAG,oBAAA"}
+{"version":3,"file":"PrismicRichText.d.ts","names":[],"sources":["../src/PrismicRichText.tsx"],"mappings":";;;;;;;;;;;YAgCY,wBAAwB,2BAA2B;;;;;;YAOnD,qBAAqB,sBAAsB;;YAG3C,mBAAmB;;YAGnB;;EAEX,OAAO;;;;;;;;;EAUP,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8Bf,aAAa,qBAAqB;;;;;;EAOlC,wBAAwB,cAAc;;;;;;EAOtC,wBAAwB,cAAc;;;;;EAMtC,WAAW;;;;;;;;;;;;qBAkJC,iBAAiB,GAAG"}

package/dist/PrismicRichText.js.map

@@ -1 +1 @@
-{"version":3,"file":"PrismicRichText.js","names":[],"sources":["../src/PrismicRichText.tsx"],"sourcesContent":["import {\n\tisFilled,\n\ttype LinkResolverFunction,\n\ttype RichTextField,\n\ttype RTAnyNode,\n} from \"@prismicio/client\"\nimport {\n\tcomposeSerializers,\n\tserialize,\n\twrapMapSerializer,\n\ttype RichTextFunctionSerializer,\n\ttype RichTextMapSerializer,\n} from \"@prismicio/client/richtext\"\nimport { DEV } from \"esm-env\"\nimport {\n\tcloneElement,\n\ttype ComponentType,\n\ttype FC,\n\tFragment,\n\tisValidElement,\n\ttype ReactNode,\n} from \"react\"\n\nimport { devMsg } from \"./lib/devMsg.js\"\nimport { type LinkProps, PrismicLink } from \"./PrismicLink.js\"\n\n/**\n * A function mapping rich text block types to React Components. It is used to render rich text\n * fields.\n *\n * @see Templating rich text fields {@link https://prismic.io/docs/fields/rich-text}\n */\nexport type JSXFunctionSerializer = RichTextFunctionSerializer<ReactNode>\n\n/**\n * A map of rich text block types to React Components. It is used to render rich text fields.\n *\n * @see Templating rich text fields {@link https://prismic.io/docs/fields/rich-text}\n */\nexport type RichTextComponents = RichTextMapSerializer<ReactNode>\n\n/** @deprecated Use `RichTextComponents` instead. */\nexport type JSXMapSerializer = RichTextComponents\n\n/** Props for `<PrismicRichText>`. */\nexport type PrismicRichTextProps = {\n\t/** The Prismic rich text field to render. */\n\tfield: RichTextField | null | undefined\n\n\t/**\n\t * The link resolver used to resolve links.\n\t *\n\t * @remarks\n\t *   If your app uses route resolvers when querying for your Prismic repository's content, a link\n\t *   resolver does not need to be provided.\n\t * @see Learn about link resolvers and route resolvers {@link https://prismic.io/docs/routes}\n\t */\n\tlinkResolver?: LinkResolverFunction\n\n\t/**\n\t * A map or function that maps a rich text block to a React component.\n\t *\n\t * @remarks\n\t *   Prefer using a map serializer over the function serializer when possible. The map serializer\n\t *   is simpler to maintain.\n\t * @example\n\t * \tA map serializer.\n\t *\n\t * \t```jsx\n\t * \t{\n\t * \theading1: ({children}) => <Heading>{children}</Heading>\n\t * \t}\n\t * \t```\n\t *\n\t * @example\n\t * \tA function serializer.\n\t *\n\t * \t```jsx\n\t * \t(type, node, content, children) => {\n\t * \tswitch (type) {\n\t * \tcase \"heading1\": {\n\t * \treturn <Heading>{children}</Heading>;\n\t * \t}\n\t * \t}\n\t * \t};\n\t * \t```\n\t */\n\tcomponents?: RichTextComponents | JSXFunctionSerializer\n\n\t/**\n\t * The React component rendered for links when the URL is internal.\n\t *\n\t * @defaultValue `<a>`\n\t */\n\tinternalLinkComponent?: ComponentType<LinkProps>\n\n\t/**\n\t * The React component rendered for links when the URL is external.\n\t *\n\t * @defaultValue `<a>`\n\t */\n\texternalLinkComponent?: ComponentType<LinkProps>\n\n\t/**\n\t * The value to be rendered when the field is empty. If a fallback is not given, `null` will be\n\t * rendered.\n\t */\n\tfallback?: ReactNode\n}\n\ntype CreateDefaultSerializerArgs = {\n\tlinkResolver: LinkResolverFunction | undefined\n\tinternalLinkComponent?: ComponentType<LinkProps>\n\texternalLinkComponent?: ComponentType<LinkProps>\n}\n\nconst getDir = (node: RTAnyNode): \"rtl\" | undefined => {\n\tif (\"direction\" in node && node.direction === \"rtl\") {\n\t\treturn \"rtl\"\n\t}\n}\n\nconst createDefaultSerializer = (args: CreateDefaultSerializerArgs): JSXFunctionSerializer =>\n\twrapMapSerializer<ReactNode>({\n\t\theading1: ({ node, children, key }) => (\n\t\t\t<h1 key={key} dir={getDir(node)}>\n\t\t\t\t{children}\n\t\t\t</h1>\n\t\t),\n\t\theading2: ({ node, children, key }) => (\n\t\t\t<h2 key={key} dir={getDir(node)}>\n\t\t\t\t{children}\n\t\t\t</h2>\n\t\t),\n\t\theading3: ({ node, children, key }) => (\n\t\t\t<h3 key={key} dir={getDir(node)}>\n\t\t\t\t{children}\n\t\t\t</h3>\n\t\t),\n\t\theading4: ({ node, children, key }) => (\n\t\t\t<h4 key={key} dir={getDir(node)}>\n\t\t\t\t{children}\n\t\t\t</h4>\n\t\t),\n\t\theading5: ({ node, children, key }) => (\n\t\t\t<h5 key={key} dir={getDir(node)}>\n\t\t\t\t{children}\n\t\t\t</h5>\n\t\t),\n\t\theading6: ({ node, children, key }) => (\n\t\t\t<h6 key={key} dir={getDir(node)}>\n\t\t\t\t{children}\n\t\t\t</h6>\n\t\t),\n\t\tparagraph: ({ node, children, key }) => (\n\t\t\t<p key={key} dir={getDir(node)}>\n\t\t\t\t{children}\n\t\t\t</p>\n\t\t),\n\t\tpreformatted: ({ node, key }) => <pre key={key}>{node.text}</pre>,\n\t\tstrong: ({ children, key }) => <strong key={key}>{children}</strong>,\n\t\tem: ({ children, key }) => <em key={key}>{children}</em>,\n\t\tlistItem: ({ node, children, key }) => (\n\t\t\t<li key={key} dir={getDir(node)}>\n\t\t\t\t{children}\n\t\t\t</li>\n\t\t),\n\t\toListItem: ({ node, children, key }) => (\n\t\t\t<li key={key} dir={getDir(node)}>\n\t\t\t\t{children}\n\t\t\t</li>\n\t\t),\n\t\tlist: ({ children, key }) => <ul key={key}>{children}</ul>,\n\t\toList: ({ children, key }) => <ol key={key}>{children}</ol>,\n\t\timage: ({ node, key }) => {\n\t\t\tconst img = (\n\t\t\t\t<img\n\t\t\t\t\tsrc={node.url}\n\t\t\t\t\talt={node.alt ?? undefined}\n\t\t\t\t\tdata-copyright={node.copyright ? node.copyright : undefined}\n\t\t\t\t/>\n\t\t\t)\n\n\t\t\treturn (\n\t\t\t\t<p key={key} className=\"block-img\">\n\t\t\t\t\t{node.linkTo ? (\n\t\t\t\t\t\t<PrismicLink\n\t\t\t\t\t\t\tlinkResolver={args.linkResolver}\n\t\t\t\t\t\t\tinternalComponent={args.internalLinkComponent}\n\t\t\t\t\t\t\texternalComponent={args.externalLinkComponent}\n\t\t\t\t\t\t\tfield={node.linkTo}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{img}\n\t\t\t\t\t\t</PrismicLink>\n\t\t\t\t\t) : (\n\t\t\t\t\t\timg\n\t\t\t\t\t)}\n\t\t\t\t</p>\n\t\t\t)\n\t\t},\n\t\tembed: ({ node, key }) => (\n\t\t\t<div\n\t\t\t\tkey={key}\n\t\t\t\tdata-oembed={node.oembed.embed_url}\n\t\t\t\tdata-oembed-type={node.oembed.type}\n\t\t\t\tdata-oembed-provider={node.oembed.provider_name}\n\t\t\t\tdangerouslySetInnerHTML={{ __html: node.oembed.html ?? \"\" }}\n\t\t\t/>\n\t\t),\n\t\thyperlink: ({ node, children, key }) => (\n\t\t\t<PrismicLink\n\t\t\t\tkey={key}\n\t\t\t\tfield={node.data}\n\t\t\t\tlinkResolver={args.linkResolver}\n\t\t\t\tinternalComponent={args.internalLinkComponent}\n\t\t\t\texternalComponent={args.externalLinkComponent}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</PrismicLink>\n\t\t),\n\t\tlabel: ({ node, children, key }) => (\n\t\t\t<span key={key} className={node.data.label}>\n\t\t\t\t{children}\n\t\t\t</span>\n\t\t),\n\t\tspan: ({ text, key }) => {\n\t\t\tconst result: ReactNode[] = []\n\n\t\t\tlet i = 0\n\t\t\tfor (const line of text.split(\"\\n\")) {\n\t\t\t\tif (i > 0) {\n\t\t\t\t\tresult.push(<br key={`${i}__break`} />)\n\t\t\t\t}\n\n\t\t\t\tresult.push(<Fragment key={`${i}__line`}>{line}</Fragment>)\n\n\t\t\t\ti++\n\t\t\t}\n\n\t\t\treturn <Fragment key={key}>{result}</Fragment>\n\t\t},\n\t})\n\n/**\n * Renders content from a Prismic rich text field as React components.\n *\n * @example\n * \t;```tsx\n * \t<PrismicRichText field={slice.primary.text} />;\n * \t```\n *\n * @see Learn how to style rich text, use custom components, and use labels for custom formatting: {@link https://prismic.io/docs/fields/rich-text}\n */\nexport const PrismicRichText: FC<PrismicRichTextProps> = (props) => {\n\tconst {\n\t\tlinkResolver,\n\t\tfield,\n\t\tfallback,\n\t\tcomponents,\n\t\texternalLinkComponent,\n\t\tinternalLinkComponent,\n\t\t...restProps\n\t} = props\n\n\tif (DEV) {\n\t\tif (\"className\" in restProps) {\n\t\t\tconsole.warn(\n\t\t\t\t`[PrismicRichText] className cannot be passed to <PrismicRichText> since it renders an array without a wrapping component. For more details, see ${devMsg(\n\t\t\t\t\t\"classname-is-not-a-valid-prop\",\n\t\t\t\t)}.`,\n\t\t\t\tfield,\n\t\t\t)\n\t\t}\n\t}\n\n\tif (!isFilled.richText(field)) {\n\t\treturn fallback != null ? <>{fallback}</> : null\n\t}\n\n\tconst serializer = composeSerializers<ReactNode>(\n\t\ttypeof components === \"object\" ? wrapMapSerializer(components) : components,\n\t\tcreateDefaultSerializer({\n\t\t\tlinkResolver,\n\t\t\tinternalLinkComponent,\n\t\t\texternalLinkComponent,\n\t\t}),\n\t)\n\n\t// The serializer is wrapped in a higher-order function that\n\t// automatically applies a key to React Elements if one is not already\n\t// given.\n\tconst serialized = serialize<ReactNode>(field, (type, node, text, children, key) => {\n\t\tconst result = serializer(type, node, text, children, key)\n\n\t\tif (isValidElement(result) && result.key == null) {\n\t\t\treturn cloneElement(result, { key })\n\t\t} else {\n\t\t\treturn result\n\t\t}\n\t})\n\n\tif (!serialized) {\n\t\treturn fallback != null ? <>{fallback}</> : null\n\t}\n\n\treturn <>{serialized}</>\n}\n"],"mappings":"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"}
+{"version":3,"file":"PrismicRichText.js","names":[],"sources":["../src/PrismicRichText.tsx"],"sourcesContent":["import {\n\tisFilled,\n\ttype LinkResolverFunction,\n\ttype RichTextField,\n\ttype RTAnyNode,\n} from \"@prismicio/client\"\nimport {\n\tcomposeSerializers,\n\tserialize,\n\twrapMapSerializer,\n\ttype RichTextFunctionSerializer,\n\ttype RichTextMapSerializer,\n} from \"@prismicio/client/richtext\"\nimport { DEV } from \"esm-env\"\nimport {\n\tcloneElement,\n\ttype ComponentType,\n\ttype FC,\n\tFragment,\n\tisValidElement,\n\ttype ReactNode,\n} from \"react\"\n\nimport { devMsg } from \"./lib/devMsg.js\"\nimport { type LinkProps, PrismicLink } from \"./PrismicLink.js\"\n\n/**\n * A function mapping rich text block types to React Components. It is used to render rich text\n * fields.\n *\n * @see Templating rich text fields {@link https://prismic.io/docs/fields/rich-text}\n */\nexport type JSXFunctionSerializer = RichTextFunctionSerializer<ReactNode>\n\n/**\n * A map of rich text block types to React Components. It is used to render rich text fields.\n *\n * @see Templating rich text fields {@link https://prismic.io/docs/fields/rich-text}\n */\nexport type RichTextComponents = RichTextMapSerializer<ReactNode>\n\n/** @deprecated Use `RichTextComponents` instead. */\nexport type JSXMapSerializer = RichTextComponents\n\n/** Props for `<PrismicRichText>`. */\nexport type PrismicRichTextProps = {\n\t/** The Prismic rich text field to render. */\n\tfield: RichTextField | null | undefined\n\n\t/**\n\t * The link resolver used to resolve links.\n\t *\n\t * @remarks\n\t *   If your app uses route resolvers when querying for your Prismic repository's content, a link\n\t *   resolver does not need to be provided.\n\t * @see Learn about link resolvers and route resolvers {@link https://prismic.io/docs/routes}\n\t */\n\tlinkResolver?: LinkResolverFunction\n\n\t/**\n\t * A map or function that maps a rich text block to a React component.\n\t *\n\t * @remarks\n\t *   Prefer using a map serializer over the function serializer when possible. The map serializer\n\t *   is simpler to maintain.\n\t * @example\n\t * \tA map serializer.\n\t *\n\t * \t```jsx\n\t * \t{\n\t * \theading1: ({children}) => <Heading>{children}</Heading>\n\t * \t}\n\t * \t```\n\t *\n\t * @example\n\t * \tA function serializer.\n\t *\n\t * \t```jsx\n\t * \t(type, node, content, children) => {\n\t * \tswitch (type) {\n\t * \tcase \"heading1\": {\n\t * \treturn <Heading>{children}</Heading>;\n\t * \t}\n\t * \t}\n\t * \t};\n\t * \t```\n\t */\n\tcomponents?: RichTextComponents | JSXFunctionSerializer\n\n\t/**\n\t * The React component rendered for links when the URL is internal.\n\t *\n\t * @defaultValue `<a>`\n\t */\n\tinternalLinkComponent?: ComponentType<LinkProps>\n\n\t/**\n\t * The React component rendered for links when the URL is external.\n\t *\n\t * @defaultValue `<a>`\n\t */\n\texternalLinkComponent?: ComponentType<LinkProps>\n\n\t/**\n\t * The value to be rendered when the field is empty. If a fallback is not given, `null` will be\n\t * rendered.\n\t */\n\tfallback?: ReactNode\n}\n\ntype CreateDefaultSerializerArgs = {\n\tlinkResolver: LinkResolverFunction | undefined\n\tinternalLinkComponent?: ComponentType<LinkProps>\n\texternalLinkComponent?: ComponentType<LinkProps>\n}\n\nconst getDir = (node: RTAnyNode): \"rtl\" | undefined => {\n\tif (\"direction\" in node && node.direction === \"rtl\") {\n\t\treturn \"rtl\"\n\t}\n}\n\nconst createDefaultSerializer = (args: CreateDefaultSerializerArgs): JSXFunctionSerializer =>\n\twrapMapSerializer<ReactNode>({\n\t\theading1: ({ node, children, key }) => (\n\t\t\t<h1 key={key} dir={getDir(node)}>\n\t\t\t\t{children}\n\t\t\t</h1>\n\t\t),\n\t\theading2: ({ node, children, key }) => (\n\t\t\t<h2 key={key} dir={getDir(node)}>\n\t\t\t\t{children}\n\t\t\t</h2>\n\t\t),\n\t\theading3: ({ node, children, key }) => (\n\t\t\t<h3 key={key} dir={getDir(node)}>\n\t\t\t\t{children}\n\t\t\t</h3>\n\t\t),\n\t\theading4: ({ node, children, key }) => (\n\t\t\t<h4 key={key} dir={getDir(node)}>\n\t\t\t\t{children}\n\t\t\t</h4>\n\t\t),\n\t\theading5: ({ node, children, key }) => (\n\t\t\t<h5 key={key} dir={getDir(node)}>\n\t\t\t\t{children}\n\t\t\t</h5>\n\t\t),\n\t\theading6: ({ node, children, key }) => (\n\t\t\t<h6 key={key} dir={getDir(node)}>\n\t\t\t\t{children}\n\t\t\t</h6>\n\t\t),\n\t\tparagraph: ({ node, children, key }) => (\n\t\t\t<p key={key} dir={getDir(node)}>\n\t\t\t\t{children}\n\t\t\t</p>\n\t\t),\n\t\tpreformatted: ({ node, key }) => <pre key={key}>{node.text}</pre>,\n\t\tstrong: ({ children, key }) => <strong key={key}>{children}</strong>,\n\t\tem: ({ children, key }) => <em key={key}>{children}</em>,\n\t\tlistItem: ({ node, children, key }) => (\n\t\t\t<li key={key} dir={getDir(node)}>\n\t\t\t\t{children}\n\t\t\t</li>\n\t\t),\n\t\toListItem: ({ node, children, key }) => (\n\t\t\t<li key={key} dir={getDir(node)}>\n\t\t\t\t{children}\n\t\t\t</li>\n\t\t),\n\t\tlist: ({ children, key }) => <ul key={key}>{children}</ul>,\n\t\toList: ({ children, key }) => <ol key={key}>{children}</ol>,\n\t\timage: ({ node, key }) => {\n\t\t\tconst img = (\n\t\t\t\t<img\n\t\t\t\t\tsrc={node.url}\n\t\t\t\t\talt={node.alt ?? undefined}\n\t\t\t\t\tdata-copyright={node.copyright ? node.copyright : undefined}\n\t\t\t\t/>\n\t\t\t)\n\n\t\t\treturn (\n\t\t\t\t<p key={key} className=\"block-img\">\n\t\t\t\t\t{node.linkTo ? (\n\t\t\t\t\t\t<PrismicLink\n\t\t\t\t\t\t\tlinkResolver={args.linkResolver}\n\t\t\t\t\t\t\tinternalComponent={args.internalLinkComponent}\n\t\t\t\t\t\t\texternalComponent={args.externalLinkComponent}\n\t\t\t\t\t\t\tfield={node.linkTo}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{img}\n\t\t\t\t\t\t</PrismicLink>\n\t\t\t\t\t) : (\n\t\t\t\t\t\timg\n\t\t\t\t\t)}\n\t\t\t\t</p>\n\t\t\t)\n\t\t},\n\t\tembed: ({ node, key }) => (\n\t\t\t<div\n\t\t\t\tkey={key}\n\t\t\t\tdata-oembed={node.oembed.embed_url}\n\t\t\t\tdata-oembed-type={node.oembed.type}\n\t\t\t\tdata-oembed-provider={node.oembed.provider_name}\n\t\t\t\tdangerouslySetInnerHTML={{ __html: node.oembed.html ?? \"\" }}\n\t\t\t/>\n\t\t),\n\t\thyperlink: ({ node, children, key }) => (\n\t\t\t<PrismicLink\n\t\t\t\tkey={key}\n\t\t\t\tfield={node.data}\n\t\t\t\tlinkResolver={args.linkResolver}\n\t\t\t\tinternalComponent={args.internalLinkComponent}\n\t\t\t\texternalComponent={args.externalLinkComponent}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</PrismicLink>\n\t\t),\n\t\tlabel: ({ node, children, key }) => (\n\t\t\t<span key={key} className={node.data.label}>\n\t\t\t\t{children}\n\t\t\t</span>\n\t\t),\n\t\tspan: ({ text, key }) => {\n\t\t\tconst result: ReactNode[] = []\n\n\t\t\tlet i = 0\n\t\t\tfor (const line of text.split(\"\\n\")) {\n\t\t\t\tif (i > 0) {\n\t\t\t\t\tresult.push(<br key={`${i}__break`} />)\n\t\t\t\t}\n\n\t\t\t\tresult.push(<Fragment key={`${i}__line`}>{line}</Fragment>)\n\n\t\t\t\ti++\n\t\t\t}\n\n\t\t\treturn <Fragment key={key}>{result}</Fragment>\n\t\t},\n\t})\n\n/**\n * Renders content from a Prismic rich text field as React components.\n *\n * @example\n * \t;```tsx\n * \t<PrismicRichText field={slice.primary.text} />;\n * \t```\n *\n * @see Learn how to style rich text, use custom components, and use labels for custom formatting: {@link https://prismic.io/docs/fields/rich-text}\n */\nexport const PrismicRichText: FC<PrismicRichTextProps> = (props) => {\n\tconst {\n\t\tlinkResolver,\n\t\tfield,\n\t\tfallback,\n\t\tcomponents,\n\t\texternalLinkComponent,\n\t\tinternalLinkComponent,\n\t\t...restProps\n\t} = props\n\n\tif (DEV) {\n\t\tif (\"className\" in restProps) {\n\t\t\tconsole.warn(\n\t\t\t\t`[PrismicRichText] className cannot be passed to <PrismicRichText> since it renders an array without a wrapping component. For more details, see ${devMsg(\n\t\t\t\t\t\"classname-is-not-a-valid-prop\",\n\t\t\t\t)}.`,\n\t\t\t\tfield,\n\t\t\t)\n\t\t}\n\t}\n\n\tif (!isFilled.richText(field)) {\n\t\treturn fallback != null ? <>{fallback}</> : null\n\t}\n\n\tconst serializer = composeSerializers<ReactNode>(\n\t\ttypeof components === \"object\" ? wrapMapSerializer(components) : components,\n\t\tcreateDefaultSerializer({\n\t\t\tlinkResolver,\n\t\t\tinternalLinkComponent,\n\t\t\texternalLinkComponent,\n\t\t}),\n\t)\n\n\t// The serializer is wrapped in a higher-order function that\n\t// automatically applies a key to React Elements if one is not already\n\t// given.\n\tconst serialized = serialize<ReactNode>(field, (type, node, text, children, key) => {\n\t\tconst result = serializer(type, node, text, children, key)\n\n\t\tif (isValidElement(result) && result.key == null) {\n\t\t\treturn cloneElement(result, { key })\n\t\t} else {\n\t\t\treturn result\n\t\t}\n\t})\n\n\tif (!serialized) {\n\t\treturn fallback != null ? <>{fallback}</> : null\n\t}\n\n\treturn <>{serialized}</>\n}\n"],"mappings":"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"}

package/dist/PrismicTable.d.ts

@@ -1,7 +1,6 @@
 import { JSXMapSerializer } from "./PrismicRichText.js";
 import { TableField, TableFieldBody, TableFieldBodyRow, TableFieldDataCell, TableFieldHead, TableFieldHeadRow, TableFieldHeaderCell } from "@prismicio/client";
 import { ComponentType, FC, ReactNode } from "react";
-
 //#region src/PrismicTable.d.ts
 type TableComponents = {
   table?: ComponentType<{
@@ -30,8 +29,9 @@ type TableComponents = {
   }>;
 };
 /** Props for `<PrismicTable>`. */
-type PrismicTableProps = {
-  /** The Prismic table field to render. */field: TableField;
+export type PrismicTableProps = {
+  /** The Prismic table field to render. */
+  field: TableField;
   /**
    * An object that maps a table block to a React component.
    *
@@ -62,7 +62,6 @@ type PrismicTableProps = {
  *
  * @see Learn how to style tables and customize table element components: {@link https://prismic.io/docs/fields/table}
  */
-declare const PrismicTable: FC<PrismicTableProps>;
+export declare const PrismicTable: FC<PrismicTableProps>;
 //#endregion
-export { PrismicTable, PrismicTableProps };
 //# sourceMappingURL=PrismicTable.d.ts.map

package/dist/PrismicTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PrismicTable.d.ts","names":[],"sources":["../src/PrismicTable.tsx"],"mappings":";;;;;KAcK,eAAA;EACJ,KAAA,GAAQ,aAAA;IAAgB,KAAA,EAAO,UAAA;IAAsB,QAAA,EAAU,SAAA;EAAA;EAC/D,KAAA,GAAQ,aAAA;IAAgB,IAAA,EAAM,cAAA;IAAgB,QAAA,EAAU,SAAA;EAAA;EACxD,KAAA,GAAQ,aAAA;IAAgB,IAAA,EAAM,cAAA;IAAgB,QAAA,EAAU,SAAA;EAAA;EACxD,EAAA,GAAK,aAAA;IACJ,GAAA,EAAK,iBAAA,GAAoB,iBAAA;IACzB,QAAA,EAAU,SAAA;EAAA;EAEX,EAAA,GAAK,aAAA;IAAgB,IAAA,EAAM,oBAAA;IAAsB,QAAA,EAAU,SAAA;EAAA;EAC3D,EAAA,GAAK,aAAA;IAAgB,IAAA,EAAM,kBAAA;IAAoB,QAAA,EAAU,SAAA;EAAA;AAAA;;KAa9C,iBAAA;EArBa,yCAuBxB,KAAA,EAAO,UAAA;EAvB8C;;;;;;;;;;;;;EAsCrD,UAAA,GAAa,gBAAA,GAAmB,eAAA;EAnChC;;;;EAyCA,QAAA,GAAW,SAAA;AAAA;;;;;;;;;;;cAaC,YAAA,EAAc,EAAA,CAAG,iBAAA"}
+{"version":3,"file":"PrismicTable.d.ts","names":[],"sources":["../src/PrismicTable.tsx"],"mappings":";;;;KAcK;EACJ,QAAQ;IAAgB,OAAO;IAAsB,UAAU;;EAC/D,QAAQ;IAAgB,MAAM;IAAgB,UAAU;;EACxD,QAAQ;IAAgB,MAAM;IAAgB,UAAU;;EACxD,KAAK;IACJ,KAAK,oBAAoB;IACzB,UAAU;;EAEX,KAAK;IAAgB,MAAM;IAAsB,UAAU;;EAC3D,KAAK;IAAgB,MAAM;IAAoB,UAAU;;;;YAa9C;;EAEX,OAAO;;;;;;;;;;;;;;EAeP,aAAa,mBAAmB;;;;;EAMhC,WAAW;;;;;;;;;;;;qBAaC,cAAc,GAAG"}

package/dist/PrismicTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"PrismicTable.js","names":[],"sources":["../src/PrismicTable.tsx"],"sourcesContent":["import {\n\tisFilled,\n\ttype TableField,\n\ttype TableFieldHead,\n\ttype TableFieldHeadRow,\n\ttype TableFieldBody,\n\ttype TableFieldBodyRow,\n\ttype TableFieldHeaderCell,\n\ttype TableFieldDataCell,\n} from \"@prismicio/client\"\nimport type { ComponentType, FC, ReactNode } from \"react\"\n\nimport { type JSXMapSerializer, PrismicRichText } from \"./PrismicRichText.js\"\n\ntype TableComponents = {\n\ttable?: ComponentType<{ table: TableField<\"filled\">; children: ReactNode }>\n\tthead?: ComponentType<{ head: TableFieldHead; children: ReactNode }>\n\ttbody?: ComponentType<{ body: TableFieldBody; children: ReactNode }>\n\ttr?: ComponentType<{\n\t\trow: TableFieldHeadRow | TableFieldBodyRow\n\t\tchildren: ReactNode\n\t}>\n\tth?: ComponentType<{ cell: TableFieldHeaderCell; children: ReactNode }>\n\ttd?: ComponentType<{ cell: TableFieldDataCell; children: ReactNode }>\n}\n\nconst defaultComponents: Required<TableComponents> = {\n\ttable: ({ children }) => <table>{children}</table>,\n\tthead: ({ children }) => <thead>{children}</thead>,\n\ttbody: ({ children }) => <tbody>{children}</tbody>,\n\ttr: ({ children }) => <tr>{children}</tr>,\n\tth: ({ children }) => <th>{children}</th>,\n\ttd: ({ children }) => <td>{children}</td>,\n}\n\n/** Props for `<PrismicTable>`. */\nexport type PrismicTableProps = {\n\t/** The Prismic table field to render. */\n\tfield: TableField\n\n\t/**\n\t * An object that maps a table block to a React component.\n\t *\n\t * @example\n\t * \tA map serializer.\n\t *\n\t * \t```jsx\n\t * \t{\n\t * \ttable: ({children}) => <table>{children}</table>\n\t * \tthead: ({children}) => <thead>{children}</thead>\n\t * \t}\n\t * \t```\n\t */\n\tcomponents?: JSXMapSerializer & TableComponents\n\n\t/**\n\t * The value to be rendered when the field is empty. If a fallback is not given, `null` will be\n\t * rendered.\n\t */\n\tfallback?: ReactNode\n}\n\n/**\n * Renders content from a Prismic table field as React components.\n *\n * @example\n * \t;```tsx\n * \t<PrismicTable field={slice.primary.pricing_table} />;\n * \t```\n *\n * @see Learn how to style tables and customize table element components: {@link https://prismic.io/docs/fields/table}\n */\nexport const PrismicTable: FC<PrismicTableProps> = (props) => {\n\tconst { field, components, fallback = null } = props\n\n\tif (!isFilled.table(field)) {\n\t\treturn fallback\n\t}\n\n\tconst { table: Table, thead: Thead, tbody: Tbody } = { ...defaultComponents, ...components }\n\n\treturn (\n\t\t<Table table={field}>\n\t\t\t{field.head && (\n\t\t\t\t<Thead head={field.head}>\n\t\t\t\t\t{field.head.rows.map((row) => (\n\t\t\t\t\t\t<TableRow key={row.key} row={row} components={components} />\n\t\t\t\t\t))}\n\t\t\t\t</Thead>\n\t\t\t)}\n\t\t\t<Tbody body={field.body}>\n\t\t\t\t{field.body.rows.map((row) => (\n\t\t\t\t\t<TableRow key={row.key} row={row} components={components} />\n\t\t\t\t))}\n\t\t\t</Tbody>\n\t\t</Table>\n\t)\n}\n\ntype TableRowProps = {\n\trow: TableFieldHeadRow | TableFieldBodyRow\n\tcomponents?: JSXMapSerializer & TableComponents\n}\n\nfunction TableRow(props: TableRowProps) {\n\tconst { row, components } = props\n\n\tconst { tr: Tr, th: Th, td: Td } = { ...defaultComponents, ...components }\n\n\treturn (\n\t\t<Tr row={row}>\n\t\t\t{row.cells.map((cell) =>\n\t\t\t\tcell.type === \"header\" ? (\n\t\t\t\t\t<Th key={cell.key} cell={cell}>\n\t\t\t\t\t\t<PrismicRichText field={cell.content} components={components} />\n\t\t\t\t\t</Th>\n\t\t\t\t) : (\n\t\t\t\t\t<Td key={cell.key} cell={cell}>\n\t\t\t\t\t\t<PrismicRichText field={cell.content} components={components} />\n\t\t\t\t\t</Td>\n\t\t\t\t),\n\t\t\t)}\n\t\t</Tr>\n\t)\n}\n"],"mappings":";;;;AA0BA,MAAM,oBAA+C;CACpD,QAAQ,EAAE,eAAe,oBAAC,SAAD,EAAQ,UAAiB,CAAA;CAClD,QAAQ,EAAE,eAAe,oBAAC,SAAD,EAAQ,UAAiB,CAAA;CAClD,QAAQ,EAAE,eAAe,oBAAC,SAAD,EAAQ,UAAiB,CAAA;CAClD,KAAK,EAAE,eAAe,oBAAC,MAAD,EAAK,UAAc,CAAA;CACzC,KAAK,EAAE,eAAe,oBAAC,MAAD,EAAK,UAAc,CAAA;CACzC,KAAK,EAAE,eAAe,oBAAC,MAAD,EAAK,UAAc,CAAA;CACzC;;;;;;;;;;;AAuCD,MAAa,gBAAuC,UAAU;CAC7D,MAAM,EAAE,OAAO,YAAY,WAAW,SAAS;AAE/C,KAAI,CAAC,SAAS,MAAM,MAAM,CACzB,QAAO;CAGR,MAAM,EAAE,OAAO,OAAO,OAAO,OAAO,OAAO,UAAU;EAAE,GAAG;EAAmB,GAAG;EAAY;AAE5F,QACC,qBAAC,OAAD;EAAO,OAAO;YAAd,CACE,MAAM,QACN,oBAAC,OAAD;GAAO,MAAM,MAAM;aACjB,MAAM,KAAK,KAAK,KAAK,QACrB,oBAAC,UAAD;IAA6B;IAAiB;IAAc,EAA7C,IAAI,IAAyC,CAC3D;GACK,CAAA,EAET,oBAAC,OAAD;GAAO,MAAM,MAAM;aACjB,MAAM,KAAK,KAAK,KAAK,QACrB,oBAAC,UAAD;IAA6B;IAAiB;IAAc,EAA7C,IAAI,IAAyC,CAC3D;GACK,CAAA,CACD;;;AASV,SAAS,SAAS,OAAsB;CACvC,MAAM,EAAE,KAAK,eAAe;CAE5B,MAAM,EAAE,IAAI,IAAI,IAAI,IAAI,IAAI,OAAO;EAAE,GAAG;EAAmB,GAAG;EAAY;AAE1E,QACC,oBAAC,IAAD;EAAS;YACP,IAAI,MAAM,KAAK,SACf,KAAK,SAAS,WACb,oBAAC,IAAD;GAAyB;aACxB,oBAAC,iBAAD;IAAiB,OAAO,KAAK;IAAqB;IAAc,CAAA;GAC5D,EAFI,KAAK,IAET,GAEL,oBAAC,IAAD;GAAyB;aACxB,oBAAC,iBAAD;IAAiB,OAAO,KAAK;IAAqB;IAAc,CAAA;GAC5D,EAFI,KAAK,IAET,CAEN;EACG,CAAA"}
+{"version":3,"file":"PrismicTable.js","names":[],"sources":["../src/PrismicTable.tsx"],"sourcesContent":["import {\n\tisFilled,\n\ttype TableField,\n\ttype TableFieldHead,\n\ttype TableFieldHeadRow,\n\ttype TableFieldBody,\n\ttype TableFieldBodyRow,\n\ttype TableFieldHeaderCell,\n\ttype TableFieldDataCell,\n} from \"@prismicio/client\"\nimport type { ComponentType, FC, ReactNode } from \"react\"\n\nimport { type JSXMapSerializer, PrismicRichText } from \"./PrismicRichText.js\"\n\ntype TableComponents = {\n\ttable?: ComponentType<{ table: TableField<\"filled\">; children: ReactNode }>\n\tthead?: ComponentType<{ head: TableFieldHead; children: ReactNode }>\n\ttbody?: ComponentType<{ body: TableFieldBody; children: ReactNode }>\n\ttr?: ComponentType<{\n\t\trow: TableFieldHeadRow | TableFieldBodyRow\n\t\tchildren: ReactNode\n\t}>\n\tth?: ComponentType<{ cell: TableFieldHeaderCell; children: ReactNode }>\n\ttd?: ComponentType<{ cell: TableFieldDataCell; children: ReactNode }>\n}\n\nconst defaultComponents: Required<TableComponents> = {\n\ttable: ({ children }) => <table>{children}</table>,\n\tthead: ({ children }) => <thead>{children}</thead>,\n\ttbody: ({ children }) => <tbody>{children}</tbody>,\n\ttr: ({ children }) => <tr>{children}</tr>,\n\tth: ({ children }) => <th>{children}</th>,\n\ttd: ({ children }) => <td>{children}</td>,\n}\n\n/** Props for `<PrismicTable>`. */\nexport type PrismicTableProps = {\n\t/** The Prismic table field to render. */\n\tfield: TableField\n\n\t/**\n\t * An object that maps a table block to a React component.\n\t *\n\t * @example\n\t * \tA map serializer.\n\t *\n\t * \t```jsx\n\t * \t{\n\t * \ttable: ({children}) => <table>{children}</table>\n\t * \tthead: ({children}) => <thead>{children}</thead>\n\t * \t}\n\t * \t```\n\t */\n\tcomponents?: JSXMapSerializer & TableComponents\n\n\t/**\n\t * The value to be rendered when the field is empty. If a fallback is not given, `null` will be\n\t * rendered.\n\t */\n\tfallback?: ReactNode\n}\n\n/**\n * Renders content from a Prismic table field as React components.\n *\n * @example\n * \t;```tsx\n * \t<PrismicTable field={slice.primary.pricing_table} />;\n * \t```\n *\n * @see Learn how to style tables and customize table element components: {@link https://prismic.io/docs/fields/table}\n */\nexport const PrismicTable: FC<PrismicTableProps> = (props) => {\n\tconst { field, components, fallback = null } = props\n\n\tif (!isFilled.table(field)) {\n\t\treturn fallback\n\t}\n\n\tconst { table: Table, thead: Thead, tbody: Tbody } = { ...defaultComponents, ...components }\n\n\treturn (\n\t\t<Table table={field}>\n\t\t\t{field.head && (\n\t\t\t\t<Thead head={field.head}>\n\t\t\t\t\t{field.head.rows.map((row) => (\n\t\t\t\t\t\t<TableRow key={row.key} row={row} components={components} />\n\t\t\t\t\t))}\n\t\t\t\t</Thead>\n\t\t\t)}\n\t\t\t<Tbody body={field.body}>\n\t\t\t\t{field.body.rows.map((row) => (\n\t\t\t\t\t<TableRow key={row.key} row={row} components={components} />\n\t\t\t\t))}\n\t\t\t</Tbody>\n\t\t</Table>\n\t)\n}\n\ntype TableRowProps = {\n\trow: TableFieldHeadRow | TableFieldBodyRow\n\tcomponents?: JSXMapSerializer & TableComponents\n}\n\nfunction TableRow(props: TableRowProps) {\n\tconst { row, components } = props\n\n\tconst { tr: Tr, th: Th, td: Td } = { ...defaultComponents, ...components }\n\n\treturn (\n\t\t<Tr row={row}>\n\t\t\t{row.cells.map((cell) =>\n\t\t\t\tcell.type === \"header\" ? (\n\t\t\t\t\t<Th key={cell.key} cell={cell}>\n\t\t\t\t\t\t<PrismicRichText field={cell.content} components={components} />\n\t\t\t\t\t</Th>\n\t\t\t\t) : (\n\t\t\t\t\t<Td key={cell.key} cell={cell}>\n\t\t\t\t\t\t<PrismicRichText field={cell.content} components={components} />\n\t\t\t\t\t</Td>\n\t\t\t\t),\n\t\t\t)}\n\t\t</Tr>\n\t)\n}\n"],"mappings":";;;;AA0BA,MAAM,oBAA+C;CACpD,QAAQ,EAAE,eAAe,oBAAC,SAAD,EAAQ,SAAgB,CAAA;CACjD,QAAQ,EAAE,eAAe,oBAAC,SAAD,EAAQ,SAAgB,CAAA;CACjD,QAAQ,EAAE,eAAe,oBAAC,SAAD,EAAQ,SAAgB,CAAA;CACjD,KAAK,EAAE,eAAe,oBAAC,MAAD,EAAK,SAAa,CAAA;CACxC,KAAK,EAAE,eAAe,oBAAC,MAAD,EAAK,SAAa,CAAA;CACxC,KAAK,EAAE,eAAe,oBAAC,MAAD,EAAK,SAAa,CAAA;AACzC;;;;;;;;;;;AAuCA,MAAa,gBAAuC,UAAU;CAC7D,MAAM,EAAE,OAAO,YAAY,WAAW,SAAS;CAE/C,IAAI,CAAC,SAAS,MAAM,KAAK,GACxB,OAAO;CAGR,MAAM,EAAE,OAAO,OAAO,OAAO,OAAO,OAAO,UAAU;EAAE,GAAG;EAAmB,GAAG;CAAW;CAE3F,OACC,qBAAC,OAAD;EAAO,OAAO;EAAd,UAAA,CACE,MAAM,QACN,oBAAC,OAAD;GAAO,MAAM,MAAM;GACjB,UAAA,MAAM,KAAK,KAAK,KAAK,QACrB,oBAAC,UAAD;IAA6B;IAAiB;GAAa,GAA5C,IAAI,GAAwC,CAC3D;EACK,CAAA,GAER,oBAAC,OAAD;GAAO,MAAM,MAAM;GACjB,UAAA,MAAM,KAAK,KAAK,KAAK,QACrB,oBAAC,UAAD;IAA6B;IAAiB;GAAa,GAA5C,IAAI,GAAwC,CAC3D;EACK,CAAA,CACD;;AAET;AAOA,SAAS,SAAS,OAAsB;CACvC,MAAM,EAAE,KAAK,eAAe;CAE5B,MAAM,EAAE,IAAI,IAAI,IAAI,IAAI,IAAI,OAAO;EAAE,GAAG;EAAmB,GAAG;CAAW;CAEzE,OACC,oBAAC,IAAD;EAAS;EACP,UAAA,IAAI,MAAM,KAAK,SACf,KAAK,SAAS,WACb,oBAAC,IAAD;GAAyB;GACxB,UAAA,oBAAC,iBAAD;IAAiB,OAAO,KAAK;IAAqB;GAAa,CAAA;EAC5D,GAFK,KAAK,GAEV,IAEJ,oBAAC,IAAD;GAAyB;GACxB,UAAA,oBAAC,iBAAD;IAAiB,OAAO,KAAK;IAAqB;GAAa,CAAA;EAC5D,GAFK,KAAK,GAEV,CAEN;CACG,CAAA;AAEN"}

package/dist/PrismicText.d.ts

@@ -1,15 +1,16 @@
 import { RichTextField } from "@prismicio/client";
 import { FC } from "react";
-
 //#region src/PrismicText.d.ts
 /** Props for `<PrismicText>`. */
-type PrismicTextProps = {
-  /** The Prismic rich text field to render. */field: RichTextField | null | undefined;
+export type PrismicTextProps = {
+  /** The Prismic rich text field to render. */
+  field: RichTextField | null | undefined;
   /**
    * The string rendered when the field is empty. If a fallback is not given, `null` will be
    * rendered.
    */
-  fallback?: string; /** The separator used between blocks. Defaults to `\n`. */
+  fallback?: string;
+  /** The separator used between blocks. Defaults to `\n`. */
   separator?: string;
 };
 /**
@@ -22,7 +23,6 @@ type PrismicTextProps = {
  *
  * @see Learn how to display rich text as plain text or React components: {@link https://prismic.io/docs/fields/rich-text}
  */
-declare const PrismicText: FC<PrismicTextProps>;
+export declare const PrismicText: FC<PrismicTextProps>;
 //#endregion
-export { PrismicText, PrismicTextProps };
 //# sourceMappingURL=PrismicText.d.ts.map

package/dist/PrismicText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PrismicText.d.ts","names":[],"sources":["../src/PrismicText.tsx"],"mappings":";;;;;KAOY,gBAAA;EAAA,6CAEX,KAAA,EAAO,aAAA;;;;;EAMP,QAAA,WAGA;EAAA,SAAA;AAAA;AAaD;;;;;;;;;;AAAA,cAAa,WAAA,EAAa,EAAA,CAAG,gBAAA"}
+{"version":3,"file":"PrismicText.d.ts","names":[],"sources":["../src/PrismicText.tsx"],"mappings":";;;;YAOY;;EAEX,OAAO;;;;;EAMP;;EAGA;;;;;;;;;;;;qBAaY,aAAa,GAAG"}

package/dist/PrismicText.js.map

@@ -1 +1 @@
-{"version":3,"file":"PrismicText.js","names":[],"sources":["../src/PrismicText.tsx"],"sourcesContent":["import { asText, isFilled, type RichTextField } from \"@prismicio/client\"\nimport { DEV } from \"esm-env\"\nimport type { FC } from \"react\"\n\nimport { devMsg } from \"./lib/devMsg.js\"\n\n/** Props for `<PrismicText>`. */\nexport type PrismicTextProps = {\n\t/** The Prismic rich text field to render. */\n\tfield: RichTextField | null | undefined\n\n\t/**\n\t * The string rendered when the field is empty. If a fallback is not given, `null` will be\n\t * rendered.\n\t */\n\tfallback?: string\n\n\t/** The separator used between blocks. Defaults to `\\n`. */\n\tseparator?: string\n}\n\n/**\n * Renders content from a Prismic rich text field as plain text (no HTML).\n *\n * @example\n * \t;```tsx\n * \t<PrismicText field={slice.primary.text} />;\n * \t```\n *\n * @see Learn how to display rich text as plain text or React components: {@link https://prismic.io/docs/fields/rich-text}\n */\nexport const PrismicText: FC<PrismicTextProps> = (props) => {\n\tconst { field, fallback, separator } = props\n\n\tif (DEV) {\n\t\tif (\"className\" in props) {\n\t\t\tconsole.warn(\n\t\t\t\t`[PrismicText] className cannot be passed to <PrismicText> since it renders plain text without a wrapping component. For more details, see ${devMsg(\n\t\t\t\t\t\"classname-is-not-a-valid-prop\",\n\t\t\t\t)}.`,\n\t\t\t\tprops.field,\n\t\t\t)\n\t\t}\n\t}\n\n\tif (typeof props.field === \"string\") {\n\t\tif (DEV) {\n\t\t\tconsole.error(\n\t\t\t\t`[PrismicText] The \"field\" prop only accepts a rich text field's value but was provided a different type of field instead (e.g. a key text or select field). You can resolve this error by rendering the field value inline without <PrismicText>. For more details, see ${devMsg(\n\t\t\t\t\t\"prismictext-works-only-with-rich-text-and-title-fields\",\n\t\t\t\t)}`,\n\t\t\t\tprops.field,\n\t\t\t)\n\t\t}\n\n\t\treturn null\n\t}\n\n\tif (!isFilled.richText(field)) {\n\t\treturn fallback != null ? <>{fallback}</> : null\n\t}\n\n\treturn <>{asText(field, { separator })}</>\n}\n"],"mappings":";;;;;;;;;;;;;;;AA+BA,MAAa,eAAqC,UAAU;CAC3D,MAAM,EAAE,OAAO,UAAU,cAAc;AAEvC,KAAI;MACC,eAAe,MAClB,SAAQ,KACP,6IAA6I,OAC5I,gCACA,CAAC,IACF,MAAM,MACN;;AAIH,KAAI,OAAO,MAAM,UAAU,UAAU;AACpC,MAAI,IACH,SAAQ,MACP,2QAA2Q,OAC1Q,yDACA,IACD,MAAM,MACN;AAGF,SAAO;;AAGR,KAAI,CAAC,SAAS,SAAS,MAAM,CAC5B,QAAO,YAAY,OAAO,oBAAA,UAAA,EAAA,UAAG,UAAY,CAAA,GAAG;AAG7C,QAAO,oBAAA,UAAA,EAAA,UAAG,OAAO,OAAO,EAAE,WAAW,CAAC,EAAI,CAAA"}
+{"version":3,"file":"PrismicText.js","names":[],"sources":["../src/PrismicText.tsx"],"sourcesContent":["import { asText, isFilled, type RichTextField } from \"@prismicio/client\"\nimport { DEV } from \"esm-env\"\nimport type { FC } from \"react\"\n\nimport { devMsg } from \"./lib/devMsg.js\"\n\n/** Props for `<PrismicText>`. */\nexport type PrismicTextProps = {\n\t/** The Prismic rich text field to render. */\n\tfield: RichTextField | null | undefined\n\n\t/**\n\t * The string rendered when the field is empty. If a fallback is not given, `null` will be\n\t * rendered.\n\t */\n\tfallback?: string\n\n\t/** The separator used between blocks. Defaults to `\\n`. */\n\tseparator?: string\n}\n\n/**\n * Renders content from a Prismic rich text field as plain text (no HTML).\n *\n * @example\n * \t;```tsx\n * \t<PrismicText field={slice.primary.text} />;\n * \t```\n *\n * @see Learn how to display rich text as plain text or React components: {@link https://prismic.io/docs/fields/rich-text}\n */\nexport const PrismicText: FC<PrismicTextProps> = (props) => {\n\tconst { field, fallback, separator } = props\n\n\tif (DEV) {\n\t\tif (\"className\" in props) {\n\t\t\tconsole.warn(\n\t\t\t\t`[PrismicText] className cannot be passed to <PrismicText> since it renders plain text without a wrapping component. For more details, see ${devMsg(\n\t\t\t\t\t\"classname-is-not-a-valid-prop\",\n\t\t\t\t)}.`,\n\t\t\t\tprops.field,\n\t\t\t)\n\t\t}\n\t}\n\n\tif (typeof props.field === \"string\") {\n\t\tif (DEV) {\n\t\t\tconsole.error(\n\t\t\t\t`[PrismicText] The \"field\" prop only accepts a rich text field's value but was provided a different type of field instead (e.g. a key text or select field). You can resolve this error by rendering the field value inline without <PrismicText>. For more details, see ${devMsg(\n\t\t\t\t\t\"prismictext-works-only-with-rich-text-and-title-fields\",\n\t\t\t\t)}`,\n\t\t\t\tprops.field,\n\t\t\t)\n\t\t}\n\n\t\treturn null\n\t}\n\n\tif (!isFilled.richText(field)) {\n\t\treturn fallback != null ? <>{fallback}</> : null\n\t}\n\n\treturn <>{asText(field, { separator })}</>\n}\n"],"mappings":";;;;;;;;;;;;;;;AA+BA,MAAa,eAAqC,UAAU;CAC3D,MAAM,EAAE,OAAO,UAAU,cAAc;CAEvC,IAAI,KACC;MAAA,eAAe,OAClB,QAAQ,KACP,6IAA6I,OAC5I,+BACD,EAAE,IACF,MAAM,KACP;CAAA;CAIF,IAAI,OAAO,MAAM,UAAU,UAAU;EACpC,IAAI,KACH,QAAQ,MACP,2QAA2Q,OAC1Q,wDACD,KACA,MAAM,KACP;EAGD,OAAO;CACR;CAEA,IAAI,CAAC,SAAS,SAAS,KAAK,GAC3B,OAAO,YAAY,OAAO,oBAAA,UAAA,EAAA,UAAG,SAAW,CAAA,IAAI;CAG7C,OAAO,oBAAA,UAAA,EAAA,UAAG,OAAO,OAAO,EAAE,UAAU,CAAC,EAAI,CAAA;AAC1C"}

package/dist/PrismicToolbar.d.ts

@@ -1,8 +1,7 @@
 import { FC } from "react";
-
 //#region src/PrismicToolbar.d.ts
 /** Props for `<PrismicToolbar>`. */
-type PrismicToolbarProps = {
+export type PrismicToolbarProps = {
   /**
    * The name of the Prismic repository. For example, `"my-repo"` if the repository URL is
    * `my-repo.prismic.io`.
@@ -37,7 +36,6 @@ type PrismicToolbarProps = {
  *
  * @see Learn how to set up preview functionality and the toolbar's role in preview sessions: {@link https://prismic.io/docs/previews}
  */
-declare const PrismicToolbar: FC<PrismicToolbarProps>;
+export declare const PrismicToolbar: FC<PrismicToolbarProps>;
 //#endregion
-export { PrismicToolbar, PrismicToolbarProps };
 //# sourceMappingURL=PrismicToolbar.d.ts.map

package/dist/PrismicToolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PrismicToolbar.d.ts","names":[],"sources":["../src/PrismicToolbar.tsx"],"mappings":";;;;KAMY,mBAAA;EAAA;;;;EAKX,cAAA;EAUA;;;;;;;;EAAA,eAAA,IAAmB,KAAA,EAAO,WAAA;IAAc,GAAA;EAAA;;;;;;;EAQxC,YAAA,IAAgB,KAAA,EAAO,WAAA;AAAA;;;;;;;;;;;cAaX,cAAA,EAAgB,EAAA,CAAG,mBAAA"}
+{"version":3,"file":"PrismicToolbar.d.ts","names":[],"sources":["../src/PrismicToolbar.tsx"],"mappings":";;;YAMY;;;;;EAKX;;;;;;;;;EAUA,mBAAmB,OAAO;IAAc;;;;;;;;EAQxC,gBAAgB,OAAO;;;;;;;;;;;;qBAaX,gBAAgB,GAAG"}

package/dist/PrismicToolbar.js

@@ -16,9 +16,11 @@ const PrismicToolbar = (props) => {
 	const { repositoryName, onPreviewUpdate, onPreviewEnd } = props;
 	const src = getToolbarSrc(repositoryName);
 	const onPreviewUpdateRef = useRef(onPreviewUpdate);
-	onPreviewUpdateRef.current = onPreviewUpdate;
 	const onPreviewEndRef = useRef(onPreviewEnd);
-	onPreviewEndRef.current = onPreviewEnd;
+	useEffect(() => {
+		onPreviewUpdateRef.current = onPreviewUpdate;
+		onPreviewEndRef.current = onPreviewEnd;
+	});
 	useEffect(() => {
 		if (!document.querySelector(`script[src="${src}"]`)) {
 			const script = document.createElement("script");

package/dist/PrismicToolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"PrismicToolbar.js","names":[],"sources":["../src/PrismicToolbar.tsx"],"sourcesContent":["\"use client\"\n\nimport { getToolbarSrc } from \"@prismicio/client\"\nimport { type FC, useEffect, useRef } from \"react\"\n\n/** Props for `<PrismicToolbar>`. */\nexport type PrismicToolbarProps = {\n\t/**\n\t * The name of the Prismic repository. For example, `\"my-repo\"` if the repository URL is\n\t * `my-repo.prismic.io`.\n\t */\n\trepositoryName: string\n\n\t/**\n\t * Called when the Prismic toolbar triggers a preview update. This happens when the previewed\n\t * content changes.\n\t *\n\t * The new ref can be read from `event.detail.ref`.\n\t *\n\t * The default page reload behavior can be cancelled with `event.preventDefault()`.\n\t */\n\tonPreviewUpdate?: (event: CustomEvent<{ ref: string }>) => void\n\n\t/**\n\t * Called when the Prismic toolbar triggers a preview end. This happens when a preview session is\n\t * closed.\n\t *\n\t * The default page reload behavior can be cancelled with `event.preventDefault()`.\n\t */\n\tonPreviewEnd?: (event: CustomEvent<null>) => void\n}\n\n/**\n * Renders the Prismic Toolbar script to support draft previews.\n *\n * @example\n * \t;```tsx\n * \t<PrismicToolbar repositoryName=\"my-repo\" />;\n * \t```\n *\n * @see Learn how to set up preview functionality and the toolbar's role in preview sessions: {@link https://prismic.io/docs/previews}\n */\nexport const PrismicToolbar: FC<PrismicToolbarProps> = (props) => {\n\tconst { repositoryName, onPreviewUpdate, onPreviewEnd } = props\n\n\tconst src = getToolbarSrc(repositoryName)\n\n\tconst onPreviewUpdateRef = useRef(onPreviewUpdate)\n\tonPreviewUpdateRef.current = onPreviewUpdate\n\n\tconst onPreviewEndRef = useRef(onPreviewEnd)\n\tonPreviewEndRef.current = onPreviewEnd\n\n\tuseEffect(() => {\n\t\tconst existingScript = document.querySelector(`script[src=\"${src}\"]`)\n\n\t\tif (!existingScript) {\n\t\t\tconst script = document.createElement(\"script\")\n\t\t\tscript.src = src\n\t\t\tscript.defer = true\n\n\t\t\t// Used to distinguish the toolbar element from other elements.\n\t\t\tscript.dataset.prismicToolbar = \"\"\n\t\t\tscript.dataset.repositoryName = repositoryName\n\n\t\t\t// Disable Happy DOM `<script>` evaluation during tests.\n\t\t\t// @ts-expect-error - `_evaluateScript` is a Happy DOM-specific property.\n\t\t\tscript._evaluateScript = false\n\n\t\t\tdocument.body.appendChild(script)\n\t\t}\n\t}, [repositoryName, src])\n\n\tuseEffect(() => {\n\t\tconst controller = new AbortController()\n\n\t\twindow.addEventListener(\n\t\t\t\"prismicPreviewUpdate\",\n\t\t\t(event) => onPreviewUpdateRef.current?.(event as CustomEvent<{ ref: string }>),\n\t\t\t{ signal: controller.signal },\n\t\t)\n\n\t\twindow.addEventListener(\n\t\t\t\"prismicPreviewEnd\",\n\t\t\t(event) => onPreviewEndRef.current?.(event as CustomEvent<null>),\n\t\t\t{ signal: controller.signal },\n\t\t)\n\n\t\treturn () => controller.abort()\n\t}, [])\n\n\treturn null\n}\n"],"mappings":";;;;;;;;;;;;;;AA0CA,MAAa,kBAA2C,UAAU;CACjE,MAAM,EAAE,gBAAgB,iBAAiB,iBAAiB;CAE1D,MAAM,MAAM,cAAc,eAAe;CAEzC,MAAM,qBAAqB,OAAO,gBAAgB;AAClD,oBAAmB,UAAU;CAE7B,MAAM,kBAAkB,OAAO,aAAa;AAC5C,iBAAgB,UAAU;AAE1B,iBAAgB;AAGf,MAAI,CAFmB,SAAS,cAAc,eAAe,IAAI,IAAI,EAEhD;GACpB,MAAM,SAAS,SAAS,cAAc,SAAS;AAC/C,UAAO,MAAM;AACb,UAAO,QAAQ;AAGf,UAAO,QAAQ,iBAAiB;AAChC,UAAO,QAAQ,iBAAiB;AAIhC,UAAO,kBAAkB;AAEzB,YAAS,KAAK,YAAY,OAAO;;IAEhC,CAAC,gBAAgB,IAAI,CAAC;AAEzB,iBAAgB;EACf,MAAM,aAAa,IAAI,iBAAiB;AAExC,SAAO,iBACN,yBACC,UAAU,mBAAmB,UAAU,MAAsC,EAC9E,EAAE,QAAQ,WAAW,QAAQ,CAC7B;AAED,SAAO,iBACN,sBACC,UAAU,gBAAgB,UAAU,MAA2B,EAChE,EAAE,QAAQ,WAAW,QAAQ,CAC7B;AAED,eAAa,WAAW,OAAO;IAC7B,EAAE,CAAC;AAEN,QAAO"}
+{"version":3,"file":"PrismicToolbar.js","names":[],"sources":["../src/PrismicToolbar.tsx"],"sourcesContent":["\"use client\"\n\nimport { getToolbarSrc } from \"@prismicio/client\"\nimport { type FC, useEffect, useRef } from \"react\"\n\n/** Props for `<PrismicToolbar>`. */\nexport type PrismicToolbarProps = {\n\t/**\n\t * The name of the Prismic repository. For example, `\"my-repo\"` if the repository URL is\n\t * `my-repo.prismic.io`.\n\t */\n\trepositoryName: string\n\n\t/**\n\t * Called when the Prismic toolbar triggers a preview update. This happens when the previewed\n\t * content changes.\n\t *\n\t * The new ref can be read from `event.detail.ref`.\n\t *\n\t * The default page reload behavior can be cancelled with `event.preventDefault()`.\n\t */\n\tonPreviewUpdate?: (event: CustomEvent<{ ref: string }>) => void\n\n\t/**\n\t * Called when the Prismic toolbar triggers a preview end. This happens when a preview session is\n\t * closed.\n\t *\n\t * The default page reload behavior can be cancelled with `event.preventDefault()`.\n\t */\n\tonPreviewEnd?: (event: CustomEvent<null>) => void\n}\n\n/**\n * Renders the Prismic Toolbar script to support draft previews.\n *\n * @example\n * \t;```tsx\n * \t<PrismicToolbar repositoryName=\"my-repo\" />;\n * \t```\n *\n * @see Learn how to set up preview functionality and the toolbar's role in preview sessions: {@link https://prismic.io/docs/previews}\n */\nexport const PrismicToolbar: FC<PrismicToolbarProps> = (props) => {\n\tconst { repositoryName, onPreviewUpdate, onPreviewEnd } = props\n\n\tconst src = getToolbarSrc(repositoryName)\n\n\tconst onPreviewUpdateRef = useRef(onPreviewUpdate)\n\tconst onPreviewEndRef = useRef(onPreviewEnd)\n\n\tuseEffect(() => {\n\t\tonPreviewUpdateRef.current = onPreviewUpdate\n\t\tonPreviewEndRef.current = onPreviewEnd\n\t})\n\n\tuseEffect(() => {\n\t\tconst existingScript = document.querySelector(`script[src=\"${src}\"]`)\n\n\t\tif (!existingScript) {\n\t\t\tconst script = document.createElement(\"script\")\n\t\t\tscript.src = src\n\t\t\tscript.defer = true\n\n\t\t\t// Used to distinguish the toolbar element from other elements.\n\t\t\tscript.dataset.prismicToolbar = \"\"\n\t\t\tscript.dataset.repositoryName = repositoryName\n\n\t\t\t// Disable Happy DOM `<script>` evaluation during tests.\n\t\t\t// @ts-expect-error - `_evaluateScript` is a Happy DOM-specific property.\n\t\t\tscript._evaluateScript = false\n\n\t\t\tdocument.body.appendChild(script)\n\t\t}\n\t}, [repositoryName, src])\n\n\tuseEffect(() => {\n\t\tconst controller = new AbortController()\n\n\t\twindow.addEventListener(\n\t\t\t\"prismicPreviewUpdate\",\n\t\t\t(event) => onPreviewUpdateRef.current?.(event as CustomEvent<{ ref: string }>),\n\t\t\t{ signal: controller.signal },\n\t\t)\n\n\t\twindow.addEventListener(\n\t\t\t\"prismicPreviewEnd\",\n\t\t\t(event) => onPreviewEndRef.current?.(event as CustomEvent<null>),\n\t\t\t{ signal: controller.signal },\n\t\t)\n\n\t\treturn () => controller.abort()\n\t}, [])\n\n\treturn null\n}\n"],"mappings":";;;;;;;;;;;;;;AA0CA,MAAa,kBAA2C,UAAU;CACjE,MAAM,EAAE,gBAAgB,iBAAiB,iBAAiB;CAE1D,MAAM,MAAM,cAAc,cAAc;CAExC,MAAM,qBAAqB,OAAO,eAAe;CACjD,MAAM,kBAAkB,OAAO,YAAY;CAE3C,gBAAgB;EACf,mBAAmB,UAAU;EAC7B,gBAAgB,UAAU;CAC3B,CAAC;CAED,gBAAgB;EAGf,IAAI,CAFmB,SAAS,cAAc,eAAe,IAAI,GAE/C,GAAG;GACpB,MAAM,SAAS,SAAS,cAAc,QAAQ;GAC9C,OAAO,MAAM;GACb,OAAO,QAAQ;GAGf,OAAO,QAAQ,iBAAiB;GAChC,OAAO,QAAQ,iBAAiB;GAIhC,OAAO,kBAAkB;GAEzB,SAAS,KAAK,YAAY,MAAM;EACjC;CACD,GAAG,CAAC,gBAAgB,GAAG,CAAC;CAExB,gBAAgB;EACf,MAAM,aAAa,IAAI,gBAAgB;EAEvC,OAAO,iBACN,yBACC,UAAU,mBAAmB,UAAU,KAAqC,GAC7E,EAAE,QAAQ,WAAW,OAAO,CAC7B;EAEA,OAAO,iBACN,sBACC,UAAU,gBAAgB,UAAU,KAA0B,GAC/D,EAAE,QAAQ,WAAW,OAAO,CAC7B;EAEA,aAAa,WAAW,MAAM;CAC/B,GAAG,CAAC,CAAC;CAEL,OAAO;AACR"}

package/dist/SliceZone.d.ts

@@ -1,6 +1,5 @@
 import { Slice } from "@prismicio/client";
 import { ComponentType, FC, ReactNode } from "react";
-
 //#region src/SliceZone.d.ts
 /**
  * Returns the type of a `SliceLike` type.
@@ -14,14 +13,14 @@ type ExtractSliceType<TSlice extends SliceLike> = TSlice extends Slice ? TSlice[
  *
  * @typeParam SliceType - Type name of the slice.
  */
-type SliceLikeRestV2<TSliceType extends string = string> = Pick<Slice<TSliceType>, "id" | "slice_type">;
+export type SliceLikeRestV2<TSliceType extends string = string> = Pick<Slice<TSliceType>, "id" | "slice_type">;
 /**
  * The minimum required properties to represent a Prismic slice from the Prismic GraphQL API for the
  * `mapSliceZone()` helper.
  *
  * @typeParam SliceType - Type name of the slice.
  */
-type SliceLikeGraphQL<TSliceType extends string = string> = {
+export type SliceLikeGraphQL<TSliceType extends string = string> = {
   type: Slice<TSliceType>["slice_type"];
 };
 /**
@@ -32,7 +31,7 @@ type SliceLikeGraphQL<TSliceType extends string = string> = {
  *
  * @typeParam SliceType - Type name of the slice.
  */
-type SliceLike<TSliceType extends string = string> = (SliceLikeRestV2<TSliceType> | SliceLikeGraphQL<TSliceType>) & {
+export type SliceLike<TSliceType extends string = string> = (SliceLikeRestV2<TSliceType> | SliceLikeGraphQL<TSliceType>) & {
   /**
    * If `true`, this slice has been modified from its original value using a mapper and
    * `@prismicio/client`'s `mapSliceZone()`.
@@ -49,7 +48,7 @@ type SliceLike<TSliceType extends string = string> = (SliceLikeRestV2<TSliceType
  *
  * @typeParam TSlice - The type(s) of a slice in the slice zone.
  */
-type SliceZoneLike<TSlice extends SliceLike = SliceLike> = readonly TSlice[];
+export type SliceZoneLike<TSlice extends SliceLike = SliceLike> = readonly TSlice[];
 /**
  * React props for a component rendering content from a Prismic slice using the `<SliceZone>`
  * component.
@@ -58,10 +57,14 @@ type SliceZoneLike<TSlice extends SliceLike = SliceLike> = readonly TSlice[];
  * @typeParam TContext - Arbitrary data passed to `<SliceZone>` and made available to all slice
  *   components.
  */
-type SliceComponentProps<TSlice extends SliceLike = SliceLike, TContext = unknown> = {
-  /** Slice data for this component. */slice: TSlice; /** The index of the slice in the slice zone. */
-  index: number; /** All slices from the slice zone to which the slice belongs. */
-  slices: SliceZoneLike<TSlice extends SliceLikeGraphQL ? SliceLikeGraphQL : SliceLikeRestV2>; /** Arbitrary data passed to `<SliceZone>` and made available to all slice components. */
+export type SliceComponentProps<TSlice extends SliceLike = SliceLike, TContext = unknown> = {
+  /** Slice data for this component. */
+  slice: TSlice;
+  /** The index of the slice in the slice zone. */
+  index: number;
+  /** All slices from the slice zone to which the slice belongs. */
+  slices: SliceZoneLike<TSlice extends SliceLikeGraphQL ? SliceLikeGraphQL : SliceLikeRestV2>;
+  /** Arbitrary data passed to `<SliceZone>` and made available to all slice components. */
   context: TContext;
 };
 /**
@@ -70,7 +73,7 @@ type SliceComponentProps<TSlice extends SliceLike = SliceLike, TContext = unknow
  * @typeParam TSlice - The type(s) of a slice in the slice zone.
  * @typeParam TContext - Arbitrary data made available to all slice components.
  */
-type SliceComponentType<TSlice extends SliceLike = any, TContext = unknown> = ComponentType<SliceComponentProps<TSlice, TContext>>;
+export type SliceComponentType<TSlice extends SliceLike = any, TContext = unknown> = ComponentType<SliceComponentProps<TSlice, TContext>>;
 /**
  * A record of slice types mapped to a React component. The component will be rendered for each
  * instance of its slice.
@@ -80,17 +83,21 @@ type SliceComponentType<TSlice extends SliceLike = any, TContext = unknown> = Co
  * @typeParam TSlice - The type(s) of a slice in the slice zone.
  * @typeParam TContext - Arbitrary data made available to all slice components.
  */
-type SliceZoneComponents<TSlice extends SliceLike = SliceLike, TContext = unknown> = { [SliceType in ExtractSliceType<TSlice>]: SliceComponentType<Extract<TSlice, SliceLike<SliceType>> extends never ? SliceLike : Extract<TSlice, SliceLike<SliceType>>, TContext> };
+export type SliceZoneComponents<TSlice extends SliceLike = SliceLike, TContext = unknown> = { [SliceType in ExtractSliceType<TSlice>]: SliceComponentType<Extract<TSlice, SliceLike<SliceType>> extends never ? SliceLike : Extract<TSlice, SliceLike<SliceType>>, TContext>; };
 /**
  * React props for the `<SliceZone>` component.
  *
  * @typeParam TSlice - The type(s) of a slice in the slice zone.
  * @typeParam TContext - Arbitrary data made available to all slice components.
  */
-type SliceZoneProps<TContext = unknown> = {
-  /** List of slice data from the slice zone. */slices?: SliceZoneLike; /** A record mapping slice types to React components. */
-  components?: Record<string, ComponentType<any>>; /** The React component rendered if a component mapping from the `components` prop cannot be found. */
-  defaultComponent?: ComponentType<SliceComponentProps<any, TContext>>; /** Arbitrary data made available to all slice components. */
+export type SliceZoneProps<TContext = unknown> = {
+  /** List of slice data from the slice zone. */
+  slices?: SliceZoneLike;
+  /** A record mapping slice types to React components. */
+  components?: Record<string, ComponentType<any>>;
+  /** The React component rendered if a component mapping from the `components` prop cannot be found. */
+  defaultComponent?: ComponentType<SliceComponentProps<any, TContext>>;
+  /** Arbitrary data made available to all slice components. */
   context?: TContext;
 };
 /**
@@ -99,9 +106,7 @@ type SliceZoneProps<TContext = unknown> = {
  * This is also the default React component rendered when a component mapping cannot be found in
  * `<SliceZone>`.
  */
-declare const TODOSliceComponent: <TSlice extends SliceLike>({
-  slice
-}: {
+export declare const TODOSliceComponent: <TSlice extends SliceLike>({ slice }: {
   slice: TSlice;
 }) => ReactNode;
 /**
@@ -114,7 +119,6 @@ declare const TODOSliceComponent: <TSlice extends SliceLike>({
  *
  * @see Learn how to create slices, use slice variations, and display slices: {@link https://prismic.io/docs/slices}
  */
-declare const SliceZone: FC<SliceZoneProps>;
+export declare const SliceZone: FC<SliceZoneProps>;
 //#endregion
-export { SliceComponentProps, SliceComponentType, SliceLike, SliceLikeGraphQL, SliceLikeRestV2, SliceZone, SliceZoneComponents, SliceZoneLike, SliceZoneProps, TODOSliceComponent };
 //# sourceMappingURL=SliceZone.d.ts.map

package/dist/SliceZone.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SliceZone.d.ts","names":[],"sources":["../src/SliceZone.tsx"],"mappings":";;;;;;AAE6E;;;KASxE,gBAAA,gBAAgC,SAAA,IAAa,MAAA,SAAe,KAAA,GAC9D,MAAA,iBACA,MAAA,SAAe,gBAAA,GACd,MAAA;;;;;;;KASQ,eAAA,uCAAsD,IAAA,CACjE,KAAA,CAAM,UAAA;;;;;;;KAUK,gBAAA;EACX,IAAA,EAAM,KAAA,CAAM,UAAA;AAAA;;;AAZb;;;;;;KAuBY,SAAA,wCACT,eAAA,CAAgB,UAAA,IAChB,gBAAA,CAAiB,UAAA;EAzBkD;;;;;;EAiCrE,QAAA;AAAA;;;;;;;;;KAWW,aAAA,gBAA6B,SAAA,GAAY,SAAA,aAAsB,MAAA;AArB3E;;;;;;;;AAAA,KA+BY,mBAAA,gBAAmC,SAAA,GAAY,SAAA;EA/BrC,qCAiCrB,KAAA,EAAO,MAAA,EAhCW;EAmClB,KAAA,UAlCmB;EAyCnB,MAAA,EAAQ,aAAA,CAAc,MAAA,SAAe,gBAAA,GAAmB,gBAAA,GAAmB,eAAA,GAjCnE;EAoCR,OAAA,EAAS,QAAA;AAAA;;;;;;;KASE,kBAAA,gBAEI,SAAA,8BAEZ,aAAA,CAAc,mBAAA,CAAoB,MAAA,EAAQ,QAAA;;;;;;;AA5B9C;;;KAuCY,mBAAA,gBAAmC,SAAA,GAAY,SAAA,wCAW3C,gBAAA,CAAiB,MAAA,IAAU,kBAAA,CACxC,OAAA,CAAQ,MAAA,EAAQ,SAAA,CAAU,SAAA,mBACvB,SAAA,GACA,OAAA,CAAQ,MAAA,EAAQ,SAAA,CAAU,SAAA,IAC7B,QAAA;;;;;;;KAUS,cAAA;EAjDM,8CAmDjB,MAAA,GAAS,aAAA,EAlEqC;EAsE9C,UAAA,GAAa,MAAA,SAAe,aAAA,QAtEyC;EA0ErE,gBAAA,GAAmB,aAAA,CAAc,mBAAA,MAAyB,QAAA,IAxEnD;EA2EP,OAAA,GAAU,QAAA;AAAA;;;;;;;cASE,kBAAA,kBAAqC,SAAA;EAAW;AAAA;EAG5D,KAAA,EAAO,MAAA;AAAA,MACJ,SAAA;AAlEJ;;;;;;;;;;AAAA,cA6Fa,SAAA,EAAW,EAAA,CAAG,cAAA"}
+{"version":3,"file":"SliceZone.d.ts","names":[],"sources":["../src/SliceZone.tsx"],"mappings":";;;;;;;;KASK,iBAAiB,eAAe,aAAa,eAAe,QAC9D,uBACA,eAAe,mBACd;;;;;;;YASQ,gBAAgB,sCAAsC,KACjE,MAAM;;;;;;;YAUK,iBAAiB;EAC5B,MAAM,MAAM;;;;;;;;;;YAWD,UAAU,uCACnB,gBAAgB,cAChB,iBAAiB;;;;;;;EAQnB;;;;;;;;;;YAWW,cAAc,eAAe,YAAY,sBAAsB;;;;;;;;;YAU/D,oBAAoB,eAAe,YAAY,WAAW;;EAErE,OAAO;;EAGP;;EAOA,QAAQ,cAAc,eAAe,mBAAmB,mBAAmB;;EAG3E,SAAS;;;;;;;;YASE,mBAEX,eAAe,iBACf,sBACG,cAAc,oBAAoB,QAAQ;;;;;;;;;;YAWlC,oBAAoB,eAAe,YAAY,WAAW,yBAWnE,aAAa,iBAAiB,UAAU,mBACxC,QAAQ,QAAQ,UAAU,4BACvB,YACA,QAAQ,QAAQ,UAAU,aAC7B;;;;;;;YAUS,eAAe;;EAE1B,SAAS;;EAIT,aAAa,eAAe;;EAI5B,mBAAmB,cAAc,yBAAyB;;EAG1D,UAAU;;;;;;;;qBASE,qBAAsB,eAAe,aAAS;EAG1D,OAAO;MACJ;;;;;;;;;;;qBA2BS,WAAW,GAAG"}

package/dist/SliceZone.js

@@ -1,7 +1,5 @@
-import { SliceBoundary } from "./SliceBoundary.js";
 import { DEV } from "esm-env";
-import { Fragment } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/SliceZone.tsx
 /**
 * This slice component can be used as a reminder to provide a proper implementation.
@@ -35,27 +33,23 @@ const TODOSliceComponent = ({ slice }) => {
 */
 const SliceZone = (props) => {
 	const { slices = [], components = {}, defaultComponent, context = {} } = props;
-	return /* @__PURE__ */ jsx(Fragment$1, { children: slices.map((slice, index) => {
+	const renderedSlices = slices.map((slice, index) => {
 		const type = "slice_type" in slice ? slice.slice_type : slice.type;
 		const key = "id" in slice && slice.id ? slice.id : `${index}-${JSON.stringify(slice)}`;
 		const Comp = components[type] || defaultComponent;
-		let renderedSlice;
-		if (!Comp) renderedSlice = /* @__PURE__ */ jsx(TODOSliceComponent, { slice });
-		else if (slice.__mapped) {
+		if (!Comp) return /* @__PURE__ */ jsx(TODOSliceComponent, { slice }, key);
+		if (slice.__mapped) {
 			const { __mapped, ...mappedProps } = slice;
-			renderedSlice = /* @__PURE__ */ jsx(Comp, { ...mappedProps });
-		} else renderedSlice = /* @__PURE__ */ jsx(Comp, {
+			return /* @__PURE__ */ jsx(Comp, { ...mappedProps }, key);
+		}
+		return /* @__PURE__ */ jsx(Comp, {
 			slice,
 			index,
 			slices,
 			context
-		});
-		if ("id" in slice && slice.id) return /* @__PURE__ */ jsx(SliceBoundary, {
-			sliceId: slice.id,
-			children: renderedSlice
 		}, key);
-		return /* @__PURE__ */ jsx(Fragment, { children: renderedSlice }, key);
-	}) });
+	});
+	return /* @__PURE__ */ jsx(Fragment, { children: renderedSlices });
 };
 //#endregion
 export { SliceZone, TODOSliceComponent };

package/dist/SliceZone.js.map

@@ -1 +1 @@
-{"version":3,"file":"SliceZone.js","names":[],"sources":["../src/SliceZone.tsx"],"sourcesContent":["import type { Slice } from \"@prismicio/client\"\nimport { DEV } from \"esm-env\"\nimport { Fragment, type ComponentType, type FC, type ReactNode } from \"react\"\n\nimport { SliceBoundary } from \"./SliceBoundary.js\"\n\n/**\n * Returns the type of a `SliceLike` type.\n *\n * @typeParam TSlice - The slice from which the type will be extracted.\n */\ntype ExtractSliceType<TSlice extends SliceLike> = TSlice extends Slice\n\t? TSlice[\"slice_type\"]\n\t: TSlice extends SliceLikeGraphQL\n\t\t? TSlice[\"type\"]\n\t\t: never\n\n/**\n * The minimum required properties to represent a Prismic slice from the Prismic Content API for the\n * `mapSliceZone()` helper.\n *\n * @typeParam SliceType - Type name of the slice.\n */\nexport type SliceLikeRestV2<TSliceType extends string = string> = Pick<\n\tSlice<TSliceType>,\n\t\"id\" | \"slice_type\"\n>\n\n/**\n * The minimum required properties to represent a Prismic slice from the Prismic GraphQL API for the\n * `mapSliceZone()` helper.\n *\n * @typeParam SliceType - Type name of the slice.\n */\nexport type SliceLikeGraphQL<TSliceType extends string = string> = {\n\ttype: Slice<TSliceType>[\"slice_type\"]\n}\n\n/**\n * The minimum required properties to represent a Prismic slice for the `mapSliceZone()` helper.\n *\n * If using Prismic's Content API, use the `Slice` export from `@prismicio/client` for a full\n * interface.\n *\n * @typeParam SliceType - Type name of the slice.\n */\nexport type SliceLike<TSliceType extends string = string> = (\n\t| SliceLikeRestV2<TSliceType>\n\t| SliceLikeGraphQL<TSliceType>\n) & {\n\t/**\n\t * If `true`, this slice has been modified from its original value using a mapper and\n\t * `@prismicio/client`'s `mapSliceZone()`.\n\t *\n\t * @internal\n\t */\n\t__mapped?: true\n}\n\n/**\n * A looser version of the `SliceZone` type from `@prismicio/client` using `SliceLike`.\n *\n * If using Prismic's Content API, use the `SliceZone` export from `@prismicio/client` for the full\n * type.\n *\n * @typeParam TSlice - The type(s) of a slice in the slice zone.\n */\nexport type SliceZoneLike<TSlice extends SliceLike = SliceLike> = readonly TSlice[]\n\n/**\n * React props for a component rendering content from a Prismic slice using the `<SliceZone>`\n * component.\n *\n * @typeParam TSlice - The slice passed as a prop.\n * @typeParam TContext - Arbitrary data passed to `<SliceZone>` and made available to all slice\n *   components.\n */\nexport type SliceComponentProps<TSlice extends SliceLike = SliceLike, TContext = unknown> = {\n\t/** Slice data for this component. */\n\tslice: TSlice\n\n\t/** The index of the slice in the slice zone. */\n\tindex: number\n\n\t/** All slices from the slice zone to which the slice belongs. */\n\t// TODO: We have to keep this list of slices general due to circular\n\t// reference limtiations. If we had another generic to determine the full\n\t// union of slice types, it would include TSlice. This causes TypeScript to\n\t// throw a compilation error.\n\tslices: SliceZoneLike<TSlice extends SliceLikeGraphQL ? SliceLikeGraphQL : SliceLikeRestV2>\n\n\t/** Arbitrary data passed to `<SliceZone>` and made available to all slice components. */\n\tcontext: TContext\n}\n\n/**\n * A React component to be rendered for each instance of its slice.\n *\n * @typeParam TSlice - The type(s) of a slice in the slice zone.\n * @typeParam TContext - Arbitrary data made available to all slice components.\n */\nexport type SliceComponentType<\n\t// eslint-disable-next-line @typescript-eslint/no-explicit-any\n\tTSlice extends SliceLike = any,\n\tTContext = unknown,\n> = ComponentType<SliceComponentProps<TSlice, TContext>>\n\n/**\n * A record of slice types mapped to a React component. The component will be rendered for each\n * instance of its slice.\n *\n * @deprecated This type is no longer used by `@prismicio/react`. Prefer using\n *   `Record<string, SliceComponentType<any>>` instead.\n * @typeParam TSlice - The type(s) of a slice in the slice zone.\n * @typeParam TContext - Arbitrary data made available to all slice components.\n */\nexport type SliceZoneComponents<TSlice extends SliceLike = SliceLike, TContext = unknown> =\n\t// This is purposely not wrapped in Partial to ensure a component is provided\n\t// for all slice types. <SliceZone> will render a default component if one is\n\t// not provided, but it *should* be a type error if an explicit component is\n\t// missing.\n\t//\n\t// If a developer purposely does not want to provide a component, they can\n\t// assign it to the TODOSliceComponent exported from this package. This\n\t// signals to future developers that it is a placeholder and should be\n\t// implemented.\n\t{\n\t\t[SliceType in ExtractSliceType<TSlice>]: SliceComponentType<\n\t\t\tExtract<TSlice, SliceLike<SliceType>> extends never\n\t\t\t\t? SliceLike\n\t\t\t\t: Extract<TSlice, SliceLike<SliceType>>,\n\t\t\tTContext\n\t\t>\n\t}\n\n/**\n * React props for the `<SliceZone>` component.\n *\n * @typeParam TSlice - The type(s) of a slice in the slice zone.\n * @typeParam TContext - Arbitrary data made available to all slice components.\n */\nexport type SliceZoneProps<TContext = unknown> = {\n\t/** List of slice data from the slice zone. */\n\tslices?: SliceZoneLike\n\n\t/** A record mapping slice types to React components. */\n\t// eslint-disable-next-line @typescript-eslint/no-explicit-any\n\tcomponents?: Record<string, ComponentType<any>>\n\n\t/** The React component rendered if a component mapping from the `components` prop cannot be found. */\n\t// eslint-disable-next-line @typescript-eslint/no-explicit-any\n\tdefaultComponent?: ComponentType<SliceComponentProps<any, TContext>>\n\n\t/** Arbitrary data made available to all slice components. */\n\tcontext?: TContext\n}\n\n/**\n * This slice component can be used as a reminder to provide a proper implementation.\n *\n * This is also the default React component rendered when a component mapping cannot be found in\n * `<SliceZone>`.\n */\nexport const TODOSliceComponent = <TSlice extends SliceLike>({\n\tslice,\n}: {\n\tslice: TSlice\n}): ReactNode => {\n\tif (!DEV) {\n\t\treturn null\n\t}\n\n\tconst type = \"slice_type\" in slice ? slice.slice_type : slice.type\n\n\tconsole.warn(`[SliceZone] Could not find a component for slice type \"${type}\"`, slice)\n\n\treturn (\n\t\t<section data-slice-zone-todo-component=\"\" data-slice-type={type}>\n\t\t\tCould not find a component for slice type &ldquo;{type}\n\t\t\t&rdquo;\n\t\t</section>\n\t)\n}\n\n/**\n * Renders slices in a slice zone as React components.\n *\n * @example\n * \t;```tsx\n * \t<SliceZone slices={page.data.slices} components={components} />;\n * \t```\n *\n * @see Learn how to create slices, use slice variations, and display slices: {@link https://prismic.io/docs/slices}\n */\nexport const SliceZone: FC<SliceZoneProps> = (props) => {\n\tconst { slices = [], components = {}, defaultComponent, context = {} } = props\n\n\tconst renderedSlices = slices.map((slice, index) => {\n\t\tconst type = \"slice_type\" in slice ? slice.slice_type : slice.type\n\n\t\tconst key = \"id\" in slice && slice.id ? slice.id : `${index}-${JSON.stringify(slice)}`\n\n\t\tconst Comp = components[type as keyof typeof components] || defaultComponent\n\t\tlet renderedSlice: ReactNode\n\n\t\tif (!Comp) {\n\t\t\trenderedSlice = <TODOSliceComponent slice={slice} />\n\t\t} else if (slice.__mapped) {\n\t\t\tconst { __mapped, ...mappedProps } = slice\n\n\t\t\trenderedSlice = <Comp {...mappedProps} />\n\t\t} else {\n\t\t\trenderedSlice = <Comp slice={slice} index={index} slices={slices} context={context} />\n\t\t}\n\n\t\tif (\"id\" in slice && slice.id) {\n\t\t\treturn (\n\t\t\t\t<SliceBoundary key={key} sliceId={slice.id}>\n\t\t\t\t\t{renderedSlice}\n\t\t\t\t</SliceBoundary>\n\t\t\t)\n\t\t}\n\n\t\treturn <Fragment key={key}>{renderedSlice}</Fragment>\n\t})\n\n\treturn <>{renderedSlices}</>\n}\n"],"mappings":";;;;;;;;;;;AAmKA,MAAa,sBAAgD,EAC5D,YAGgB;AAChB,KAAI,CAAC,IACJ,QAAO;CAGR,MAAM,OAAO,gBAAgB,QAAQ,MAAM,aAAa,MAAM;AAE9D,SAAQ,KAAK,0DAA0D,KAAK,IAAI,MAAM;AAEtF,QACC,qBAAC,WAAD;EAAS,kCAA+B;EAAG,mBAAiB;YAA5D;GAAkE;GACf;GAAK;GAE9C;;;;;;;;;;;;;AAcZ,MAAa,aAAiC,UAAU;CACvD,MAAM,EAAE,SAAS,EAAE,EAAE,aAAa,EAAE,EAAE,kBAAkB,UAAU,EAAE,KAAK;AA+BzE,QAAO,oBAAA,YAAA,EAAA,UA7BgB,OAAO,KAAK,OAAO,UAAU;EACnD,MAAM,OAAO,gBAAgB,QAAQ,MAAM,aAAa,MAAM;EAE9D,MAAM,MAAM,QAAQ,SAAS,MAAM,KAAK,MAAM,KAAK,GAAG,MAAM,GAAG,KAAK,UAAU,MAAM;EAEpF,MAAM,OAAO,WAAW,SAAoC;EAC5D,IAAI;AAEJ,MAAI,CAAC,KACJ,iBAAgB,oBAAC,oBAAD,EAA2B,OAAS,CAAA;WAC1C,MAAM,UAAU;GAC1B,MAAM,EAAE,UAAU,GAAG,gBAAgB;AAErC,mBAAgB,oBAAC,MAAD,EAAM,GAAI,aAAe,CAAA;QAEzC,iBAAgB,oBAAC,MAAD;GAAa;GAAc;GAAe;GAAiB;GAAW,CAAA;AAGvF,MAAI,QAAQ,SAAS,MAAM,GAC1B,QACC,oBAAC,eAAD;GAAyB,SAAS,MAAM;aACtC;GACc,EAFI,IAEJ;AAIlB,SAAO,oBAAC,UAAD,EAAA,UAAqB,eAAyB,EAA/B,IAA+B;GACpD,EAE0B,CAAA"}
+{"version":3,"file":"SliceZone.js","names":[],"sources":["../src/SliceZone.tsx"],"sourcesContent":["import type { Slice } from \"@prismicio/client\"\nimport { DEV } from \"esm-env\"\nimport type { ComponentType, FC, ReactNode } from \"react\"\n\n/**\n * Returns the type of a `SliceLike` type.\n *\n * @typeParam TSlice - The slice from which the type will be extracted.\n */\ntype ExtractSliceType<TSlice extends SliceLike> = TSlice extends Slice\n\t? TSlice[\"slice_type\"]\n\t: TSlice extends SliceLikeGraphQL\n\t\t? TSlice[\"type\"]\n\t\t: never\n\n/**\n * The minimum required properties to represent a Prismic slice from the Prismic Content API for the\n * `mapSliceZone()` helper.\n *\n * @typeParam SliceType - Type name of the slice.\n */\nexport type SliceLikeRestV2<TSliceType extends string = string> = Pick<\n\tSlice<TSliceType>,\n\t\"id\" | \"slice_type\"\n>\n\n/**\n * The minimum required properties to represent a Prismic slice from the Prismic GraphQL API for the\n * `mapSliceZone()` helper.\n *\n * @typeParam SliceType - Type name of the slice.\n */\nexport type SliceLikeGraphQL<TSliceType extends string = string> = {\n\ttype: Slice<TSliceType>[\"slice_type\"]\n}\n\n/**\n * The minimum required properties to represent a Prismic slice for the `mapSliceZone()` helper.\n *\n * If using Prismic's Content API, use the `Slice` export from `@prismicio/client` for a full\n * interface.\n *\n * @typeParam SliceType - Type name of the slice.\n */\nexport type SliceLike<TSliceType extends string = string> = (\n\t| SliceLikeRestV2<TSliceType>\n\t| SliceLikeGraphQL<TSliceType>\n) & {\n\t/**\n\t * If `true`, this slice has been modified from its original value using a mapper and\n\t * `@prismicio/client`'s `mapSliceZone()`.\n\t *\n\t * @internal\n\t */\n\t__mapped?: true\n}\n\n/**\n * A looser version of the `SliceZone` type from `@prismicio/client` using `SliceLike`.\n *\n * If using Prismic's Content API, use the `SliceZone` export from `@prismicio/client` for the full\n * type.\n *\n * @typeParam TSlice - The type(s) of a slice in the slice zone.\n */\nexport type SliceZoneLike<TSlice extends SliceLike = SliceLike> = readonly TSlice[]\n\n/**\n * React props for a component rendering content from a Prismic slice using the `<SliceZone>`\n * component.\n *\n * @typeParam TSlice - The slice passed as a prop.\n * @typeParam TContext - Arbitrary data passed to `<SliceZone>` and made available to all slice\n *   components.\n */\nexport type SliceComponentProps<TSlice extends SliceLike = SliceLike, TContext = unknown> = {\n\t/** Slice data for this component. */\n\tslice: TSlice\n\n\t/** The index of the slice in the slice zone. */\n\tindex: number\n\n\t/** All slices from the slice zone to which the slice belongs. */\n\t// TODO: We have to keep this list of slices general due to circular\n\t// reference limtiations. If we had another generic to determine the full\n\t// union of slice types, it would include TSlice. This causes TypeScript to\n\t// throw a compilation error.\n\tslices: SliceZoneLike<TSlice extends SliceLikeGraphQL ? SliceLikeGraphQL : SliceLikeRestV2>\n\n\t/** Arbitrary data passed to `<SliceZone>` and made available to all slice components. */\n\tcontext: TContext\n}\n\n/**\n * A React component to be rendered for each instance of its slice.\n *\n * @typeParam TSlice - The type(s) of a slice in the slice zone.\n * @typeParam TContext - Arbitrary data made available to all slice components.\n */\nexport type SliceComponentType<\n\t// eslint-disable-next-line @typescript-eslint/no-explicit-any\n\tTSlice extends SliceLike = any,\n\tTContext = unknown,\n> = ComponentType<SliceComponentProps<TSlice, TContext>>\n\n/**\n * A record of slice types mapped to a React component. The component will be rendered for each\n * instance of its slice.\n *\n * @deprecated This type is no longer used by `@prismicio/react`. Prefer using\n *   `Record<string, SliceComponentType<any>>` instead.\n * @typeParam TSlice - The type(s) of a slice in the slice zone.\n * @typeParam TContext - Arbitrary data made available to all slice components.\n */\nexport type SliceZoneComponents<TSlice extends SliceLike = SliceLike, TContext = unknown> =\n\t// This is purposely not wrapped in Partial to ensure a component is provided\n\t// for all slice types. <SliceZone> will render a default component if one is\n\t// not provided, but it *should* be a type error if an explicit component is\n\t// missing.\n\t//\n\t// If a developer purposely does not want to provide a component, they can\n\t// assign it to the TODOSliceComponent exported from this package. This\n\t// signals to future developers that it is a placeholder and should be\n\t// implemented.\n\t{\n\t\t[SliceType in ExtractSliceType<TSlice>]: SliceComponentType<\n\t\t\tExtract<TSlice, SliceLike<SliceType>> extends never\n\t\t\t\t? SliceLike\n\t\t\t\t: Extract<TSlice, SliceLike<SliceType>>,\n\t\t\tTContext\n\t\t>\n\t}\n\n/**\n * React props for the `<SliceZone>` component.\n *\n * @typeParam TSlice - The type(s) of a slice in the slice zone.\n * @typeParam TContext - Arbitrary data made available to all slice components.\n */\nexport type SliceZoneProps<TContext = unknown> = {\n\t/** List of slice data from the slice zone. */\n\tslices?: SliceZoneLike\n\n\t/** A record mapping slice types to React components. */\n\t// eslint-disable-next-line @typescript-eslint/no-explicit-any\n\tcomponents?: Record<string, ComponentType<any>>\n\n\t/** The React component rendered if a component mapping from the `components` prop cannot be found. */\n\t// eslint-disable-next-line @typescript-eslint/no-explicit-any\n\tdefaultComponent?: ComponentType<SliceComponentProps<any, TContext>>\n\n\t/** Arbitrary data made available to all slice components. */\n\tcontext?: TContext\n}\n\n/**\n * This slice component can be used as a reminder to provide a proper implementation.\n *\n * This is also the default React component rendered when a component mapping cannot be found in\n * `<SliceZone>`.\n */\nexport const TODOSliceComponent = <TSlice extends SliceLike>({\n\tslice,\n}: {\n\tslice: TSlice\n}): ReactNode => {\n\tif (!DEV) {\n\t\treturn null\n\t}\n\n\tconst type = \"slice_type\" in slice ? slice.slice_type : slice.type\n\n\tconsole.warn(`[SliceZone] Could not find a component for slice type \"${type}\"`, slice)\n\n\treturn (\n\t\t<section data-slice-zone-todo-component=\"\" data-slice-type={type}>\n\t\t\tCould not find a component for slice type &ldquo;{type}\n\t\t\t&rdquo;\n\t\t</section>\n\t)\n}\n\n/**\n * Renders slices in a slice zone as React components.\n *\n * @example\n * \t;```tsx\n * \t<SliceZone slices={page.data.slices} components={components} />;\n * \t```\n *\n * @see Learn how to create slices, use slice variations, and display slices: {@link https://prismic.io/docs/slices}\n */\nexport const SliceZone: FC<SliceZoneProps> = (props) => {\n\tconst { slices = [], components = {}, defaultComponent, context = {} } = props\n\n\tconst renderedSlices = slices.map((slice, index) => {\n\t\tconst type = \"slice_type\" in slice ? slice.slice_type : slice.type\n\n\t\tconst key = \"id\" in slice && slice.id ? slice.id : `${index}-${JSON.stringify(slice)}`\n\n\t\tconst Comp = components[type as keyof typeof components] || defaultComponent\n\n\t\tif (!Comp) {\n\t\t\treturn <TODOSliceComponent key={key} slice={slice} />\n\t\t}\n\n\t\tif (slice.__mapped) {\n\t\t\tconst { __mapped, ...mappedProps } = slice\n\n\t\t\treturn <Comp key={key} {...mappedProps} />\n\t\t}\n\n\t\treturn <Comp key={key} slice={slice} index={index} slices={slices} context={context} />\n\t})\n\n\treturn <>{renderedSlices}</>\n}\n"],"mappings":";;;;;;;;;AAiKA,MAAa,sBAAgD,EAC5D,YAGgB;CAChB,IAAI,CAAC,KACJ,OAAO;CAGR,MAAM,OAAO,gBAAgB,QAAQ,MAAM,aAAa,MAAM;CAE9D,QAAQ,KAAK,0DAA0D,KAAK,IAAI,KAAK;CAErF,OACC,qBAAC,WAAD;EAAS,kCAA+B;EAAG,mBAAiB;EAA5D,UAAA;GAAkE;GACf;GAAK;EAE/C;;AAEX;;;;;;;;;;;AAYA,MAAa,aAAiC,UAAU;CACvD,MAAM,EAAE,SAAS,CAAC,GAAG,aAAa,CAAC,GAAG,kBAAkB,UAAU,CAAC,MAAM;CAEzE,MAAM,iBAAiB,OAAO,KAAK,OAAO,UAAU;EACnD,MAAM,OAAO,gBAAgB,QAAQ,MAAM,aAAa,MAAM;EAE9D,MAAM,MAAM,QAAQ,SAAS,MAAM,KAAK,MAAM,KAAK,GAAG,MAAM,GAAG,KAAK,UAAU,KAAK;EAEnF,MAAM,OAAO,WAAW,SAAoC;EAE5D,IAAI,CAAC,MACJ,OAAO,oBAAC,oBAAD,EAAqC,MAAQ,GAApB,GAAoB;EAGrD,IAAI,MAAM,UAAU;GACnB,MAAM,EAAE,UAAU,GAAG,gBAAgB;GAErC,OAAO,oBAAC,MAAD,EAAgB,GAAI,YAAc,GAAvB,GAAuB;EAC1C;EAEA,OAAO,oBAAC,MAAD;GAAuB;GAAc;GAAe;GAAiB;EAAU,GAApE,GAAoE;CACvF,CAAC;CAED,OAAO,oBAAA,UAAA,EAAA,UAAG,eAAiB,CAAA;AAC5B"}

package/dist/lib/devMsg.js.map

@@ -1 +1 @@
-{"version":3,"file":"devMsg.js","names":[],"sources":["../../src/lib/devMsg.ts"],"sourcesContent":["import { version } from \"../../package.json\"\n\n/**\n * Returns a `prismic.dev/msg` URL for a given message slug.\n *\n * @example\n * \t;```ts\n * \tdevMsg(\"missing-param\");\n * \t// => \"https://prismic.dev/msg/react/v1.2.3/missing-param\"\n * \t```\n *\n * @param slug - Slug for the message. This corresponds to a Markdown file in the Git repository's\n *   `/messages` directory.\n * @returns The `prismic.dev/msg` URL for the given slug.\n */\nexport function devMsg(slug: string): string {\n\treturn `https://prismic.dev/msg/react/v${version}/${slug}`\n}\n"],"mappings":";;;;;;;;;;;;;;;AAeA,SAAgB,OAAO,MAAsB;AAC5C,QAAO,kCAAkC,QAAQ,GAAG"}
+{"version":3,"file":"devMsg.js","names":[],"sources":["../../src/lib/devMsg.ts"],"sourcesContent":["import { version } from \"../../package.json\"\n\n/**\n * Returns a `prismic.dev/msg` URL for a given message slug.\n *\n * @example\n * \t;```ts\n * \tdevMsg(\"missing-param\");\n * \t// => \"https://prismic.dev/msg/react/v1.2.3/missing-param\"\n * \t```\n *\n * @param slug - Slug for the message. This corresponds to a Markdown file in the Git repository's\n *   `/messages` directory.\n * @returns The `prismic.dev/msg` URL for the given slug.\n */\nexport function devMsg(slug: string): string {\n\treturn `https://prismic.dev/msg/react/v${version}/${slug}`\n}\n"],"mappings":";;;;;;;;;;;;;;;AAeA,SAAgB,OAAO,MAAsB;CAC5C,OAAO,kCAAkC,QAAQ,GAAG;AACrD"}

package/dist/package.js

@@ -1,5 +1,5 @@
 //#region package.json
-var version = "3.4.2-pr.270.b8e16cb";
+var version = "3.4.2-pr.271.d473965";
 //#endregion
 export { version };
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@prismicio/react",
-	"version": "3.4.2-pr.270.b8e16cb",
+	"version": "3.4.2-pr.271.d473965",
 	"description": "React components and hooks to fetch and present Prismic content",
 	"keywords": [
 		"prismic",
@@ -53,24 +53,25 @@
 		"esm-env": "^1.2.2"
 	},
 	"devDependencies": {
-		"@playwright/test": "^1.59.1",
-		"@prismicio/client": "^7.17.0",
-		"@types/react": "^19.2.14",
-		"@types/react-dom": "^19.2.3",
-		"dotenv": "^17.4.0",
-		"oxfmt": "^0.43.0",
-		"oxlint": "^1.58.0",
-		"playwright": "^1.59.1",
-		"react": "^19.2.4",
-		"react-dom": "^19.2.4",
-		"tsdown": "^0.21.7",
-		"typescript": "^6.0.2"
+		"@playwright/test": "^1.63.0",
+		"@prismicio/client": "^7.22.1",
+		"@prismicio/types-internal": "^3.17.2",
+		"@types/react": "^19.3.0",
+		"@types/react-dom": "^19.3.0",
+		"dotenv": "^18.0.0",
+		"oxfmt": "^0.68.0",
+		"oxlint": "^1.83.0",
+		"playwright": "^1.63.0",
+		"react": "^19.3.0",
+		"react-dom": "^19.3.0",
+		"tsdown": "^0.23.0",
+		"typescript": "^7.0.2"
 	},
 	"peerDependencies": {
 		"@prismicio/client": "^7",
 		"react": "^18 || ^19"
 	},
 	"engines": {
-		"node": ">=20"
+		"node": ">=22"
 	}
 }

package/src/PrismicImage.tsx

@@ -127,8 +127,8 @@ export const PrismicImage: FC<PrismicImageProps> = forwardRef(function PrismicIm
 		return <>{fallback}</>
 	}
 
-	const resolvedImgixParams = imgixParams
-	for (const x in imgixParams) {
+	const resolvedImgixParams = { ...imgixParams }
+	for (const x in resolvedImgixParams) {
 		if (resolvedImgixParams[x as keyof typeof resolvedImgixParams] === null) {
 			resolvedImgixParams[x as keyof typeof resolvedImgixParams] = undefined
 		}

package/src/PrismicToolbar.tsx

@@ -46,10 +46,12 @@ export const PrismicToolbar: FC<PrismicToolbarProps> = (props) => {
 	const src = getToolbarSrc(repositoryName)
 
 	const onPreviewUpdateRef = useRef(onPreviewUpdate)
-	onPreviewUpdateRef.current = onPreviewUpdate
-
 	const onPreviewEndRef = useRef(onPreviewEnd)
-	onPreviewEndRef.current = onPreviewEnd
+
+	useEffect(() => {
+		onPreviewUpdateRef.current = onPreviewUpdate
+		onPreviewEndRef.current = onPreviewEnd
+	})
 
 	useEffect(() => {
 		const existingScript = document.querySelector(`script[src="${src}"]`)

package/src/SliceZone.tsx

@@ -1,8 +1,6 @@
 import type { Slice } from "@prismicio/client"
 import { DEV } from "esm-env"
-import { Fragment, type ComponentType, type FC, type ReactNode } from "react"
-
-import { SliceBoundary } from "./SliceBoundary.js"
+import type { ComponentType, FC, ReactNode } from "react"
 
 /**
  * Returns the type of a `SliceLike` type.
@@ -201,27 +199,18 @@ export const SliceZone: FC<SliceZoneProps> = (props) => {
 		const key = "id" in slice && slice.id ? slice.id : `${index}-${JSON.stringify(slice)}`
 
 		const Comp = components[type as keyof typeof components] || defaultComponent
-		let renderedSlice: ReactNode
 
 		if (!Comp) {
-			renderedSlice = <TODOSliceComponent slice={slice} />
-		} else if (slice.__mapped) {
-			const { __mapped, ...mappedProps } = slice
-
-			renderedSlice = <Comp {...mappedProps} />
-		} else {
-			renderedSlice = <Comp slice={slice} index={index} slices={slices} context={context} />
+			return <TODOSliceComponent key={key} slice={slice} />
 		}
 
-		if ("id" in slice && slice.id) {
-			return (
-				<SliceBoundary key={key} sliceId={slice.id}>
-					{renderedSlice}
-				</SliceBoundary>
-			)
+		if (slice.__mapped) {
+			const { __mapped, ...mappedProps } = slice
+
+			return <Comp key={key} {...mappedProps} />
 		}
 
-		return <Fragment key={key}>{renderedSlice}</Fragment>
+		return <Comp key={key} slice={slice} index={index} slices={slices} context={context} />
 	})
 
 	return <>{renderedSlices}</>

package/dist/SliceBoundary.js

@@ -1,55 +0,0 @@
-"use client";
-import { useId, useLayoutEffect, useRef, useSyncExternalStore } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-//#region src/SliceBoundary.tsx
-function SliceBoundary(props) {
-	const { children, sliceId } = props;
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-		/* @__PURE__ */ jsx(CommentMarker, { value: `prismic-slice-start:${sliceId}` }),
-		children,
-		/* @__PURE__ */ jsx(CommentMarker, { value: `prismic-slice-end:${sliceId}` })
-	] });
-}
-function CommentMarker(props) {
-	const { value } = props;
-	const id = useId();
-	const isClient = useIsClient();
-	const anchorRef = useRef(null);
-	useLayoutEffect(() => {
-		let anchor = anchorRef.current;
-		if (!anchor?.isConnected) {
-			anchor = findTextNode(id);
-			if (!anchor) return;
-			anchor.data = "";
-			anchorRef.current = anchor;
-		}
-		const comment = document.createComment(value);
-		anchor.after(comment);
-		return () => comment.remove();
-	});
-	return isClient ? id : null;
-}
-function useIsClient() {
-	return useSyncExternalStore(subscribe, getClientSnapshot, getServerSnapshot);
-}
-function subscribe() {
-	return () => {};
-}
-function getClientSnapshot() {
-	return true;
-}
-function getServerSnapshot() {
-	return false;
-}
-function findTextNode(value) {
-	const walker = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT);
-	while (walker.nextNode()) {
-		const node = walker.currentNode;
-		if (node instanceof Text && node.data === value) return node;
-	}
-	return null;
-}
-//#endregion
-export { SliceBoundary };
-
-//# sourceMappingURL=SliceBoundary.js.map

package/dist/SliceBoundary.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SliceBoundary.js","names":[],"sources":["../src/SliceBoundary.tsx"],"sourcesContent":["\"use client\"\n\nimport { type ReactNode, useId, useLayoutEffect, useRef, useSyncExternalStore } from \"react\"\n\ntype SliceBoundaryProps = {\n\tchildren: ReactNode\n\tsliceId: string\n}\n\nexport function SliceBoundary(props: SliceBoundaryProps): ReactNode {\n\tconst { children, sliceId } = props\n\n\treturn (\n\t\t<>\n\t\t\t<CommentMarker value={`prismic-slice-start:${sliceId}`} />\n\t\t\t{children}\n\t\t\t<CommentMarker value={`prismic-slice-end:${sliceId}`} />\n\t\t</>\n\t)\n}\n\ntype CommentMarkerProps = {\n\tvalue: string\n}\n\nfunction CommentMarker(props: CommentMarkerProps) {\n\tconst { value } = props\n\tconst id = useId()\n\tconst isClient = useIsClient()\n\tconst anchorRef = useRef<Text>(null)\n\n\tuseLayoutEffect(() => {\n\t\tlet anchor = anchorRef.current\n\n\t\tif (!anchor?.isConnected) {\n\t\t\tanchor = findTextNode(id)\n\t\t\tif (!anchor) return\n\n\t\t\tanchor.data = \"\"\n\t\t\tanchorRef.current = anchor\n\t\t}\n\n\t\tconst comment = document.createComment(value)\n\t\tanchor.after(comment)\n\n\t\treturn () => comment.remove()\n\t})\n\n\treturn isClient ? id : null\n}\n\nfunction useIsClient() {\n\treturn useSyncExternalStore(subscribe, getClientSnapshot, getServerSnapshot)\n}\n\nfunction subscribe() {\n\treturn () => {}\n}\n\nfunction getClientSnapshot() {\n\treturn true\n}\n\nfunction getServerSnapshot() {\n\treturn false\n}\n\nfunction findTextNode(value: string) {\n\tconst walker = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT)\n\n\twhile (walker.nextNode()) {\n\t\tconst node = walker.currentNode\n\t\tif (node instanceof Text && node.data === value) return node\n\t}\n\n\treturn null\n}\n"],"mappings":";;;;AASA,SAAgB,cAAc,OAAsC;CACnE,MAAM,EAAE,UAAU,YAAY;AAE9B,QACC,qBAAA,YAAA,EAAA,UAAA;EACC,oBAAC,eAAD,EAAe,OAAO,uBAAuB,WAAa,CAAA;EACzD;EACD,oBAAC,eAAD,EAAe,OAAO,qBAAqB,WAAa,CAAA;EACtD,EAAA,CAAA;;AAQL,SAAS,cAAc,OAA2B;CACjD,MAAM,EAAE,UAAU;CAClB,MAAM,KAAK,OAAO;CAClB,MAAM,WAAW,aAAa;CAC9B,MAAM,YAAY,OAAa,KAAK;AAEpC,uBAAsB;EACrB,IAAI,SAAS,UAAU;AAEvB,MAAI,CAAC,QAAQ,aAAa;AACzB,YAAS,aAAa,GAAG;AACzB,OAAI,CAAC,OAAQ;AAEb,UAAO,OAAO;AACd,aAAU,UAAU;;EAGrB,MAAM,UAAU,SAAS,cAAc,MAAM;AAC7C,SAAO,MAAM,QAAQ;AAErB,eAAa,QAAQ,QAAQ;GAC5B;AAEF,QAAO,WAAW,KAAK;;AAGxB,SAAS,cAAc;AACtB,QAAO,qBAAqB,WAAW,mBAAmB,kBAAkB;;AAG7E,SAAS,YAAY;AACpB,cAAa;;AAGd,SAAS,oBAAoB;AAC5B,QAAO;;AAGR,SAAS,oBAAoB;AAC5B,QAAO;;AAGR,SAAS,aAAa,OAAe;CACpC,MAAM,SAAS,SAAS,iBAAiB,SAAS,MAAM,WAAW,UAAU;AAE7E,QAAO,OAAO,UAAU,EAAE;EACzB,MAAM,OAAO,OAAO;AACpB,MAAI,gBAAgB,QAAQ,KAAK,SAAS,MAAO,QAAO;;AAGzD,QAAO"}

package/src/SliceBoundary.tsx

@@ -1,77 +0,0 @@
-"use client"
-
-import { type ReactNode, useId, useLayoutEffect, useRef, useSyncExternalStore } from "react"
-
-type SliceBoundaryProps = {
-	children: ReactNode
-	sliceId: string
-}
-
-export function SliceBoundary(props: SliceBoundaryProps): ReactNode {
-	const { children, sliceId } = props
-
-	return (
-		<>
-			<CommentMarker value={`prismic-slice-start:${sliceId}`} />
-			{children}
-			<CommentMarker value={`prismic-slice-end:${sliceId}`} />
-		</>
-	)
-}
-
-type CommentMarkerProps = {
-	value: string
-}
-
-function CommentMarker(props: CommentMarkerProps) {
-	const { value } = props
-	const id = useId()
-	const isClient = useIsClient()
-	const anchorRef = useRef<Text>(null)
-
-	useLayoutEffect(() => {
-		let anchor = anchorRef.current
-
-		if (!anchor?.isConnected) {
-			anchor = findTextNode(id)
-			if (!anchor) return
-
-			anchor.data = ""
-			anchorRef.current = anchor
-		}
-
-		const comment = document.createComment(value)
-		anchor.after(comment)
-
-		return () => comment.remove()
-	})
-
-	return isClient ? id : null
-}
-
-function useIsClient() {
-	return useSyncExternalStore(subscribe, getClientSnapshot, getServerSnapshot)
-}
-
-function subscribe() {
-	return () => {}
-}
-
-function getClientSnapshot() {
-	return true
-}
-
-function getServerSnapshot() {
-	return false
-}
-
-function findTextNode(value: string) {
-	const walker = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT)
-
-	while (walker.nextNode()) {
-		const node = walker.currentNode
-		if (node instanceof Text && node.data === value) return node
-	}
-
-	return null
-}