@prismicio/svelte 0.0.11 → 0.1.1

package/dist/PrismicImage.svelte.d.ts

@@ -1,18 +1,17 @@
-import { SvelteComponentTyped } from "svelte";
-import * as prismicH from "@prismicio/helpers";
-import type * as prismicT from "@prismicio/types";
+import { SvelteComponent } from "svelte";
+import { asImageWidthSrcSet, asImagePixelDensitySrcSet, type ImageFieldImage } from "@prismicio/client";
+import type { ImgixURLParams } from "imgix-url-builder";
 declare const __propDef: {
     props: {
-        width?: string | number | null | undefined;
-        height?: string | number | null | undefined;
-        prefix?: string | null | undefined;
         crossorigin?: "" | "anonymous" | "use-credentials" | null | undefined;
         decoding?: "auto" | "async" | "sync" | null | undefined;
+        height?: string | number | null | undefined;
         ismap?: boolean | null | undefined;
         loading?: "eager" | "lazy" | null | undefined;
         referrerpolicy?: ReferrerPolicy | null | undefined;
         sizes?: string | null | undefined;
         usemap?: string | null | undefined;
+        width?: string | number | null | undefined;
         'bind:naturalWidth'?: number | null | undefined;
         'bind:naturalHeight'?: number | null | undefined;
         accesskey?: string | null | undefined;
@@ -40,6 +39,7 @@ declare const __propDef: {
         about?: string | null | undefined;
         datatype?: string | null | undefined;
         inlist?: any;
+        prefix?: string | null | undefined;
         property?: string | null | undefined;
         resource?: string | null | undefined;
         typeof?: string | null | undefined;
@@ -56,17 +56,15 @@ declare const __propDef: {
         results?: number | null | undefined;
         security?: string | null | undefined;
         unselectable?: "on" | "off" | null | undefined;
-        inputmode?: "url" | "search" | "none" | "text" | "tel" | "email" | "numeric" | "decimal" | null | undefined;
+        inputmode?: "search" | "none" | "text" | "tel" | "url" | "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;
+        'bind:contentRect'?: DOMRectReadOnly | null | undefined;
+        'bind:contentBoxSize'?: ResizeObserverSize[] | null | undefined;
+        'bind:borderBoxSize'?: ResizeObserverSize[] | null | undefined;
+        'bind:devicePixelContentBoxSize'?: ResizeObserverSize[] | null | undefined;
         'aria-activedescendant'?: string | null | undefined;
         'aria-atomic'?: import("svelte/elements").Booleanish | null | undefined;
         'aria-autocomplete'?: "list" | "none" | "inline" | "both" | null | undefined;
@@ -129,13 +127,9 @@ declare const __propDef: {
         'on:beforeinput'?: import("svelte/elements").EventHandler<InputEvent, HTMLImageElement> | null | undefined;
         'on:input'?: import("svelte/elements").FormEventHandler<HTMLImageElement> | null | undefined;
         'on:reset'?: import("svelte/elements").FormEventHandler<HTMLImageElement> | null | undefined;
-        'on:submit'?: import("svelte/elements").EventHandler<Event & {
-            readonly submitter: HTMLElement | null;
-        }, HTMLImageElement> | null | undefined;
+        'on:submit'?: import("svelte/elements").EventHandler<SubmitEvent, HTMLImageElement> | null | undefined;
         'on:invalid'?: import("svelte/elements").EventHandler<Event, HTMLImageElement> | null | undefined;
-        'on:formdata'?: import("svelte/elements").EventHandler<Event & {
-            readonly formData: FormData;
-        }, HTMLImageElement> | null | undefined;
+        'on:formdata'?: import("svelte/elements").EventHandler<FormDataEvent, HTMLImageElement> | 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, HTMLImageElement> | null | undefined;
@@ -223,33 +217,267 @@ declare const __propDef: {
         'on:fullscreenchange'?: import("svelte/elements").EventHandler<Event, HTMLImageElement> | null | undefined;
         'on:fullscreenerror'?: import("svelte/elements").EventHandler<Event, HTMLImageElement> | null | undefined;
         /**
-         * A Prismic Image field.
+         * The Prismic image field or thumbnail to render.
          */
-        field: prismicT.ImageField;
+        field: ImageFieldImage | null | undefined;
         /**
          * An object of Imgix URL API parameters to transform the image.
          *
          * See: https://docs.imgix.com/apis/rendering
          */
-        imgixParams?: Parameters<typeof prismicH.asImageSrc>[1];
+        imgixParams?: ImgixURLParams | undefined;
+        /**
+         * Declare an image as decorative by providing `alt=""`.
+         *
+         * See:
+         * https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/alt#decorative_images
+         */
+        alt?: "" | undefined;
+        /**
+         * Declare an image as decorative only if the Image field does not have
+         * alternative text by providing `fallbackAlt=""`.
+         *
+         * See:
+         * https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/alt#decorative_images
+         */
+        fallbackAlt?: "" | undefined;
         /**
          * Widths used to build a `srcset` value for the Image field.
          *
-         * If a `widths` prop is not given or `"defaults"` is passed, the following
-         * widths will be used: 640, 750, 828, 1080, 1200, 1920, 2048, 3840.
+         * If a `widths` prop is not given or `"defaults"` is passed, the
+         * following widths will be used: 640, 750, 828, 1080, 1200, 1920,
+         * 2048, 3840.
          *
-         * If the Image field contains responsive views, each responsive view can be
-         * used as a width in the resulting `srcset` by passing `"thumbnails"` as
-         * the `widths` prop.
+         * If the Image field contains responsive views, each responsive view
+         * can be used as a width in the resulting `srcset` by passing
+         * `"thumbnails"` as the `widths` prop.
+         */
+        widths?: NonNullable<Parameters<typeof asImageWidthSrcSet>[1]>["widths"] | "defaults";
+        pixelDensities?: undefined;
+    } | {
+        crossorigin?: "" | "anonymous" | "use-credentials" | null | undefined;
+        decoding?: "auto" | "async" | "sync" | null | undefined;
+        height?: string | number | null | undefined;
+        ismap?: boolean | null | undefined;
+        loading?: "eager" | "lazy" | null | undefined;
+        referrerpolicy?: ReferrerPolicy | null | undefined;
+        sizes?: string | null | undefined;
+        usemap?: string | null | undefined;
+        width?: string | number | null | undefined;
+        'bind:naturalWidth'?: number | null | undefined;
+        'bind:naturalHeight'?: number | 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;
+        prefix?: string | null | undefined;
+        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?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | null | undefined;
+        is?: string | null | undefined;
+        'bind:innerHTML'?: string | null | undefined;
+        'bind:textContent'?: string | null | undefined;
+        'bind:innerText'?: string | null | undefined;
+        'bind:contentRect'?: DOMRectReadOnly | null | undefined;
+        'bind:contentBoxSize'?: ResizeObserverSize[] | null | undefined;
+        'bind:borderBoxSize'?: ResizeObserverSize[] | null | undefined;
+        'bind:devicePixelContentBoxSize'?: ResizeObserverSize[] | 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<HTMLImageElement> | null | undefined;
+        'on:cut'?: import("svelte/elements").ClipboardEventHandler<HTMLImageElement> | null | undefined;
+        'on:paste'?: import("svelte/elements").ClipboardEventHandler<HTMLImageElement> | null | undefined;
+        'on:compositionend'?: import("svelte/elements").CompositionEventHandler<HTMLImageElement> | null | undefined;
+        'on:compositionstart'?: import("svelte/elements").CompositionEventHandler<HTMLImageElement> | null | undefined;
+        'on:compositionupdate'?: import("svelte/elements").CompositionEventHandler<HTMLImageElement> | null | undefined;
+        'on:focus'?: import("svelte/elements").FocusEventHandler<HTMLImageElement> | null | undefined;
+        'on:focusin'?: import("svelte/elements").FocusEventHandler<HTMLImageElement> | null | undefined;
+        'on:focusout'?: import("svelte/elements").FocusEventHandler<HTMLImageElement> | null | undefined;
+        'on:blur'?: import("svelte/elements").FocusEventHandler<HTMLImageElement> | null | undefined;
+        'on:change'?: import("svelte/elements").FormEventHandler<HTMLImageElement> | null | undefined;
+        'on:beforeinput'?: import("svelte/elements").EventHandler<InputEvent, HTMLImageElement> | null | undefined;
+        'on:input'?: import("svelte/elements").FormEventHandler<HTMLImageElement> | null | undefined;
+        'on:reset'?: import("svelte/elements").FormEventHandler<HTMLImageElement> | null | undefined;
+        'on:submit'?: import("svelte/elements").EventHandler<SubmitEvent, HTMLImageElement> | null | undefined;
+        'on:invalid'?: import("svelte/elements").EventHandler<Event, HTMLImageElement> | null | undefined;
+        'on:formdata'?: import("svelte/elements").EventHandler<FormDataEvent, HTMLImageElement> | 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, HTMLImageElement> | null | undefined;
+        'on:keydown'?: import("svelte/elements").KeyboardEventHandler<HTMLImageElement> | null | undefined;
+        'on:keypress'?: import("svelte/elements").KeyboardEventHandler<HTMLImageElement> | null | undefined;
+        'on:keyup'?: import("svelte/elements").KeyboardEventHandler<HTMLImageElement> | null | undefined;
+        'on:abort'?: import("svelte/elements").EventHandler<Event, HTMLImageElement> | null | undefined;
+        'on:canplay'?: import("svelte/elements").EventHandler<Event, HTMLImageElement> | null | undefined;
+        'on:canplaythrough'?: import("svelte/elements").EventHandler<Event, HTMLImageElement> | null | undefined;
+        'on:cuechange'?: import("svelte/elements").EventHandler<Event, HTMLImageElement> | null | undefined;
+        'on:durationchange'?: import("svelte/elements").EventHandler<Event, HTMLImageElement> | null | undefined;
+        'on:emptied'?: import("svelte/elements").EventHandler<Event, HTMLImageElement> | null | undefined;
+        'on:encrypted'?: import("svelte/elements").EventHandler<Event, HTMLImageElement> | null | undefined;
+        'on:ended'?: import("svelte/elements").EventHandler<Event, HTMLImageElement> | null | undefined;
+        'on:loadeddata'?: import("svelte/elements").EventHandler<Event, HTMLImageElement> | null | undefined;
+        'on:loadedmetadata'?: import("svelte/elements").EventHandler<Event, HTMLImageElement> | null | undefined;
+        'on:loadstart'?: import("svelte/elements").EventHandler<Event, HTMLImageElement> | null | undefined;
+        'on:pause'?: import("svelte/elements").EventHandler<Event, HTMLImageElement> | null | undefined;
+        'on:play'?: import("svelte/elements").EventHandler<Event, HTMLImageElement> | null | undefined;
+        'on:playing'?: import("svelte/elements").EventHandler<Event, HTMLImageElement> | null | undefined;
+        'on:progress'?: import("svelte/elements").EventHandler<Event, HTMLImageElement> | null | undefined;
+        'on:ratechange'?: import("svelte/elements").EventHandler<Event, HTMLImageElement> | null | undefined;
+        'on:seeked'?: import("svelte/elements").EventHandler<Event, HTMLImageElement> | null | undefined;
+        'on:seeking'?: import("svelte/elements").EventHandler<Event, HTMLImageElement> | null | undefined;
+        'on:stalled'?: import("svelte/elements").EventHandler<Event, HTMLImageElement> | null | undefined;
+        'on:suspend'?: import("svelte/elements").EventHandler<Event, HTMLImageElement> | null | undefined;
+        'on:timeupdate'?: import("svelte/elements").EventHandler<Event, HTMLImageElement> | null | undefined;
+        'on:volumechange'?: import("svelte/elements").EventHandler<Event, HTMLImageElement> | null | undefined;
+        'on:waiting'?: import("svelte/elements").EventHandler<Event, HTMLImageElement> | null | undefined;
+        'on:auxclick'?: import("svelte/elements").MouseEventHandler<HTMLImageElement> | null | undefined;
+        'on:click'?: import("svelte/elements").MouseEventHandler<HTMLImageElement> | null | undefined;
+        'on:contextmenu'?: import("svelte/elements").MouseEventHandler<HTMLImageElement> | null | undefined;
+        'on:dblclick'?: import("svelte/elements").MouseEventHandler<HTMLImageElement> | null | undefined;
+        'on:drag'?: import("svelte/elements").DragEventHandler<HTMLImageElement> | null | undefined;
+        'on:dragend'?: import("svelte/elements").DragEventHandler<HTMLImageElement> | null | undefined;
+        'on:dragenter'?: import("svelte/elements").DragEventHandler<HTMLImageElement> | null | undefined;
+        'on:dragexit'?: import("svelte/elements").DragEventHandler<HTMLImageElement> | null | undefined;
+        'on:dragleave'?: import("svelte/elements").DragEventHandler<HTMLImageElement> | null | undefined;
+        'on:dragover'?: import("svelte/elements").DragEventHandler<HTMLImageElement> | null | undefined;
+        'on:dragstart'?: import("svelte/elements").DragEventHandler<HTMLImageElement> | null | undefined;
+        'on:drop'?: import("svelte/elements").DragEventHandler<HTMLImageElement> | null | undefined;
+        'on:mousedown'?: import("svelte/elements").MouseEventHandler<HTMLImageElement> | null | undefined;
+        'on:mouseenter'?: import("svelte/elements").MouseEventHandler<HTMLImageElement> | null | undefined;
+        'on:mouseleave'?: import("svelte/elements").MouseEventHandler<HTMLImageElement> | null | undefined;
+        'on:mousemove'?: import("svelte/elements").MouseEventHandler<HTMLImageElement> | null | undefined;
+        'on:mouseout'?: import("svelte/elements").MouseEventHandler<HTMLImageElement> | null | undefined;
+        'on:mouseover'?: import("svelte/elements").MouseEventHandler<HTMLImageElement> | null | undefined;
+        'on:mouseup'?: import("svelte/elements").MouseEventHandler<HTMLImageElement> | null | undefined;
+        'on:select'?: import("svelte/elements").EventHandler<Event, HTMLImageElement> | null | undefined;
+        'on:selectionchange'?: import("svelte/elements").EventHandler<Event, HTMLImageElement> | null | undefined;
+        'on:selectstart'?: import("svelte/elements").EventHandler<Event, HTMLImageElement> | null | undefined;
+        'on:touchcancel'?: import("svelte/elements").TouchEventHandler<HTMLImageElement> | null | undefined;
+        'on:touchend'?: import("svelte/elements").TouchEventHandler<HTMLImageElement> | null | undefined;
+        'on:touchmove'?: import("svelte/elements").TouchEventHandler<HTMLImageElement> | null | undefined;
+        'on:touchstart'?: import("svelte/elements").TouchEventHandler<HTMLImageElement> | null | undefined;
+        'on:gotpointercapture'?: import("svelte/elements").PointerEventHandler<HTMLImageElement> | null | undefined;
+        'on:pointercancel'?: import("svelte/elements").PointerEventHandler<HTMLImageElement> | null | undefined;
+        'on:pointerdown'?: import("svelte/elements").PointerEventHandler<HTMLImageElement> | null | undefined;
+        'on:pointerenter'?: import("svelte/elements").PointerEventHandler<HTMLImageElement> | null | undefined;
+        'on:pointerleave'?: import("svelte/elements").PointerEventHandler<HTMLImageElement> | null | undefined;
+        'on:pointermove'?: import("svelte/elements").PointerEventHandler<HTMLImageElement> | null | undefined;
+        'on:pointerout'?: import("svelte/elements").PointerEventHandler<HTMLImageElement> | null | undefined;
+        'on:pointerover'?: import("svelte/elements").PointerEventHandler<HTMLImageElement> | null | undefined;
+        'on:pointerup'?: import("svelte/elements").PointerEventHandler<HTMLImageElement> | null | undefined;
+        'on:lostpointercapture'?: import("svelte/elements").PointerEventHandler<HTMLImageElement> | null | undefined;
+        'on:scroll'?: import("svelte/elements").UIEventHandler<HTMLImageElement> | null | undefined;
+        'on:resize'?: import("svelte/elements").UIEventHandler<HTMLImageElement> | null | undefined;
+        'on:wheel'?: import("svelte/elements").WheelEventHandler<HTMLImageElement> | null | undefined;
+        'on:animationstart'?: import("svelte/elements").AnimationEventHandler<HTMLImageElement> | null | undefined;
+        'on:animationend'?: import("svelte/elements").AnimationEventHandler<HTMLImageElement> | null | undefined;
+        'on:animationiteration'?: import("svelte/elements").AnimationEventHandler<HTMLImageElement> | null | undefined;
+        'on:transitionstart'?: import("svelte/elements").TransitionEventHandler<HTMLImageElement> | null | undefined;
+        'on:transitionrun'?: import("svelte/elements").TransitionEventHandler<HTMLImageElement> | null | undefined;
+        'on:transitionend'?: import("svelte/elements").TransitionEventHandler<HTMLImageElement> | null | undefined;
+        'on:transitioncancel'?: import("svelte/elements").TransitionEventHandler<HTMLImageElement> | null | undefined;
+        'on:outrostart'?: import("svelte/elements").EventHandler<CustomEvent<null>, HTMLImageElement> | null | undefined;
+        'on:outroend'?: import("svelte/elements").EventHandler<CustomEvent<null>, HTMLImageElement> | null | undefined;
+        'on:introstart'?: import("svelte/elements").EventHandler<CustomEvent<null>, HTMLImageElement> | null | undefined;
+        'on:introend'?: import("svelte/elements").EventHandler<CustomEvent<null>, HTMLImageElement> | null | undefined;
+        'on:message'?: import("svelte/elements").MessageEventHandler<HTMLImageElement> | null | undefined;
+        'on:messageerror'?: import("svelte/elements").MessageEventHandler<HTMLImageElement> | null | undefined;
+        'on:visibilitychange'?: import("svelte/elements").EventHandler<Event, HTMLImageElement> | null | undefined;
+        'on:cancel'?: import("svelte/elements").EventHandler<Event, HTMLImageElement> | null | undefined;
+        'on:close'?: import("svelte/elements").EventHandler<Event, HTMLImageElement> | null | undefined;
+        'on:fullscreenchange'?: import("svelte/elements").EventHandler<Event, HTMLImageElement> | null | undefined;
+        'on:fullscreenerror'?: import("svelte/elements").EventHandler<Event, HTMLImageElement> | null | undefined;
+        /**
+         * The Prismic image field or thumbnail to render.
          */
-        widths?: NonNullable<Parameters<typeof prismicH.asImageWidthSrcSet>[1]>["widths"] | "defaults";
+        field: ImageFieldImage | null | undefined;
         /**
-         * Pixel densities used to build a `srcset` value for the Image field.
+         * An object of Imgix URL API parameters to transform the image.
          *
-         * If a `pixelDensities` prop is passed `"defaults"`, the following pixel
-         * densities will be used: 1, 2, 3.
+         * See: https://docs.imgix.com/apis/rendering
          */
-        pixelDensities?: NonNullable<Parameters<typeof prismicH.asImagePixelDensitySrcSet>[1]>["pixelDensities"] | "defaults";
+        imgixParams?: ImgixURLParams | undefined;
         /**
          * Declare an image as decorative by providing `alt=""`.
          *
@@ -266,15 +494,13 @@ declare const __propDef: {
          */
         fallbackAlt?: "" | undefined;
         /**
-         * 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`.
+         * Pixel densities used to build a `srcset` value for the Image field.
+         *
+         * If a `pixelDensities` prop is passed `"defaults"`, the following
+         * pixel densities will be used: 1, 2, 3.
          */
-        srcset?: undefined;
+        pixelDensities: NonNullable<Parameters<typeof asImagePixelDensitySrcSet>[1]>["pixelDensities"] | "defaults";
+        widths?: undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -285,16 +511,16 @@ export type PrismicImageProps = typeof __propDef.props;
 export type PrismicImageEvents = typeof __propDef.events;
 export type PrismicImageSlots = typeof __propDef.slots;
 /**
- * Component to render a Prismic Image field as an `img` element with `width`, `height`, `alt`, `src`, and `srcset` attributes.
+ * Component to render a Prismic image field as an `img` element with `width`, `height`, `alt`, `src`, and `srcset` attributes.
  *
- *  @example Rendering an Image field:
+ *  @example Rendering an image field:
  * ```svelte
  * 	<PrismicImage
  * 		field={document.data.example_image}
  * 		imgixParams={{ sat: -100 }}
  * 	/>
- *  ```
+ * ```
  */
-export default class PrismicImage extends SvelteComponentTyped<PrismicImageProps, PrismicImageEvents, PrismicImageSlots> {
+export default class PrismicImage extends SvelteComponent<PrismicImageProps, PrismicImageEvents, PrismicImageSlots> {
 }
 export {};

package/dist/PrismicLink.svelte

@@ -1,26 +1,29 @@
-<script>import * as prismicH from "@prismicio/helpers";
-export let field;
-export let linkResolver = void 0;
-export let target = void 0;
-const resolvedTarget = target || field && "target" in field && field.target || void 0;
+<script>import {
+  asLinkAttrs
+} from "@prismicio/client";
+export let field = void 0;
+export let document = void 0;
 export let rel = void 0;
-const resolvedRel = rel || (target === "_blank" ? "noopener noreferrer" : void 0);
-const href = (field ? prismicH.asLink(field, linkResolver) : "") || "";
-delete $$restProps.href;
+$:
+  linkAttrs = asLinkAttrs(field ?? document, {
+    rel: typeof rel === "function" ? rel : void 0
+  });
+$:
+  resolvedRel = typeof rel === "string" ? rel : linkAttrs.rel;
 </script>
 
-<!-- 
+<!--
   @component
-  Component to render a Prismic Link, Link to Media, Content Relationship, or whole Document as an `a` tag.
-  
+  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>
-  ```
+	```
 -->
 
-<a {href} {...$$restProps} rel={resolvedRel} target={resolvedTarget}>
+<a {...linkAttrs} rel={resolvedRel} href={linkAttrs.href} {...$$restProps}>
 	<slot />
 </a>