@nuxt/scripts 1.0.0-beta.6 → 1.0.0-rc.1

package/dist/runtime/components/GoogleMaps/useGoogleMapsResource.js

@@ -0,0 +1,51 @@
+import { whenever } from "@vueuse/core";
+import { inject, onUnmounted, ref, shallowRef } from "vue";
+export const MAP_INJECTION_KEY = Symbol("map");
+export const MARKER_INJECTION_KEY = Symbol("marker");
+export function bindGoogleMapsEvents(instance, emit, config) {
+  config.noPayload?.forEach((event) => {
+    instance.addListener(event, () => emit(event));
+  });
+  config.withPayload?.forEach((event) => {
+    instance.addListener(event, (payload) => emit(event, payload));
+  });
+}
+export function useGoogleMapsResource({
+  ready,
+  create,
+  cleanup
+}) {
+  const mapContext = inject(MAP_INJECTION_KEY, void 0);
+  const resource = shallowRef(void 0);
+  const isUnmounted = ref(false);
+  whenever(
+    () => mapContext?.map.value && mapContext.mapsApi.value && (!ready || ready()),
+    () => {
+      Promise.resolve(create({
+        map: mapContext.map.value,
+        mapsApi: mapContext.mapsApi.value
+      })).then((result) => {
+        if (isUnmounted.value) {
+          if (cleanup && mapContext?.mapsApi.value) {
+            cleanup(result, { mapsApi: mapContext.mapsApi.value });
+          }
+          return;
+        }
+        resource.value = result;
+      }).catch((err) => {
+        if (import.meta.dev) {
+          console.error("[nuxt-scripts] Google Maps resource creation failed:", err);
+        }
+      });
+    },
+    { immediate: true, once: true }
+  );
+  onUnmounted(() => {
+    isUnmounted.value = true;
+    if (resource.value && cleanup && mapContext?.mapsApi.value) {
+      cleanup(resource.value, { mapsApi: mapContext.mapsApi.value });
+    }
+    resource.value = void 0;
+  });
+  return resource;
+}

package/dist/runtime/components/ScriptBlueskyEmbed.d.vue.ts

