@prismicio/svelte 0.0.8-dev.1 → 0.0.9

package/dist/PrismicLink.svelte.d.ts

@@ -0,0 +1,267 @@
+import { SvelteComponentTyped } from "svelte";
+import * as prismicH from "@prismicio/helpers";
+import type * as prismicT from "@prismicio/types";
+declare const __propDef: {
+    props: {
+        prefix?: string | null | undefined;
+        referrerpolicy?: ReferrerPolicy | null | undefined;
+        accesskey?: string | null | undefined;
+        autofocus?: boolean | null | undefined;
+        class?: string | null | undefined;
+        contenteditable?: import("svelte/elements").Booleanish | "inherit" | null | undefined;
+        contextmenu?: string | null | undefined;
+        dir?: string | null | undefined;
+        draggable?: import("svelte/elements").Booleanish | null | undefined;
+        enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | null | undefined;
+        hidden?: boolean | null | undefined;
+        id?: string | null | undefined;
+        lang?: string | null | undefined;
+        part?: string | null | undefined;
+        placeholder?: string | null | undefined;
+        slot?: string | null | undefined;
+        spellcheck?: import("svelte/elements").Booleanish | null | undefined;
+        style?: string | null | undefined;
+        tabindex?: number | null | undefined;
+        title?: string | null | undefined;
+        translate?: "" | "yes" | "no" | null | undefined;
+        inert?: boolean | null | undefined;
+        radiogroup?: string | null | undefined;
+        role?: import("svelte/elements").AriaRole | null | undefined;
+        about?: string | null | undefined;
+        datatype?: string | null | undefined;
+        inlist?: any;
+        property?: string | null | undefined;
+        resource?: string | null | undefined;
+        typeof?: string | null | undefined;
+        vocab?: string | null | undefined;
+        autocapitalize?: string | null | undefined;
+        autocorrect?: string | null | undefined;
+        autosave?: string | null | undefined;
+        color?: string | null | undefined;
+        itemprop?: string | null | undefined;
+        itemscope?: boolean | null | undefined;
+        itemtype?: string | null | undefined;
+        itemid?: string | null | undefined;
+        itemref?: string | null | undefined;
+        results?: number | null | undefined;
+        security?: string | null | undefined;
+        unselectable?: "on" | "off" | null | undefined;
+        inputmode?: "url" | "search" | "none" | "text" | "tel" | "email" | "numeric" | "decimal" | null | undefined;
+        is?: string | null | undefined;
+        'bind:innerHTML'?: string | null | undefined;
+        'bind:textContent'?: string | null | undefined;
+        'bind:innerText'?: string | null | undefined;
+        'data-sveltekit-keepfocus'?: true | "" | "off" | null | undefined;
+        'data-sveltekit-noscroll'?: true | "" | "off" | null | undefined;
+        'data-sveltekit-preload-code'?: true | "" | "eager" | "off" | "viewport" | "hover" | "tap" | null | undefined;
+        'data-sveltekit-preload-data'?: true | "" | "off" | "hover" | "tap" | null | undefined;
+        'data-sveltekit-reload'?: true | "" | "off" | null | undefined;
+        'data-sveltekit-replacestate'?: true | "" | "off" | null | undefined;
+        'aria-activedescendant'?: string | null | undefined;
+        'aria-atomic'?: import("svelte/elements").Booleanish | null | undefined;
+        'aria-autocomplete'?: "list" | "none" | "inline" | "both" | null | undefined;
+        'aria-busy'?: import("svelte/elements").Booleanish | null | undefined;
+        'aria-checked'?: boolean | "true" | "false" | "mixed" | null | undefined;
+        'aria-colcount'?: number | null | undefined;
+        'aria-colindex'?: number | null | undefined;
+        'aria-colspan'?: number | null | undefined;
+        'aria-controls'?: string | null | undefined;
+        'aria-current'?: "page" | import("svelte/elements").Booleanish | "step" | "location" | "date" | "time" | null | undefined;
+        'aria-describedby'?: string | null | undefined;
+        'aria-details'?: string | null | undefined;
+        'aria-disabled'?: import("svelte/elements").Booleanish | null | undefined;
+        'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | null | undefined;
+        'aria-errormessage'?: string | null | undefined;
+        'aria-expanded'?: import("svelte/elements").Booleanish | null | undefined;
+        'aria-flowto'?: string | null | undefined;
+        'aria-grabbed'?: import("svelte/elements").Booleanish | null | undefined;
+        'aria-haspopup'?: import("svelte/elements").Booleanish | "dialog" | "grid" | "listbox" | "menu" | "tree" | null | undefined;
+        'aria-hidden'?: import("svelte/elements").Booleanish | null | undefined;
+        'aria-invalid'?: import("svelte/elements").Booleanish | "grammar" | "spelling" | null | undefined;
+        'aria-keyshortcuts'?: string | null | undefined;
+        'aria-label'?: string | null | undefined;
+        'aria-labelledby'?: string | null | undefined;
+        'aria-level'?: number | null | undefined;
+        'aria-live'?: "off" | "assertive" | "polite" | null | undefined;
+        'aria-modal'?: import("svelte/elements").Booleanish | null | undefined;
+        'aria-multiline'?: import("svelte/elements").Booleanish | null | undefined;
+        'aria-multiselectable'?: import("svelte/elements").Booleanish | null | undefined;
+        'aria-orientation'?: "horizontal" | "vertical" | null | undefined;
+        'aria-owns'?: string | null | undefined;
+        'aria-placeholder'?: string | null | undefined;
+        'aria-posinset'?: number | null | undefined;
+        'aria-pressed'?: boolean | "true" | "false" | "mixed" | null | undefined;
+        'aria-readonly'?: import("svelte/elements").Booleanish | null | undefined;
+        'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | null | undefined;
+        'aria-required'?: import("svelte/elements").Booleanish | null | undefined;
+        'aria-roledescription'?: string | null | undefined;
+        'aria-rowcount'?: number | null | undefined;
+        'aria-rowindex'?: number | null | undefined;
+        'aria-rowspan'?: number | null | undefined;
+        'aria-selected'?: import("svelte/elements").Booleanish | null | undefined;
+        'aria-setsize'?: number | null | undefined;
+        'aria-sort'?: "none" | "ascending" | "descending" | "other" | null | undefined;
+        'aria-valuemax'?: number | null | undefined;
+        'aria-valuemin'?: number | null | undefined;
+        'aria-valuenow'?: number | null | undefined;
+        'aria-valuetext'?: string | null | undefined;
+        'on:copy'?: import("svelte/elements").ClipboardEventHandler<HTMLAnchorElement> | null | undefined;
+        'on:cut'?: import("svelte/elements").ClipboardEventHandler<HTMLAnchorElement> | null | undefined;
+        'on:paste'?: import("svelte/elements").ClipboardEventHandler<HTMLAnchorElement> | null | undefined;
+        'on:compositionend'?: import("svelte/elements").CompositionEventHandler<HTMLAnchorElement> | null | undefined;
+        'on:compositionstart'?: import("svelte/elements").CompositionEventHandler<HTMLAnchorElement> | null | undefined;
+        'on:compositionupdate'?: import("svelte/elements").CompositionEventHandler<HTMLAnchorElement> | null | undefined;
+        'on:focus'?: import("svelte/elements").FocusEventHandler<HTMLAnchorElement> | null | undefined;
+        'on:focusin'?: import("svelte/elements").FocusEventHandler<HTMLAnchorElement> | null | undefined;
+        'on:focusout'?: import("svelte/elements").FocusEventHandler<HTMLAnchorElement> | null | undefined;
+        'on:blur'?: import("svelte/elements").FocusEventHandler<HTMLAnchorElement> | null | undefined;
+        'on:change'?: import("svelte/elements").FormEventHandler<HTMLAnchorElement> | null | undefined;
+        'on:beforeinput'?: import("svelte/elements").EventHandler<InputEvent, HTMLAnchorElement> | null | undefined;
+        'on:input'?: import("svelte/elements").FormEventHandler<HTMLAnchorElement> | null | undefined;
+        'on:reset'?: import("svelte/elements").FormEventHandler<HTMLAnchorElement> | null | undefined;
+        'on:submit'?: import("svelte/elements").EventHandler<Event & {
+            readonly submitter: HTMLElement | null;
+        }, HTMLAnchorElement> | null | undefined;
+        'on:invalid'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
+        'on:formdata'?: import("svelte/elements").EventHandler<Event & {
+            readonly formData: FormData;
+        }, HTMLAnchorElement> | null | undefined;
+        'on:load'?: import("svelte/elements").EventHandler<Event, Element> | null | undefined;
+        'on:error'?: import("svelte/elements").EventHandler<Event, Element> | null | undefined;
+        'on:toggle'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
+        'on:keydown'?: import("svelte/elements").KeyboardEventHandler<HTMLAnchorElement> | null | undefined;
+        'on:keypress'?: import("svelte/elements").KeyboardEventHandler<HTMLAnchorElement> | null | undefined;
+        'on:keyup'?: import("svelte/elements").KeyboardEventHandler<HTMLAnchorElement> | null | undefined;
+        'on:abort'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
+        'on:canplay'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
+        'on:canplaythrough'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
+        'on:cuechange'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
+        'on:durationchange'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
+        'on:emptied'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
+        'on:encrypted'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
+        'on:ended'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
+        'on:loadeddata'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
+        'on:loadedmetadata'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
+        'on:loadstart'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
+        'on:pause'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
+        'on:play'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
+        'on:playing'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
+        'on:progress'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
+        'on:ratechange'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
+        'on:seeked'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
+        'on:seeking'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
+        'on:stalled'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
+        'on:suspend'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
+        'on:timeupdate'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
+        'on:volumechange'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
+        'on:waiting'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
+        'on:auxclick'?: import("svelte/elements").MouseEventHandler<HTMLAnchorElement> | null | undefined;
+        'on:click'?: import("svelte/elements").MouseEventHandler<HTMLAnchorElement> | null | undefined;
+        'on:contextmenu'?: import("svelte/elements").MouseEventHandler<HTMLAnchorElement> | null | undefined;
+        'on:dblclick'?: import("svelte/elements").MouseEventHandler<HTMLAnchorElement> | null | undefined;
+        'on:drag'?: import("svelte/elements").DragEventHandler<HTMLAnchorElement> | null | undefined;
+        'on:dragend'?: import("svelte/elements").DragEventHandler<HTMLAnchorElement> | null | undefined;
+        'on:dragenter'?: import("svelte/elements").DragEventHandler<HTMLAnchorElement> | null | undefined;
+        'on:dragexit'?: import("svelte/elements").DragEventHandler<HTMLAnchorElement> | null | undefined;
+        'on:dragleave'?: import("svelte/elements").DragEventHandler<HTMLAnchorElement> | null | undefined;
+        'on:dragover'?: import("svelte/elements").DragEventHandler<HTMLAnchorElement> | null | undefined;
+        'on:dragstart'?: import("svelte/elements").DragEventHandler<HTMLAnchorElement> | null | undefined;
+        'on:drop'?: import("svelte/elements").DragEventHandler<HTMLAnchorElement> | null | undefined;
+        'on:mousedown'?: import("svelte/elements").MouseEventHandler<HTMLAnchorElement> | null | undefined;
+        'on:mouseenter'?: import("svelte/elements").MouseEventHandler<HTMLAnchorElement> | null | undefined;
+        'on:mouseleave'?: import("svelte/elements").MouseEventHandler<HTMLAnchorElement> | null | undefined;
+        'on:mousemove'?: import("svelte/elements").MouseEventHandler<HTMLAnchorElement> | null | undefined;
+        'on:mouseout'?: import("svelte/elements").MouseEventHandler<HTMLAnchorElement> | null | undefined;
+        'on:mouseover'?: import("svelte/elements").MouseEventHandler<HTMLAnchorElement> | null | undefined;
+        'on:mouseup'?: import("svelte/elements").MouseEventHandler<HTMLAnchorElement> | null | undefined;
+        'on:select'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
+        'on:selectionchange'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
+        'on:selectstart'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
+        'on:touchcancel'?: import("svelte/elements").TouchEventHandler<HTMLAnchorElement> | null | undefined;
+        'on:touchend'?: import("svelte/elements").TouchEventHandler<HTMLAnchorElement> | null | undefined;
+        'on:touchmove'?: import("svelte/elements").TouchEventHandler<HTMLAnchorElement> | null | undefined;
+        'on:touchstart'?: import("svelte/elements").TouchEventHandler<HTMLAnchorElement> | null | undefined;
+        'on:gotpointercapture'?: import("svelte/elements").PointerEventHandler<HTMLAnchorElement> | null | undefined;
+        'on:pointercancel'?: import("svelte/elements").PointerEventHandler<HTMLAnchorElement> | null | undefined;
+        'on:pointerdown'?: import("svelte/elements").PointerEventHandler<HTMLAnchorElement> | null | undefined;
+        'on:pointerenter'?: import("svelte/elements").PointerEventHandler<HTMLAnchorElement> | null | undefined;
+        'on:pointerleave'?: import("svelte/elements").PointerEventHandler<HTMLAnchorElement> | null | undefined;
+        'on:pointermove'?: import("svelte/elements").PointerEventHandler<HTMLAnchorElement> | null | undefined;
+        'on:pointerout'?: import("svelte/elements").PointerEventHandler<HTMLAnchorElement> | null | undefined;
+        'on:pointerover'?: import("svelte/elements").PointerEventHandler<HTMLAnchorElement> | null | undefined;
+        'on:pointerup'?: import("svelte/elements").PointerEventHandler<HTMLAnchorElement> | null | undefined;
+        'on:lostpointercapture'?: import("svelte/elements").PointerEventHandler<HTMLAnchorElement> | null | undefined;
+        'on:scroll'?: import("svelte/elements").UIEventHandler<HTMLAnchorElement> | null | undefined;
+        'on:resize'?: import("svelte/elements").UIEventHandler<HTMLAnchorElement> | null | undefined;
+        'on:wheel'?: import("svelte/elements").WheelEventHandler<HTMLAnchorElement> | null | undefined;
+        'on:animationstart'?: import("svelte/elements").AnimationEventHandler<HTMLAnchorElement> | null | undefined;
+        'on:animationend'?: import("svelte/elements").AnimationEventHandler<HTMLAnchorElement> | null | undefined;
+        'on:animationiteration'?: import("svelte/elements").AnimationEventHandler<HTMLAnchorElement> | null | undefined;
+        'on:transitionstart'?: import("svelte/elements").TransitionEventHandler<HTMLAnchorElement> | null | undefined;
+        'on:transitionrun'?: import("svelte/elements").TransitionEventHandler<HTMLAnchorElement> | null | undefined;
+        'on:transitionend'?: import("svelte/elements").TransitionEventHandler<HTMLAnchorElement> | null | undefined;
+        'on:transitioncancel'?: import("svelte/elements").TransitionEventHandler<HTMLAnchorElement> | null | undefined;
+        'on:outrostart'?: import("svelte/elements").EventHandler<CustomEvent<null>, HTMLAnchorElement> | null | undefined;
+        'on:outroend'?: import("svelte/elements").EventHandler<CustomEvent<null>, HTMLAnchorElement> | null | undefined;
+        'on:introstart'?: import("svelte/elements").EventHandler<CustomEvent<null>, HTMLAnchorElement> | null | undefined;
+        'on:introend'?: import("svelte/elements").EventHandler<CustomEvent<null>, HTMLAnchorElement> | null | undefined;
+        'on:message'?: import("svelte/elements").MessageEventHandler<HTMLAnchorElement> | null | undefined;
+        'on:messageerror'?: import("svelte/elements").MessageEventHandler<HTMLAnchorElement> | null | undefined;
+        'on:visibilitychange'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
+        'on:cancel'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
+        'on:close'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
+        'on:fullscreenchange'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
+        'on:fullscreenerror'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
+        download?: any;
+        hreflang?: string | null | undefined;
+        media?: string | null | undefined;
+        ping?: string | null | undefined;
+        rel?: string | null | undefined;
+        target?: import("svelte/elements").HTMLAttributeAnchorTarget | null | undefined;
+        type?: string | null | undefined;
+        'sapper:noscroll'?: true | null | undefined;
+        'sapper:prefetch'?: true | null | undefined;
+        /**
+         * A Prismic Link field, Content Relationship field, Link to Media field or
+         * Document.
+         */
+        field: prismicT.LinkField | prismicT.PrismicDocument;
+        /**
+         * The Link Resolver used to resolve links.
+         *
+         * @remarks
+         * If your app uses Route Resolvers when querying for your Prismic
+         * repository's content, a Link Resolver does not need to be provided.
+         * @see Learn about Link Resolvers and Route Resolvers {@link https://prismic.io/docs/core-concepts/link-resolver-route-resolver}
+         */
+        linkResolver?: prismicH.LinkResolverFunction | undefined;
+        /**
+         * PrismicLink does not accept an `href` property. The `href` attribute is
+         * generated based on the field provided. If an `href` attribute is
+         * provided, it will be ignored.
+         */
+        href?: undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type PrismicLinkProps = typeof __propDef.props;
+export type PrismicLinkEvents = typeof __propDef.events;
+export type PrismicLinkSlots = typeof __propDef.slots;
+/**
+ * Component to render a Prismic Link, Link to Media, Content Relationship, or whole Document as an `a` tag.
+ *
+ *  @example Rendering a Link field:
+ * ```svelte
+ * 	<PrismicLink field={document.data.example_link}>
+ * 		Example anchor text.
+ * 	</PrismicLink>
+ *  ```
+ */
+export default class PrismicLink extends SvelteComponentTyped<PrismicLinkProps, PrismicLinkEvents, PrismicLinkSlots> {
+}
+export {};

package/dist/{components/PrismicRichText → PrismicRichText}/DefaultComponent.svelte

@@ -1,6 +1,14 @@
-<script>import { PrismicImage, PrismicEmbed, PrismicLink } from "..";
+<script>import PrismicEmbed from "../PrismicEmbed.svelte";
+import PrismicImage from "../PrismicImage.svelte";
+import PrismicLink from "../PrismicLink.svelte";
 export let node;
-export let linkResolver = undefined;
+export let key;
+export let text;
+export let type;
+key;
+text;
+type;
+export let linkResolver = void 0;
 </script>
 
 {#if node.type === "heading1"}

package/dist/{components/PrismicRichText → PrismicRichText}/DefaultComponent.svelte.d.ts

@@ -1,9 +1,12 @@
 import { SvelteComponentTyped } from "svelte";
 import type { LinkResolverFunction } from "@prismicio/helpers";
-import type { RTAnyNode } from "@prismicio/types";
+import type { TreeNode } from "@prismicio/richtext";
 declare const __propDef: {
     props: {
-        node: RTAnyNode;
+        node: TreeNode["node"];
+        key: TreeNode["key"];
+        text: TreeNode["text"];
+        type: TreeNode["type"];
         linkResolver?: LinkResolverFunction | undefined;
     };
     events: {

package/dist/PrismicRichText/PrismicRichText.svelte

@@ -0,0 +1,23 @@
+<script>import {
+  asTree,
+  wrapMapSerializer
+} from "@prismicio/richtext";
+import Serialize from "./Serialize.svelte";
+export let field = [];
+export let linkResolver = void 0;
+export let components = void 0;
+let resolvedSerializer = typeof components === "object" ? wrapMapSerializer(components) : components;
+const nodes = asTree(field).children;
+</script>
+
+<!--
+  @component
+  Component to render a Prismic Rich Text or Title field as HTML.
+
+  @example Rendering a Link field:
+	```svelte
+		<PrismicRichText field={document.data.example_rich_text} />
+  ```
+-->
+
+<Serialize {nodes} serializer={resolvedSerializer} {linkResolver} />

package/dist/{components/PrismicRichText → PrismicRichText}/PrismicRichText.svelte.d.ts

@@ -18,6 +18,9 @@ declare const __propDef: {
         /**
              * An object that maps Rich Text blocks to functions.
              *
+             * **Important**: Your components must be wrapped in a function. For example:
+             * `{ heading1: () => Heading }`, not: `{ heading1: Heading }`.
+             *
              * @example A serializer that modififes `h1` and `em` elements:
              *
              * ```js
@@ -30,7 +33,7 @@ declare const __propDef: {
              * 	em: ({ children }) => `<mark>${children}</mark>`,
              * };
              * ```
-             */ richTextSerializer?: RichTextMapSerializer<typeof SvelteComponent, TreeNode> | RichTextFunctionSerializer<typeof SvelteComponent, TreeNode> | undefined;
+             */ components?: RichTextMapSerializer<typeof SvelteComponent, TreeNode> | RichTextFunctionSerializer<typeof SvelteComponent, TreeNode> | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/{components/PrismicRichText → PrismicRichText}/Serialize.svelte

@@ -1,7 +1,7 @@
 <script>import Default from "./DefaultComponent.svelte";
 export let serializer;
 export let nodes = [];
-export let linkResolver = undefined;
+export let linkResolver = void 0;
 </script>
 
 {#each nodes as node}
@@ -9,7 +9,10 @@ export let linkResolver = undefined;
 		this={(serializer &&
 			serializer(node.type, node.node, node.text, node.children, node.key)) ||
 			Default}
-		{...node}
+		type={node.type}
+		node={node.node}
+		text={node.text}
+		key={node.key}
 		{linkResolver}
 	>
 		{#if node.children.length > 0}

package/dist/{components/PrismicText.svelte → PrismicText.svelte}

@@ -1,12 +1,6 @@
 <script>import * as prismicH from "@prismicio/helpers";
-/**
- * A Rich Text or Title field from Prismic.
- */
 export let field;
-/**
- * The separator used between blocks. Defaults to `\n`.
- */
-export let separator = undefined;
+export let separator = void 0;
 </script>
 
 <!-- 

package/dist/SliceZone/SliceZone.svelte

@@ -0,0 +1,29 @@
+<script>import TodoSliceComponent from "./TodoSliceComponent.svelte";
+export let slices = [];
+export let components = {};
+export let context = {};
+export let defaultComponent = void 0;
+</script>
+
+<!--
+  @component
+  Component to render an array of Prismic Slices.
+
+  @example Rendering a Rich Text field:
+	```svelte
+		<SliceZone slices={document.data.slices} components={{
+			block_quote: BlockQuote,
+			hero_image: HeroImage
+		}} />
+  ```
+-->
+
+{#each slices as slice, index}
+	{@const type = "slice_type" in slice ? slice.slice_type : slice.type}
+	{@const Component = components[type] || defaultComponent}
+	{#if Component}
+		<svelte:component this={Component} {slice} {slices} {context} {index} />
+	{:else}
+		<TodoSliceComponent {slice} />
+	{/if}
+{/each}

package/dist/{components → SliceZone}/SliceZone.svelte.d.ts

@@ -3,7 +3,8 @@ import type { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         /**
-             * An array of Prismic Slices, such as the `slices` property from a Prismic document.
+             * An array of Prismic Slices, such as the `slices` property from a Prismic
+             * document.
              */ slices?: ({
             slice_type: string;
         } | {
@@ -31,10 +32,6 @@ declare const __propDef: {
              * The Svelte component rendered if a component mapping from the `components`
              * prop cannot be found.
              */ defaultComponent?: SvelteComponent | (new (...args: any[]) => SvelteComponent) | undefined;
-        /**
-             * Whether the app is in development mode. When true, the SliceZone may
-             * display error messages in the UI.
-             */ dev?: boolean | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/{components → SliceZone}/TodoSliceComponent.svelte

@@ -1,11 +1,14 @@
-<script>export let slice;
-export let dev = false;
+<script>import { DEV } from "esm-env";
+export let slice;
 const type = "slice_type" in slice ? slice.slice_type : slice.type;
-if (dev)
-    console.warn(`[SliceZone] Could not find a component for Slice type "${type}"`, slice);
+if (DEV)
+  console.warn(
+    `[SliceZone] Could not find a component for Slice type "${type}"`,
+    slice
+  );
 </script>
 
-{#if dev}
+{#if DEV}
 	<section data-slice-zone-todo-component="" data-slice-type={type}>
 		Could not find a component for Slice type &ldquo;{type}&rdquo;
 	</section>

package/dist/{components → SliceZone}/TodoSliceComponent.svelte.d.ts

@@ -6,7 +6,6 @@ declare const __propDef: {
         } | {
             type: string;
         };
-        dev?: boolean | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/index.d.ts

@@ -1 +1,6 @@
-export { PrismicEmbed, PrismicImage, PrismicLink, PrismicText, PrismicRichText, SliceZone, } from "./components";
+export { default as PrismicEmbed } from "./PrismicEmbed.svelte";
+export { default as PrismicImage } from "./PrismicImage.svelte";
+export { default as PrismicLink } from "./PrismicLink.svelte";
+export { default as PrismicRichText } from "./PrismicRichText/PrismicRichText.svelte";
+export { default as PrismicText } from "./PrismicText.svelte";
+export { default as SliceZone } from "./SliceZone/SliceZone.svelte";

package/dist/index.js

@@ -1,3 +1,6 @@
-export { 
-// Components
-PrismicEmbed, PrismicImage, PrismicLink, PrismicText, PrismicRichText, SliceZone, } from "./components";
+export { default as PrismicEmbed } from "./PrismicEmbed.svelte";
+export { default as PrismicImage } from "./PrismicImage.svelte";
+export { default as PrismicLink } from "./PrismicLink.svelte";
+export { default as PrismicRichText } from "./PrismicRichText/PrismicRichText.svelte";
+export { default as PrismicText } from "./PrismicText.svelte";
+export { default as SliceZone } from "./SliceZone/SliceZone.svelte";

package/dist/src/lib/{components/PrismicImage.svelte → PrismicImage.svelte}

@@ -1,7 +1,8 @@
 <script lang="ts">
 	import * as prismicH from "@prismicio/helpers";
 	import type * as prismicT from "@prismicio/types";
-	import { __PRODUCTION__ } from "$lib/__PRODUCTION__";
+	import type { HTMLImgAttributes } from "svelte/elements";
+	import { DEV } from "esm-env";
 
 	type PrismicImageProps = {
 		/**
@@ -53,9 +54,19 @@
 		 * https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/alt#decorative_images
 		 */
 		fallbackAlt?: "";
+		/**
+		 * PrismicImage will ignore any provided `src` property. The `src` property
+		 * is generated based on the provided `field`.
+		 */
+		src?: undefined;
+		/**
+		 * PrismicImage will ignore any provided `srcset` property. The `srcset`
+		 * property is generated based on the provided `field`.
+		 */
+		srcset?: undefined;
 	};
 
-	type $$Props = Omit<svelteHTML.IntrinsicElements["img"], "alt"> &
+	type $$Props = Omit<HTMLImgAttributes, "alt" | "src" | "srcset"> &
 		PrismicImageProps;
 
 	export let field: $$Props["field"];
@@ -74,6 +85,9 @@
 
 	export let fallbackAlt: $$Props["fallbackAlt"] = undefined;
 
+	delete $$restProps.src;
+	delete $$restProps.srcset;
+
 	const castInt = (
 		input: string | number | null | undefined,
 	): number | undefined | null => {
@@ -119,7 +133,7 @@
 		resolvedWidth = castedHeight * ar;
 	}
 
-	if (!__PRODUCTION__) {
+	if (DEV) {
 		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.`,
@@ -140,14 +154,14 @@
 	}
 </script>
 
-<!-- 
+<!--
   @component
   Component to render a Prismic Image field as an `img` element with `width`, `height`, `alt`, `src`, and `srcset` attributes.
-  
+
   @example Rendering an Image field:
 	```svelte
-		<PrismicImage 
-			field={document.data.example_image} 
+		<PrismicImage
+			field={document.data.example_image}
 			imgixParams={{ sat: -100 }}
 		/>
   ```

package/dist/src/lib/{components/PrismicLink.svelte → PrismicLink.svelte}

@@ -1,11 +1,13 @@
 <script lang="ts">
 	import * as prismicH from "@prismicio/helpers";
 	import type * as prismicT from "@prismicio/types";
+	import type { HTMLAnchorAttributes } from "svelte/elements";
 	// import { usePrismic } from "../usePrismic";
 
 	type PrismicLinkProps = {
 		/**
-		 * A Prismic Link field, Content Relationship field, Link to Media field or Document.
+		 * A Prismic Link field, Content Relationship field, Link to Media field or
+		 * Document.
 		 */
 		field: prismicT.LinkField | prismicT.PrismicDocument;
 
@@ -18,9 +20,16 @@
 		 * @see Learn about Link Resolvers and Route Resolvers {@link https://prismic.io/docs/core-concepts/link-resolver-route-resolver}
 		 */
 		linkResolver?: prismicH.LinkResolverFunction | undefined;
+
+		/**
+		 * PrismicLink does not accept an `href` property. The `href` attribute is
+		 * generated based on the field provided. If an `href` attribute is
+		 * provided, it will be ignored.
+		 */
+		href?: undefined;
 	};
 
-	type $$Props = svelteHTML.IntrinsicElements["a"] & PrismicLinkProps;
+	type $$Props = Omit<HTMLAnchorAttributes, "href"> & PrismicLinkProps;
 
 	export let field: $$Props["field"];
 	export let linkResolver: $$Props["linkResolver"] = undefined;
@@ -34,6 +43,8 @@
 		rel || (target === "_blank" ? "noopener noreferrer" : undefined);
 
 	const href = (field ? prismicH.asLink(field, linkResolver) : "") || "";
+
+	delete $$restProps.href;
 </script>
 
 <!-- 

package/dist/src/lib/{components/PrismicRichText → PrismicRichText}/DefaultComponent.svelte

@@ -1,9 +1,21 @@
 <script lang="ts">
-	import { PrismicImage, PrismicEmbed, PrismicLink } from "$lib/components";
 	import type { LinkResolverFunction } from "@prismicio/helpers";
-	import type { RTAnyNode } from "@prismicio/types";
+	import type { TreeNode } from "@prismicio/richtext";
 
-	export let node: RTAnyNode;
+	import PrismicEmbed from "../PrismicEmbed.svelte";
+	import PrismicImage from "../PrismicImage.svelte";
+	import PrismicLink from "../PrismicLink.svelte";
+
+	export let node: TreeNode["node"];
+	export let key: TreeNode["key"];
+	export let text: TreeNode["text"];
+	export let type: TreeNode["type"];
+
+	// These variables are not used in the component, but we need to
+	// superficially use them to supress development warnings.
+	key;
+	text;
+	type;
 
 	export let linkResolver: LinkResolverFunction | undefined = undefined;
 </script>