@privyid/persona 0.10.0 → 0.11.0

package/dist/components/tabs/Tabs.vue

@@ -21,7 +21,7 @@
           data-testid="tab"
           :disabled="tab.disabled"
           :active="i === active"
-          :class="[{ 'nav__item--no-icon' : (!tab.slots.icon) }, { 'nav__item--no-label' : (!tab.title && !tab.slots.title) }]"
+          :class="{ 'nav__item--no-icon' : (!tab.slots.icon), 'nav__item--no-label' : (!tab.title && !tab.slots.title) }"
           @click="selectTab(i, tab)">
           <template #icon>
             <template v-if="tab.slots.icon">
@@ -147,6 +147,7 @@ export default defineComponent({
   */
   .nav {
     @apply border-b border-b-default;
+    @apply dark:border-b-dark-default;
 
     &__link {
       .badge {
@@ -156,6 +157,7 @@ export default defineComponent({
 
     &--vertical {
       @apply pb-2 border-b-0 border-r border-r-default;
+      @apply dark:border-r-dark-default;
     }
   }
 
@@ -187,6 +189,7 @@ export default defineComponent({
 
     .nav {
       @apply border-b-0 border-r-0 border-l border-l-default;
+      @apply dark:border-l-dark-default;
 
       &.nav--pills {
         @apply pl-2 pr-0;

package/dist/components/tabs/Tabs.vue.d.ts

@@ -28,7 +28,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     navWrapperClass: {
         type: StringConstructor;
-        default: any;
+        default: undefined;
     };
     modelValue: {
         type: NumberConstructor;
@@ -62,7 +62,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     navWrapperClass: {
         type: StringConstructor;
-        default: any;
+        default: undefined;
     };
     modelValue: {
         type: NumberConstructor;

package/dist/components/text/Text.vue.d.ts

@@ -7,7 +7,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     href: {
         type: StringConstructor;
-        default: any;
+        default: undefined;
     };
 }, {
     hyperlink: import("vue-demi").ComputedRef<String>;
@@ -19,7 +19,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     href: {
         type: StringConstructor;
-        default: any;
+        default: undefined;
     };
 }>>, {
     variant: StyleVariant;

package/dist/components/text/index.d.ts

@@ -1 +1 @@
-export declare type StyleVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'subheading' | 'subheading2' | 'body' | 'body2' | 'btn' | 'btn2' | 'caption' | 'caption2' | 'formlabel' | 'formlabel2' | 'overline';
+export type StyleVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'subheading' | 'subheading2' | 'body' | 'body2' | 'btn' | 'btn2' | 'caption' | 'caption2' | 'formlabel' | 'formlabel2' | 'overline';

package/dist/components/textarea/Textarea.vue

@@ -134,14 +134,17 @@ export default defineComponent({
   @apply flex flex-auto relative;
 
   &__input {
-    @apply p-3 rounded border border-solid border-muted hover:border-subtle focus:border-subtle placeholder:text-muted w-full outline-none text-default bg-default resize-none min-h-[46px] focus:ring-4 focus:ring-subtle/10 focus:z-[1];
+    @apply p-3 rounded border border-solid border-muted hover:border-subtle focus:border-subtle placeholder:text-muted w-full outline-none text-default bg-default resize-none min-h-[46px] focus:ring-4 focus:ring-subtle/10 focus:z-1;
+    @apply dark:border-dark-muted hover:dark:border-dark-subtle focus:dark:border-dark-subtle placeholder:dark:text-dark-muted dark:text-dark-default dark:bg-dark-default focus:dark:ring-dark-subtle/10;
 
     .textarea--readonly & {
       @apply hover:border-muted focus:border-muted focus:ring-0 focus:z-0;
+      @apply hover:dark:border-dark-muted focus:dark:border-dark-muted;
     }
 
     .textarea--disabled & {
-      @apply bg-muted border-muted pointer-events-none text-muted;
+      @apply bg-subtle border-subtle pointer-events-none text-muted;
+      @apply dark:bg-dark-subtle dark:border-dark-subtle dark:text-dark-muted;
     }
 
     .textarea--resize & {
@@ -154,16 +157,14 @@ export default defineComponent({
 
     .state--error &,
     .textarea--error & {
-      @apply border-danger-emphasis hover:border-danger-emphasis;
-
-      &:focus {
-        @apply ring-danger border-danger-emphasis;
-      }
+      @apply border-danger-emphasis hover:border-danger-emphasis focus:ring-danger focus:border-danger-emphasis;
+      @apply dark:border-dark-danger-emphasis hover:dark:border-dark-danger-emphasis focus:dark:ring-dark-danger focus:dark:border-dark-danger-emphasis;
     }
   }
 
   &__counter {
     @apply text-right text-muted text-xs absolute bottom-1 right-1 pointer-events-none z-1;
+    @apply dark:text-dark-muted;
   }
 }
 

package/dist/components/textarea/Textarea.vue.d.ts

@@ -37,7 +37,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     maxlength: {
         type: (NumberConstructor | StringConstructor)[];
-        default: any;
+        default: undefined;
     };
 }, {
     model: import("vue-demi").Ref<string>;
@@ -84,16 +84,16 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     maxlength: {
         type: (NumberConstructor | StringConstructor)[];
-        default: any;
+        default: undefined;
     };
 }>> & {
-    "onUpdate:modelValue"?: (...args: any[]) => any;
-    onInput?: (...args: any[]) => any;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onInput?: ((...args: any[]) => any) | undefined;
 }, {
     error: boolean;
     resize: boolean;
-    disabled: boolean;
     modelValue: string;
+    disabled: boolean;
     readonly: boolean;
     placeholder: string;
     maxlength: string | number;

package/dist/components/toast/Toast.vue

@@ -123,6 +123,7 @@ export default defineComponent({
 
   .toast__close {
     @apply cursor-pointer text-default/30 hover:text-default/50;
+    @apply dark:text-dark-default/30 dark:text-dark-default/50;
   }
 
   .toast__body {
@@ -154,10 +155,12 @@ export default defineComponent({
   &:is(.toast--info) {
     .toast__title {
       @apply text-default;
+      @apply dark:text-dark-default;
     }
 
     .toast__text {
       @apply text-subtle;
+      @apply dark:text-dark-subtle;
     }
   }
 
@@ -169,7 +172,8 @@ export default defineComponent({
   &&--info {
     .toast__icon,
     &.toast--filled {
-      @apply bg-subtle text-accent;
+      @apply bg-base text-info;
+      @apply dark:bg-dark-base dark:text-dark-info;
     }
   }
 
@@ -184,12 +188,14 @@ export default defineComponent({
     &.toast--simple {
       .toast__title {
         @apply text-danger;
+        @apply dark:text-dark-danger;
       }
     }
 
     .toast__icon,
     &.toast--filled {
       @apply bg-danger-emphasis;
+      @apply dark:bg-dark-danger-emphasis;
     }
   }
 
@@ -197,12 +203,14 @@ export default defineComponent({
     &.toast--simple {
       .toast__title {
         @apply text-success;
+        @apply dark:text-dark-success;
       }
     }
 
     .toast__icon,
     &.toast--filled {
       @apply bg-success-emphasis;
+      @apply dark:bg-dark-success-emphasis;
     }
   }
 
@@ -210,12 +218,14 @@ export default defineComponent({
     &.toast--simple {
       .toast__title {
         @apply text-warning;
+        @apply dark:text-dark-warning;
       }
     }
 
     .toast__icon,
     &.toast--filled {
       @apply bg-warning-emphasis;
+      @apply dark:bg-dark-warning-emphasis;
     }
   }
 
@@ -226,14 +236,17 @@ export default defineComponent({
   */
   &&--simple {
     @apply bg-default;
+    @apply dark:bg-dark-default;
 
     .toast__text {
       @apply text-subtle;
+      @apply dark:text-dark-subtle;
     }
 
     &:not(.toast--info) {
       .toast__icon {
-        @apply text-on-emphasis;
+        @apply text-state-emphasis;
+        @apply dark:text-dark-state-emphasis;
       }
     }
   }
@@ -250,7 +263,8 @@ export default defineComponent({
     }
 
     &:not(.toast--info) {
-      @apply text-on-emphasis;
+      @apply text-state-emphasis;
+      @apply dark:text-dark-state-emphasis;
     }
   }
 }

package/dist/components/toast/Toast.vue.d.ts

@@ -47,7 +47,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: number;
     };
 }>> & {
-    onDismissed?: (...args: any[]) => any;
+    onDismissed?: ((...args: any[]) => any) | undefined;
 }, {
     variant: ToastStyleVariant;
     type: ToastTypeVariant;

package/dist/components/toast/ToastContainer.vue.d.ts

@@ -4,12 +4,12 @@ declare const _default: import("vue-demi").DefineComponent<{}, {
     remove: (index: number) => void;
     items: import("vue-demi").Ref<{
         _id: symbol;
-        type?: import(".").ToastTypeVariant;
-        variant?: import(".").ToastStyleVariant;
+        type?: import(".").ToastTypeVariant | undefined;
+        variant?: import(".").ToastStyleVariant | undefined;
         title: string;
         text: string;
-        duration?: number;
-        toastClass?: string | string[];
+        duration?: number | undefined;
+        toastClass?: string | string[] | undefined;
     }[]>;
 }, {}, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/dist/components/toast/index.d.ts

@@ -1,5 +1,5 @@
-export declare type ToastTypeVariant = 'info' | 'success' | 'warning' | 'error';
-export declare type ToastStyleVariant = 'simple' | 'filled';
+export type ToastTypeVariant = 'info' | 'success' | 'warning' | 'error';
+export type ToastStyleVariant = 'simple' | 'filled';
 export interface ToastOption {
     type?: ToastTypeVariant;
     variant?: ToastStyleVariant;

package/dist/components/toggle/Toggle.vue

@@ -136,14 +136,17 @@ export default defineComponent({
 
 <style lang="postcss">
 .toggle {
-  @apply inline-flex cursor-pointer relative items-center select-none;
+  @apply inline-flex cursor-pointer relative items-center select-none text-default;
+  @apply dark:text-dark-default;
 
   &__switch {
-    @apply flex items-center justify-center relative bg-inactive border-subtle;
+    @apply flex items-center justify-center relative bg-subtle border-default;
+    @apply dark:bg-dark-subtle dark:border-dark-default;
   }
 
   &__pointer {
     @apply block absolute appearance-none cursor-pointer will-change-transform transition-transform -translate-x-1/2 bg-default;
+    @apply dark:bg-dark-layer-2;
   }
 
   &--disabled {
@@ -152,7 +155,8 @@ export default defineComponent({
 
   &&--pill {
     .toggle__switch {
-      @apply w-9 h-5 rounded-full text-[0.5rem] text-on-emphasis border;
+      @apply w-9 h-5 rounded-full text-[0.5rem] text-state-emphasis border;
+      @apply dark:text-dark-state-emphasis;
     }
 
     .toggle__label {
@@ -165,7 +169,8 @@ export default defineComponent({
 
     &.toggle--checked {
       .toggle__switch {
-        @apply bg-accent-emphasis border-accent-emphasis;
+        @apply bg-info-emphasis border-info-emphasis;
+        @apply dark:bg-dark-info-emphasis dark:border-dark-info-emphasis;
       }
 
       .toggle__pointer {
@@ -176,7 +181,7 @@ export default defineComponent({
 
   &&--flat {
     .toggle__switch {
-      @apply flex-row-reverse border-2 rounded-xs min-h-[1.5rem] min-w-[2.5rem];
+      @apply flex-row-reverse border-2 rounded-sm min-h-[1.5rem] min-w-[2.5rem];
     }
 
     .toggle__label {
@@ -185,19 +190,22 @@ export default defineComponent({
 
     .toggle__checked-label {
       @apply text-muted;
+      @apply dark:text-dark-muted;
     }
 
     .toggle__pointer {
-      @apply w-1/2 h-full rounded-sm z-[1];
+      @apply w-1/2 h-full rounded-xs z-[1];
     }
 
     &.toggle--checked {
       .toggle__checked-label {
         @apply text-default;
+        @apply dark:text-dark-default;
       }
 
       .toggle__unchecked-label {
         @apply text-muted;
+        @apply dark:text-dark-muted;
       }
 
       .toggle__pointer {
@@ -208,10 +216,12 @@ export default defineComponent({
 
   .dropdown__menu & {
     @apply px-3 py-2 cursor-pointer text-default w-full select-none text-left flex justify-between items-center flex-row-reverse;
+    @apply dark:text-dark-default;
 
     &:hover,
     &:focus-visible {
-      @apply bg-inactive;
+      @apply bg-subtle;
+      @apply dark:bg-dark-subtle;
     }
   }
 

package/dist/components/toggle/Toggle.vue.d.ts

@@ -1,20 +1,20 @@
 import { PropType } from 'vue-demi';
-declare type StyleVariant = 'pill' | 'flat';
+type StyleVariant = 'pill' | 'flat';
 declare const _default: import("vue-demi").DefineComponent<{
     variant: {
         type: PropType<StyleVariant>;
         default: string;
     };
     modelValue: {
-        type: (NumberConstructor | ObjectConstructor | StringConstructor | ArrayConstructor | BooleanConstructor | DateConstructor)[];
+        type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor)[];
         default: boolean;
     };
     value: {
-        type: (NumberConstructor | ObjectConstructor | StringConstructor | ArrayConstructor | BooleanConstructor | DateConstructor)[];
+        type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor)[];
         default: boolean;
     };
     uncheckedValue: {
-        type: (NumberConstructor | ObjectConstructor | StringConstructor | ArrayConstructor | BooleanConstructor | DateConstructor)[];
+        type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor)[];
         default: boolean;
     };
     checked: {
@@ -51,15 +51,15 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
     modelValue: {
-        type: (NumberConstructor | ObjectConstructor | StringConstructor | ArrayConstructor | BooleanConstructor | DateConstructor)[];
+        type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor)[];
         default: boolean;
     };
     value: {
-        type: (NumberConstructor | ObjectConstructor | StringConstructor | ArrayConstructor | BooleanConstructor | DateConstructor)[];
+        type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor)[];
         default: boolean;
     };
     uncheckedValue: {
-        type: (NumberConstructor | ObjectConstructor | StringConstructor | ArrayConstructor | BooleanConstructor | DateConstructor)[];
+        type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor)[];
         default: boolean;
     };
     checked: {
@@ -87,15 +87,15 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
     };
 }>> & {
-    onChange?: (...args: any[]) => any;
-    "onUpdate:modelValue"?: (...args: any[]) => any;
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    value: string | number | boolean | unknown[] | Record<string, any> | Date;
+    value: string | number | boolean | unknown[] | Date | Record<string, any>;
     variant: StyleVariant;
+    modelValue: string | number | boolean | unknown[] | Date | Record<string, any>;
     disabled: boolean;
-    modelValue: string | number | boolean | unknown[] | Record<string, any> | Date;
     readonly: boolean;
-    uncheckedValue: string | number | boolean | unknown[] | Record<string, any> | Date;
+    uncheckedValue: string | number | boolean | unknown[] | Date | Record<string, any>;
     checked: boolean;
     checkedLabel: string;
     uncheckedLabel: string;

package/dist/components/tooltip/Tooltip.vue

@@ -137,18 +137,22 @@ export default defineComponent({
   }
 
   &--black {
-    @apply bg-base-black text-on-emphasis;
+    @apply bg-inverse text-on-emphasis;
+    @apply dark:bg-dark-inverse dark:text-dark-on-emphasis;
 
     .tooltip__arrow {
-      @apply after:bg-base-black;
+      @apply after:bg-inverse;
+      @apply dark:after:bg-dark-inverse;
     }
   }
 
   &--white {
     @apply bg-default text-subtle;
+    @apply dark:bg-dark-default dark:text-dark-subtle;
 
     .tooltip__arrow {
       @apply after:bg-default;
+      @apply dark:after:bg-dark-default;
     }
   }
 }

package/dist/components/tooltip/Tooltip.vue.d.ts

@@ -12,7 +12,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     target: {
         type: PropType<HTMLElement>;
-        default: any;
+        default: undefined;
     };
     placement: {
         type: PropType<Placement>;
@@ -21,7 +21,7 @@ declare const _default: import("vue-demi").DefineComponent<{
 }, {
     isShow: import("vue-demi").Ref<boolean>;
     classNames: import("vue-demi").ComputedRef<string[]>;
-}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:modelValue" | "show" | "hide")[], "show" | "update:modelValue" | "hide", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("show" | "update:modelValue" | "hide")[], "show" | "update:modelValue" | "hide", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     modelValue: {
         type: BooleanConstructor;
         default: boolean;
@@ -32,20 +32,20 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     target: {
         type: PropType<HTMLElement>;
-        default: any;
+        default: undefined;
     };
     placement: {
         type: PropType<Placement>;
         default: string;
     };
 }>> & {
-    "onUpdate:modelValue"?: (...args: any[]) => any;
-    onShow?: (...args: any[]) => any;
-    onHide?: (...args: any[]) => any;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onShow?: ((...args: any[]) => any) | undefined;
+    onHide?: ((...args: any[]) => any) | undefined;
 }, {
-    target: HTMLElement;
     color: ColorVariant;
     modelValue: boolean;
+    target: HTMLElement;
     placement: Placement;
 }>;
 export default _default;

package/dist/components/tooltip/index.d.ts

@@ -1,6 +1,6 @@
 import type { Placement } from '@floating-ui/dom';
 import { Directive } from 'vue-demi';
-export declare type ColorVariant = 'black' | 'white';
+export type ColorVariant = 'black' | 'white';
 export interface TooltipOptions {
     text: string;
     color: ColorVariant;

package/dist/components/tooltip/index.mjs

@@ -5,7 +5,7 @@ import {
   parseAction,
   parseText,
   parseColor
-} from "./utils/parse-bindings";
+} from "./utils/parse-bindings.mjs";
 const handleClick = createHandler("click", "toggle", true);
 const handleMouseEnter = createHandler("hover", "show");
 const handleMouseLeave = createHandler("hover", "hide");

package/dist/components/tooltip/utils/create-handler.d.ts

@@ -1,4 +1,4 @@
-declare type EventAction = 'toggle' | 'show' | 'hide';
+type EventAction = 'toggle' | 'show' | 'hide';
 /**
  *
  * @param eventName Event name, only run when attr data-tooltip-action match this name

package/dist/components/tour/Tour.vue.d.ts

@@ -1,11 +1,11 @@
 import TourDialog from './TourDialog.vue';
-declare type TourDialogProps = Partial<InstanceType<typeof TourDialog>['$props']>;
+type TourDialogProps = Partial<InstanceType<typeof TourDialog>['$props']>;
 declare const _default: import("vue-demi").DefineComponent<{}, {
     isShow: import("vue-demi").Ref<boolean>;
     dialog: import("vue-demi").ShallowRef<any>;
-    target: import("vue-demi").ShallowRef<HTMLElement>;
+    target: import("vue-demi").ShallowRef<HTMLElement | undefined>;
     show: (targetEl: HTMLElement, options: TourDialogProps) => void;
     hide: () => void;
-    config: import("vue-demi").ShallowRef<Partial<any>>;
+    config: import("vue-demi").ShallowRef<Partial<any> | undefined>;
 }, {}, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/dist/components/tour/TourDialog.vue

@@ -158,11 +158,13 @@ export default defineComponent({
 <style lang="postcss">
 .tour {
   &__dialog {
-    @apply rounded bg-emphasis w-full max-w-xs z-[100] overflow-hidden relative shadow-sm;
+    @apply rounded bg-inverse w-full max-w-xs z-[100] overflow-hidden relative shadow-sm;
+    @apply dark:bg-dark-inverse;
   }
 
   &__image {
     @apply max-w-full h-auto object-cover bg-default;
+    @apply dark:bg-dark-default;
   }
 
   &__body {
@@ -170,6 +172,7 @@ export default defineComponent({
 
     > * {
       @apply text-on-emphasis;
+      @apply dark:text-dark-on-emphasis;
     }
   }
 
@@ -179,6 +182,7 @@ export default defineComponent({
 
   &__meta {
     @apply text-xs text-muted flex-shrink-0;
+    @apply dark:text-dark-muted;
   }
 
   &__controls {
@@ -186,18 +190,22 @@ export default defineComponent({
 
     > .btn--variant-link.btn--default {
       @apply text-on-emphasis hover:text-on-emphasis focus:text-on-emphasis;
+      @apply dark:text-dark-on-emphasis hover:dark:text-dark-on-emphasis focus:dark:text-dark-on-emphasis;
     }
 
     > .tour__divider {
       @apply text-on-emphasis;
+      @apply dark:text-dark-on-emphasis;
     }
   }
 
   &__dismiss {
     @apply absolute top-3 right-3 hover:cursor-pointer text-on-emphasis/30 hover:text-on-emphasis/50;
+    @apply dark:text-dark-on-emphasis/30 hover:dark:text-dark-on-emphasis/50;
 
     .tour--image & {
       @apply text-default/30 hover:text-default/50;
+      @apply dark:text-dark-default/30 hover:dark:text-dark-default/50;
     }
   }
 }

package/dist/components/tour/TourDialog.vue.d.ts

@@ -1,7 +1,7 @@
 declare const _default: import("vue-demi").DefineComponent<{
     title: {
         type: StringConstructor;
-        default: any;
+        default: undefined;
     };
     text: {
         type: StringConstructor;
@@ -9,7 +9,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     image: {
         type: StringConstructor;
-        default: any;
+        default: undefined;
     };
     highlight: {
         type: BooleanConstructor;
@@ -46,7 +46,7 @@ declare const _default: import("vue-demi").DefineComponent<{
 }, {}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("next" | "prev" | "dismiss")[], "next" | "prev" | "dismiss", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     title: {
         type: StringConstructor;
-        default: any;
+        default: undefined;
     };
     text: {
         type: StringConstructor;
@@ -54,7 +54,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     image: {
         type: StringConstructor;
-        default: any;
+        default: undefined;
     };
     highlight: {
         type: BooleanConstructor;
@@ -89,9 +89,9 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
 }>> & {
-    onNext?: (...args: any[]) => any;
-    onPrev?: (...args: any[]) => any;
-    onDismiss?: (...args: any[]) => any;
+    onNext?: ((...args: any[]) => any) | undefined;
+    onDismiss?: ((...args: any[]) => any) | undefined;
+    onPrev?: ((...args: any[]) => any) | undefined;
 }, {
     image: string;
     dismissable: boolean;

package/dist/components/tour/TourHighlight.vue.d.ts

@@ -2,12 +2,12 @@ import { PropType } from 'vue-demi';
 declare const _default: import("vue-demi").DefineComponent<{
     target: {
         type: PropType<HTMLElement>;
-        default: any;
+        default: undefined;
     };
 }, {}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     target: {
         type: PropType<HTMLElement>;
-        default: any;
+        default: undefined;
     };
 }>>, {
     target: HTMLElement;