@@ -0,0 +1,85 @@
+import type { HTMLAttributes } from 'vue';
+import type { BlueskyEmbedPostData } from '../registry/bluesky-embed.js';
+type __VLS_Props = {
+    /**
+     * The Bluesky post URL to embed
+     * @example 'https://bsky.app/profile/bsky.app/post/3mgnwwvj3u22a'
+     */
+    postUrl: string;
+    /**
+     * Custom API endpoint for fetching post data
+     */
+    apiEndpoint?: string;
+    /**
+     * Custom image proxy endpoint
+     */
+    imageProxyEndpoint?: string;
+    /**
+     * Root element attributes
+     */
+    rootAttrs?: HTMLAttributes;
+};
+declare var __VLS_1: {}, __VLS_3: {
+    error: import("nuxt/app").NuxtError<unknown> | undefined;
+}, __VLS_5: {
+    post: BlueskyEmbedPostData;
+    displayName: string;
+    handle: string;
+    avatar: string;
+    avatarOriginal: string;
+    isVerified: boolean;
+    text: string;
+    richText: string;
+    langs: string[] | undefined;
+    datetime: string;
+    createdAt: Date;
+    likes: number;
+    likesFormatted: string;
+    reposts: number;
+    repostsFormatted: string;
+    replies: number;
+    repliesFormatted: string;
+    quotes: number;
+    quotesFormatted: string;
+    images: {
+        thumb: string;
+        fullsize: string;
+        alt: string;
+        aspectRatio: {
+            width: number;
+            height: number;
+        } | undefined;
+    }[] | undefined;
+    externalEmbed: {
+        uri: string;
+        title: string;
+        description: string;
+        thumb: string | undefined;
+    } | undefined;
+    postUrl: string;
+    authorUrl: string;
+    proxyImage: (url: string) => string;
+};
+type __VLS_Slots = {} & {
+    loading?: (props: typeof __VLS_1) => any;
+} & {
+    error?: (props: typeof __VLS_3) => any;
+} & {
+    default?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
+    post: import("vue").Ref<BlueskyEmbedPostData | undefined, BlueskyEmbedPostData | undefined>;
+    status: import("vue").Ref<import("nuxt/app").AsyncDataRequestStatus, import("nuxt/app").AsyncDataRequestStatus>;
+    error: import("vue").Ref<import("nuxt/app").NuxtError<unknown> | undefined, import("nuxt/app").NuxtError<unknown> | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    apiEndpoint: string;
+    imageProxyEndpoint: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ScriptBlueskyEmbed.vue

@@ -0,0 +1,88 @@
+<script setup>
+import { useAsyncData } from "nuxt/app";
+import { computed } from "vue";
+import { extractBlueskyPostId, facetsToHtml, formatBlueskyDate, formatCount, proxyBlueskyImageUrl } from "../registry/bluesky-embed";
+import { requireRegistryEndpoint, scriptsPrefix } from "../utils";
+const props = defineProps({
+  postUrl: { type: String, required: true },
+  apiEndpoint: { type: String, required: false, default: void 0 },
+  imageProxyEndpoint: { type: String, required: false, default: void 0 },
+  rootAttrs: { type: Object, required: false }
+});
+const prefix = scriptsPrefix();
+const resolvedApiEndpoint = computed(() => props.apiEndpoint || `${prefix}/embed/bluesky`);
+const resolvedImageProxyEndpoint = computed(() => props.imageProxyEndpoint || `${prefix}/embed/bluesky-image`);
+if (!props.apiEndpoint)
+  requireRegistryEndpoint("ScriptBlueskyEmbed", "blueskyEmbed");
+const postId = computed(() => extractBlueskyPostId(props.postUrl));
+const cacheKey = computed(() => `bluesky-embed-${postId.value?.actor}-${postId.value?.rkey}`);
+const { data: post, status, error } = useAsyncData(
+  cacheKey,
+  () => $fetch(`${resolvedApiEndpoint.value}?url=${encodeURIComponent(props.postUrl)}`)
+);
+const slotProps = computed(() => {
+  if (!post.value)
+    return null;
+  const p = post.value;
+  return {
+    // Raw data
+    post: p,
+    // Author info
+    displayName: p.author.displayName,
+    handle: p.author.handle,
+    avatar: proxyBlueskyImageUrl(p.author.avatar, resolvedImageProxyEndpoint.value),
+    avatarOriginal: p.author.avatar,
+    isVerified: p.author.verification?.verifiedStatus === "valid",
+    // Post content
+    text: p.record.text,
+    richText: facetsToHtml(p.record.text, p.record.facets),
+    langs: p.record.langs,
+    // Formatted values
+    datetime: formatBlueskyDate(p.record.createdAt),
+    createdAt: new Date(p.record.createdAt),
+    likes: p.likeCount,
+    likesFormatted: formatCount(p.likeCount),
+    reposts: p.repostCount,
+    repostsFormatted: formatCount(p.repostCount),
+    replies: p.replyCount,
+    repliesFormatted: formatCount(p.replyCount),
+    quotes: p.quoteCount,
+    quotesFormatted: formatCount(p.quoteCount),
+    // Media
+    images: p.embed?.images?.map((img) => ({
+      thumb: proxyBlueskyImageUrl(img.thumb, resolvedImageProxyEndpoint.value),
+      fullsize: proxyBlueskyImageUrl(img.fullsize, resolvedImageProxyEndpoint.value),
+      alt: img.alt,
+      aspectRatio: img.aspectRatio
+    })),
+    externalEmbed: p.embed?.external ? {
+      uri: p.embed.external.uri,
+      title: p.embed.external.title,
+      description: p.embed.external.description,
+      thumb: p.embed.external.thumb ? proxyBlueskyImageUrl(p.embed.external.thumb, resolvedImageProxyEndpoint.value) : void 0
+    } : void 0,
+    // Links
+    postUrl: props.postUrl,
+    authorUrl: `https://bsky.app/profile/${p.author.handle}`,
+    // Helpers
+    proxyImage: (url) => proxyBlueskyImageUrl(url, resolvedImageProxyEndpoint.value)
+  };
+});
+defineExpose({
+  post,
+  status,
+  error
+});
+</script>
+
+<template>
+  <div v-bind="rootAttrs">
+    <slot v-if="status === 'pending'" name="loading">
+      <div>Loading Bluesky post...</div>
+    </slot>
+    <slot v-else-if="status === 'error'" name="error" :error="error">
+      <div>Failed to load Bluesky post</div>
+    </slot>
+    <slot v-else-if="slotProps" v-bind="slotProps" />
+  </div>
+</template>

package/dist/runtime/components/ScriptBlueskyEmbed.vue.d.ts

@@ -0,0 +1,85 @@
+import type { HTMLAttributes } from 'vue';
+import type { BlueskyEmbedPostData } from '../registry/bluesky-embed.js';
+type __VLS_Props = {
+    /**
+     * The Bluesky post URL to embed
+     * @example 'https://bsky.app/profile/bsky.app/post/3mgnwwvj3u22a'
+     */
+    postUrl: string;
+    /**
+     * Custom API endpoint for fetching post data
+     */
+    apiEndpoint?: string;
+    /**
+     * Custom image proxy endpoint
+     */
+    imageProxyEndpoint?: string;
+    /**
+     * Root element attributes
+     */
+    rootAttrs?: HTMLAttributes;
+};
+declare var __VLS_1: {}, __VLS_3: {
+    error: import("nuxt/app").NuxtError<unknown> | undefined;
+}, __VLS_5: {
+    post: BlueskyEmbedPostData;
+    displayName: string;
+    handle: string;
+    avatar: string;
+    avatarOriginal: string;
+    isVerified: boolean;
+    text: string;
+    richText: string;
+    langs: string[] | undefined;
+    datetime: string;
+    createdAt: Date;
+    likes: number;
+    likesFormatted: string;
+    reposts: number;
+    repostsFormatted: string;
+    replies: number;
+    repliesFormatted: string;
+    quotes: number;
+    quotesFormatted: string;
+    images: {
+        thumb: string;
+        fullsize: string;
+        alt: string;
+        aspectRatio: {
+            width: number;
+            height: number;
+        } | undefined;
+    }[] | undefined;
+    externalEmbed: {
+        uri: string;
+        title: string;
+        description: string;
+        thumb: string | undefined;
+    } | undefined;
+    postUrl: string;
+    authorUrl: string;
+    proxyImage: (url: string) => string;
+};
+type __VLS_Slots = {} & {
+    loading?: (props: typeof __VLS_1) => any;
+} & {
+    error?: (props: typeof __VLS_3) => any;
+} & {
+    default?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
+    post: import("vue").Ref<BlueskyEmbedPostData | undefined, BlueskyEmbedPostData | undefined>;
+    status: import("vue").Ref<import("nuxt/app").AsyncDataRequestStatus, import("nuxt/app").AsyncDataRequestStatus>;
+    error: import("vue").Ref<import("nuxt/app").NuxtError<unknown> | undefined, import("nuxt/app").NuxtError<unknown> | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    apiEndpoint: string;
+    imageProxyEndpoint: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ScriptCrisp.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { ref, onMounted, onBeforeUnmount, watch, computed } from "vue";
+import { computed, onBeforeUnmount, onMounted, ref, watch } from "vue";
 import { useScriptTriggerElement } from "../composables/useScriptTriggerElement";
 import { useScriptCrisp } from "../registry/crisp";
 const props = defineProps({

package/dist/runtime/components/ScriptGoogleAdsense.vue

@@ -1,6 +1,6 @@
 <script setup>
-import { computed, onMounted, ref, watch } from "vue";
 import { callOnce } from "nuxt/app";
+import { computed, onMounted, ref, watch } from "vue";
 import { useScriptTriggerElement } from "../composables/useScriptTriggerElement";
 import { useScriptGoogleAdsense } from "../registry/google-adsense";
 import { scriptRuntimeConfig } from "../utils";

package/dist/runtime/components/ScriptGravatar.d.vue.ts

@@ -0,0 +1,22 @@
+type __VLS_Props = {
+    /** Email address — sent to your server proxy for hashing, not sent to Gravatar */
+    email?: string;
+    /** Pre-computed SHA256 hash of the email */
+    hash?: string;
+    /** Avatar size in pixels */
+    size?: number;
+    /** Default avatar style when no Gravatar exists */
+    default?: string;
+    /** Content rating filter */
+    rating?: string;
+    /** Enable hovercards on hover */
+    hovercards?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    default: string;
+    size: number;
+    rating: string;
+    hovercards: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ScriptGravatar.vue

@@ -0,0 +1,46 @@
+<script setup>
+import { computed, onMounted, ref, useAttrs } from "vue";
+import { useScriptGravatar } from "../registry/gravatar";
+const props = defineProps({
+  email: { type: String, required: false },
+  hash: { type: String, required: false },
+  size: { type: Number, required: false, default: 80 },
+  default: { type: String, required: false, default: "mp" },
+  rating: { type: String, required: false, default: "g" },
+  hovercards: { type: Boolean, required: false, default: false }
+});
+const attrs = useAttrs();
+const imgSrc = ref("");
+const { onLoaded } = useScriptGravatar();
+const queryOverrides = computed(() => ({
+  size: props.size,
+  default: props.default,
+  rating: props.rating
+}));
+onMounted(() => {
+  onLoaded((api) => {
+    if (props.email) {
+      imgSrc.value = api.getAvatarUrlFromEmail(props.email, queryOverrides.value);
+    } else if (props.hash) {
+      imgSrc.value = api.getAvatarUrl(props.hash, queryOverrides.value);
+    }
+  });
+});
+</script>
+
+<template>
+  <img
+    v-if="imgSrc"
+    :src="imgSrc"
+    :width="size"
+    :height="size"
+    :class="{ hovercard: hovercards }"
+    v-bind="attrs"
+    :alt="attrs.alt || 'Gravatar avatar'"
+    loading="lazy"
+  >
+  <span
+    v-else
+    :style="{ display: 'inline-block', width: `${size}px`, height: `${size}px`, borderRadius: '50%', background: '#e0e0e0' }"
+  />
+</template>

package/dist/runtime/components/ScriptGravatar.vue.d.ts

@@ -0,0 +1,22 @@
+type __VLS_Props = {
+    /** Email address — sent to your server proxy for hashing, not sent to Gravatar */
+    email?: string;
+    /** Pre-computed SHA256 hash of the email */
+    hash?: string;
+    /** Avatar size in pixels */
+    size?: number;
+    /** Default avatar style when no Gravatar exists */
+    default?: string;
+    /** Content rating filter */
+    rating?: string;
+    /** Enable hovercards on hover */
+    hovercards?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    default: string;
+    size: number;
+    rating: string;
+    hovercards: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ScriptInstagramEmbed.d.vue.ts

@@ -12,7 +12,6 @@ type __VLS_Props = {
     captions?: boolean;
     /**
      * Custom API endpoint for fetching embed HTML
-     * @default '/api/_scripts/instagram-embed'
      */
     apiEndpoint?: string;
     /**
@@ -40,8 +39,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
     error: import("vue").Ref<import("nuxt/app").NuxtError<unknown> | undefined, import("nuxt/app").NuxtError<unknown> | undefined>;
     shortcode: import("vue").ComputedRef<string | undefined>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    captions: boolean;
     apiEndpoint: string;
+    captions: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/ScriptInstagramEmbed.vue

@@ -1,17 +1,22 @@
 <script setup>
-import { computed } from "vue";
 import { useAsyncData } from "nuxt/app";
+import { computed } from "vue";
 import { extractInstagramShortcode } from "../registry/instagram-embed";
+import { requireRegistryEndpoint, scriptsPrefix } from "../utils";
 const props = defineProps({
   postUrl: { type: String, required: true },
   captions: { type: Boolean, required: false, default: true },
-  apiEndpoint: { type: String, required: false, default: "/api/_scripts/instagram-embed" },
+  apiEndpoint: { type: String, required: false, default: void 0 },
   rootAttrs: { type: Object, required: false }
 });
+const prefix = scriptsPrefix();
+const apiEndpoint = computed(() => props.apiEndpoint || `${prefix}/embed/instagram`);
+if (!props.apiEndpoint)
+  requireRegistryEndpoint("ScriptInstagramEmbed", "instagramEmbed");
 const shortcode = computed(() => extractInstagramShortcode(props.postUrl));
 const { data: html, status, error } = useAsyncData(
   `instagram-embed-${props.postUrl}`,
-  () => $fetch(`${props.apiEndpoint}?url=${encodeURIComponent(props.postUrl)}&captions=${props.captions}`),
+  () => $fetch(`${apiEndpoint.value}?url=${encodeURIComponent(props.postUrl)}&captions=${props.captions}`),
   { watch: [() => props.postUrl, () => props.captions] }
 );
 defineExpose({

package/dist/runtime/components/ScriptInstagramEmbed.vue.d.ts

@@ -12,7 +12,6 @@ type __VLS_Props = {
     captions?: boolean;
     /**
      * Custom API endpoint for fetching embed HTML
-     * @default '/api/_scripts/instagram-embed'
      */
     apiEndpoint?: string;
     /**
@@ -40,8 +39,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
     error: import("vue").Ref<import("nuxt/app").NuxtError<unknown> | undefined, import("nuxt/app").NuxtError<unknown> | undefined>;
     shortcode: import("vue").ComputedRef<string | undefined>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    captions: boolean;
     apiEndpoint: string;
+    captions: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/ScriptIntercom.vue

@@ -1,7 +1,7 @@
 <script setup>
-import { ref, onMounted, watch, onBeforeUnmount, computed } from "vue";
-import { useScriptIntercom } from "../registry/intercom";
+import { computed, onBeforeUnmount, onMounted, ref, watch } from "vue";
 import { useScriptTriggerElement } from "../composables/useScriptTriggerElement";
+import { useScriptIntercom } from "../registry/intercom";
 const props = defineProps({
   appId: { type: String, required: true },
   apiBase: { type: String, required: false },
@@ -52,8 +52,9 @@ onMounted(() => {
         }
       });
       observer.observe(document.body, { childList: true, subtree: true });
-    } else if (status2 === "error")
+    } else if (status2 === "error") {
       emits("error");
+    }
   });
 });
 onBeforeUnmount(() => {

package/dist/runtime/components/ScriptPayPalButtons.d.vue.ts

@@ -1,6 +1,6 @@
-import { type HTMLAttributes, type ReservedProps } from 'vue';
-import type { OnApproveActions, OnApproveData, OnCancelledActions, OnClickActions, OnShippingAddressChangeActions, OnShippingAddressChangeData, OnShippingOptionsChangeActions, OnShippingOptionsChangeData, PayPalButtonsComponentOptions, OnInitActions } from '@paypal/paypal-js';
 import type { ElementScriptTrigger } from '#nuxt-scripts/types';
+import type { Components, PageTypes, SdkInstance } from '@paypal/paypal-js/sdk-v6';
+import type { HTMLAttributes, ReservedProps } from 'vue';
 import type { PayPalInput } from '../registry/paypal.js';
 type __VLS_Props = {
     /**
@@ -12,55 +12,66 @@ type __VLS_Props = {
      */
     trigger?: ElementScriptTrigger;
     /**
-     * The client id for the paypal script.
+     * Client ID or client token for PayPal SDK v6 authentication.
      */
     clientId?: string;
     /**
-     * The options for the paypal buttons.
+     * Server-generated client token for SDK v6.
      */
-    buttonOptions?: PayPalButtonsComponentOptions;
+    clientToken?: string;
     /**
-     * The paypal script options.
+     * The v6 SDK components to load.
+     * @default ['paypal-payments']
      */
-    paypalScriptOptions?: Partial<PayPalInput>;
+    components?: Components[];
+    /**
+     * The page type context hint.
+     */
+    pageType?: PageTypes;
+    /**
+     * The locale for the SDK (BCP-47 code).
+     */
+    locale?: string;
     /**
-     * Disables the paypal buttons.
+     * The merchant ID(s).
      */
-    disabled?: boolean;
+    merchantId?: string | string[];
+    /**
+     * Partner attribution ID for revenue sharing.
+     */
+    partnerAttributionId?: string;
+    /**
+     * The paypal script options.
+     */
+    paypalScriptOptions?: Partial<PayPalInput>;
 };
-declare var __VLS_1: {}, __VLS_3: {}, __VLS_10: {}, __VLS_12: {}, __VLS_14: {};
+declare var __VLS_1: {
+    sdkInstance: SdkInstance<Components[]> | undefined;
+}, __VLS_3: {}, __VLS_5: {}, __VLS_12: {}, __VLS_14: {};
 type __VLS_Slots = {} & {
-    placeholder?: (props: typeof __VLS_1) => any;
+    default?: (props: typeof __VLS_1) => any;
 } & {
-    loading?: (props: typeof __VLS_3) => any;
+    placeholder?: (props: typeof __VLS_3) => any;
 } & {
-    awaitingLoad?: (props: typeof __VLS_10) => any;
+    loading?: (props: typeof __VLS_5) => any;
 } & {
-    error?: (props: typeof __VLS_12) => any;
+    awaitingLoad?: (props: typeof __VLS_12) => any;
 } & {
-    default?: (props: typeof __VLS_14) => any;
+    error?: (props: typeof __VLS_14) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    error: (error: Record<string, unknown>) => any;
-    init: (data: Record<string, unknown>, actions: OnInitActions) => any;
-    cancel: (data: Record<string, unknown>, actions: OnCancelledActions) => any;
-    approve: (data: OnApproveData, actions: OnApproveActions) => any;
-    clickButtons: (data: Record<string, unknown>, actions: OnClickActions) => any;
-    shippingOptionsChange: (data: OnShippingOptionsChangeData, actions: OnShippingOptionsChangeActions) => any;
-    shippingAddressChange: (data: OnShippingAddressChangeData, actions: OnShippingAddressChangeActions) => any;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
+    /** The PayPal SDK v6 instance for creating payment sessions, checking eligibility, etc. */
+    sdkInstance: import("vue").ShallowRef<SdkInstance<Components[]> | undefined, SdkInstance<Components[]> | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    error: (error: unknown) => any;
+    ready: (instance: SdkInstance<Components[]>) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onError?: ((error: Record<string, unknown>) => any) | undefined;
-    onInit?: ((data: Record<string, unknown>, actions: OnInitActions) => any) | undefined;
-    onCancel?: ((data: Record<string, unknown>, actions: OnCancelledActions) => any) | undefined;
-    onApprove?: ((data: OnApproveData, actions: OnApproveActions) => any) | undefined;
-    onClickButtons?: ((data: Record<string, unknown>, actions: OnClickActions) => any) | undefined;
-    onShippingOptionsChange?: ((data: OnShippingOptionsChangeData, actions: OnShippingOptionsChangeActions) => any) | undefined;
-    onShippingAddressChange?: ((data: OnShippingAddressChangeData, actions: OnShippingAddressChangeActions) => any) | undefined;
+    onError?: ((error: unknown) => any) | undefined;
+    onReady?: ((instance: SdkInstance<Components[]>) => any) | undefined;
 }>, {
     trigger: ElementScriptTrigger;
-    disabled: boolean;
     clientId: string;
-    buttonOptions: PayPalButtonsComponentOptions;
+    components: Components[];
     paypalScriptOptions: Partial<PayPalInput>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;