@privyid/persona 0.9.0 → 0.11.0

package/dist/components/select/Select.vue.d.ts

@@ -4,19 +4,19 @@ import { Adapter } from './adapter/adapter';
 import { SizeVariant } from '../button';
 declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
-        type: (NumberConstructor | ObjectConstructor | StringConstructor | ArrayConstructor | BooleanConstructor | DateConstructor)[];
+        type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor)[];
         default: string;
     };
     selected: {
         type: PropType<SelectItem>;
         default: () => {
             text: string;
-            value: any;
+            value: undefined;
         };
     };
     options: {
         type: PropType<string[] | SelectItem[]>;
-        default: () => any[];
+        default: () => never[];
     };
     placeholder: {
         type: StringConstructor;
@@ -62,19 +62,19 @@ declare const _default: import("vue-demi").DefineComponent<{
     isSelected: (item: SelectItem) => boolean;
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("change" | "update:modelValue" | "update:selected" | "userInput")[], "change" | "update:modelValue" | "update:selected" | "userInput", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     modelValue: {
-        type: (NumberConstructor | ObjectConstructor | StringConstructor | ArrayConstructor | BooleanConstructor | DateConstructor)[];
+        type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor)[];
         default: string;
     };
     selected: {
         type: PropType<SelectItem>;
         default: () => {
             text: string;
-            value: any;
+            value: undefined;
         };
     };
     options: {
         type: PropType<string[] | SelectItem[]>;
-        default: () => any[];
+        default: () => never[];
     };
     placeholder: {
         type: StringConstructor;
@@ -109,15 +109,15 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
 }>> & {
-    onChange?: (...args: any[]) => any;
-    "onUpdate:modelValue"?: (...args: any[]) => any;
-    "onUpdate:selected"?: (...args: any[]) => any;
-    onUserInput?: (...args: any[]) => any;
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:selected"?: ((...args: any[]) => any) | undefined;
+    onUserInput?: ((...args: any[]) => any) | undefined;
 }, {
     error: boolean;
     size: SizeVariant;
+    modelValue: string | number | boolean | unknown[] | Date | Record<string, any>;
     disabled: boolean;
-    modelValue: string | number | boolean | unknown[] | Record<string, any> | Date;
     readonly: boolean;
     adapter: Adapter;
     options: string[] | SelectItem[];

package/dist/components/select/adapter/async-adapter.d.ts

@@ -1,5 +1,5 @@
 import { SelectItem } from '..';
 import { watch } from 'vue-demi';
-export declare type LoadFn = (keyword: string, page: number, perPage: number) => Promise<SelectItem[]>;
-export declare type WatchDeps = Parameters<typeof watch>[0];
+export type LoadFn = (keyword: string, page: number, perPage: number) => Promise<SelectItem[]>;
+export type WatchDeps = Parameters<typeof watch>[0];
 export default function defineAsyncAdapter(loadFn: LoadFn, deps?: WatchDeps): import("./adapter").Adapter;

package/dist/components/sidebar/Sidebar.vue

@@ -1,6 +1,7 @@
 <template>
   <aside
     data-testid="sidebar"
+    class="sidebar"
     :class="classNames">
     <slot />
   </aside>
@@ -54,7 +55,7 @@ export default defineComponent({
     });
     const model = useVModel(props);
     const classNames = computed(() => {
-      const result = ["sidebar"];
+      const result = [""];
       if (props.type)
         result.push(`sidebar--${props.type}`);
       if (props.align)
@@ -76,14 +77,18 @@ export default defineComponent({
 
 <style lang="postcss">
 .sidebar {
+  --p-sidebar-size-narrow: 60px;
+  --p-sidebar-size-wide: 230px;
+
   @apply bg-default px-2 py-4;
+  @apply dark:bg-dark-default;
 
   /**
   * Default sidebar has
   * 230px width
   */
   &:not(.sidebar--narrow) {
-    @apply w-[230px];
+    @apply w-[var(--p-sidebar-size-wide)];
   }
 
   /**
@@ -99,7 +104,7 @@ export default defineComponent({
   * Fixed sidebar
   */
   &&--fixed {
-    @apply fixed top-0 h-full;
+    @apply fixed top-0 h-full shadow-lg overflow-y-auto;
 
     &:not(.sidebar--right) {
       @apply left-0;
@@ -145,7 +150,7 @@ export default defineComponent({
   * is 60px width
   */
   &&--narrow {
-    @apply w-[60px];
+    @apply w-[var(--p-sidebar-size-narrow)];
   }
 
   /**
@@ -155,6 +160,7 @@ export default defineComponent({
   &&--tabs,
   &&--lines {
     @apply pr-0 py-2 border-r border-r-default;
+    @apply dark:border-r-dark-default;
   }
 
   &&--lines {

package/dist/components/sidebar/Sidebar.vue.d.ts

@@ -21,7 +21,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     toggleable: {
         type: PropType<ToggleableVariant>;
-        default: any;
+        default: undefined;
     };
     modelValue: {
         type: BooleanConstructor;
@@ -48,14 +48,14 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     toggleable: {
         type: PropType<ToggleableVariant>;
-        default: any;
+        default: undefined;
     };
     modelValue: {
         type: BooleanConstructor;
         default: boolean;
     };
 }>> & {
-    "onUpdate:modelValue"?: (...args: any[]) => any;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     fixed: boolean;
     variant: StyleVariant;

package/dist/components/sidebar/SidebarBrand.vue

@@ -22,7 +22,8 @@ export default defineComponent({
 <style lang="postcss">
 .sidebar {
   &__brand {
-    @apply block text-center mx-auto font-semibold hover:no-underline pb-4;
+    @apply block text-center mx-auto font-semibold no-underline pb-4 text-default;
+    @apply dark:text-dark-default;
 
     img {
       @apply max-w-full h-auto;

package/dist/components/sidebar/SidebarBrand.vue.d.ts

@@ -1,12 +1,12 @@
 declare const _default: import("vue-demi").DefineComponent<{
     href: {
         type: StringConstructor;
-        default: any;
+        default: undefined;
     };
 }, unknown, 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<{
     href: {
         type: StringConstructor;
-        default: any;
+        default: undefined;
     };
 }>>, {
     href: string;

package/dist/components/sidebar/SidebarNav.vue

@@ -1,5 +1,6 @@
 <template>
   <Nav
+    class="sidebar__nav"
     data-testid="sidebar-nav"
     :title="title"
     vertical
@@ -40,7 +41,7 @@ export default defineComponent({
     const variant = settings?.variant;
     const align = settings?.align;
     const classNames = computed(() => {
-      const result = ["sidebar__nav"];
+      const result = [""];
       if (props.bottom)
         result.push("sidebar__nav--bottom");
       return result;
@@ -94,9 +95,11 @@ export default defineComponent({
 
           &.nav__link--active {
             @apply bg-transparent text-default;
+            @apply dark:bg-transparent dark:text-dark-default;
 
             .nav__link__icon {
               @apply bg-subtle;
+              @apply dark:bg-dark-subtle;
             }
           }
         }
@@ -110,22 +113,6 @@ export default defineComponent({
             @apply mt-0;
           }
         }
-
-        /* &__icon {
-          @apply rounded p-3 inline-block;
-        }
-
-        &--active {
-          @apply bg-transparent text-default;
-
-          .nav__link__icon {
-            @apply bg-subtle;
-          }
-        }
-
-        &__label {
-          @apply mt-0 px-1 pb-3;
-        } */
       }
     }
 
@@ -135,6 +122,7 @@ export default defineComponent({
 
         &--active {
           @apply bg-default;
+          @apply dark:bg-dark-default;
         }
 
         &__label {

package/dist/components/sidebar/SidebarNav.vue.d.ts

@@ -1,7 +1,7 @@
 declare const _default: import("vue-demi").DefineComponent<{
     title: {
         type: StringConstructor;
-        default: any;
+        default: undefined;
     };
     bottom: {
         type: BooleanConstructor;
@@ -12,13 +12,13 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
     };
 }, {
-    variant: import("../nav").StyleVariant;
-    align: import("../nav").AlignVariant;
+    variant: import("../nav").StyleVariant | undefined;
+    align: import("../nav").AlignVariant | undefined;
     classNames: import("vue-demi").ComputedRef<string[]>;
 }, 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<{
     title: {
         type: StringConstructor;
-        default: any;
+        default: undefined;
     };
     bottom: {
         type: BooleanConstructor;

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

@@ -1,6 +1,6 @@
 import { InjectionKey } from 'vue-demi';
 import { StyleVariant, AlignVariant } from '../nav';
-export declare type TypeVariant = 'wide' | 'narrow';
+export type TypeVariant = 'wide' | 'narrow';
 export interface SidebarSettings {
     variant: StyleVariant;
     align: AlignVariant;

package/dist/components/sidebar-menu/SidebarMenu.vue

@@ -41,7 +41,7 @@
         <NavItem
           v-else
           :href="item.url"
-          :class="{ 'nav__item--no-label' : !item.label }">
+          :class="{ 'nav__item--no-label' : !item.label, 'nav__item--no-icon' : !item.icon }">
           <template
             #icon>
             <template v-if="item.icon && typeof item.icon === 'string'">

package/dist/components/sidebar-menu/SidebarMenu.vue.d.ts

@@ -6,7 +6,7 @@ import { ToggleableVariant } from '../navbar';
 declare const _default: import("vue-demi").DefineComponent<{
     menus: {
         type: PropType<Menu[]>;
-        default: () => any[];
+        default: () => never[];
     };
     fixed: {
         type: BooleanConstructor;
@@ -22,12 +22,12 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     toggleable: {
         type: PropType<ToggleableVariant>;
-        default: any;
+        default: undefined;
     };
 }, unknown, 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<{
     menus: {
         type: PropType<Menu[]>;
-        default: () => any[];
+        default: () => never[];
     };
     fixed: {
         type: BooleanConstructor;
@@ -43,7 +43,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     toggleable: {
         type: PropType<ToggleableVariant>;
-        default: any;
+        default: undefined;
     };
 }>>, {
     fixed: boolean;

package/dist/components/signature-draw/SignatureDraw.vue.d.ts

@@ -3,7 +3,7 @@ import { ModelModifier } from '../dropzone';
 declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
         type: (StringConstructor | {
-            new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag): File;
+            new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag | undefined): File;
             prototype: File;
         })[];
         default: string;
@@ -46,7 +46,7 @@ declare const _default: import("vue-demi").DefineComponent<{
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     modelValue: {
         type: (StringConstructor | {
-            new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag): File;
+            new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag | undefined): File;
             prototype: File;
         })[];
         default: string;
@@ -84,7 +84,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
 }>> & {
-    "onUpdate:modelValue"?: (...args: any[]) => any;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     color: string;
     modelValue: string | File;

package/dist/components/signature-draw/SignatureDrawDesktop.vue

@@ -151,11 +151,14 @@ export default defineComponent({
     }
 
     &__placeholder {
-      @apply absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 pointer-events-none text-center;
+      @apply absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 pointer-events-none text-center text-muted;
     }
 
     &__reset {
       @apply absolute right-1 top-1 bg-default;
+      &.btn--variant-link.btn--default {
+        @apply dark:text-dark-subtlest hover:dark:text-dark-on-emphasis;
+      }
     }
   }
   </style>

package/dist/components/signature-draw/SignatureDrawDesktop.vue.d.ts

@@ -3,7 +3,7 @@ import { ModelModifier } from '../dropzone';
 declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
         type: (StringConstructor | {
-            new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag): File;
+            new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag | undefined): File;
             prototype: File;
         })[];
         default: string;
@@ -40,7 +40,7 @@ declare const _default: import("vue-demi").DefineComponent<{
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     modelValue: {
         type: (StringConstructor | {
-            new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag): File;
+            new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag | undefined): File;
             prototype: File;
         })[];
         default: string;
@@ -70,7 +70,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
 }>> & {
-    "onUpdate:modelValue"?: (...args: any[]) => any;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     color: string;
     modelValue: string | File;

package/dist/components/signature-draw/SignatureDrawMobile.vue

@@ -182,6 +182,7 @@ export default defineComponent({
 
     &__modal {
       @apply fixed w-full h-full top-0 left-0 bg-default z-50 flex items-center justify-center flex-col p-5;
+      @apply dark:bg-dark-default;
     }
 
     &__close {
@@ -217,6 +218,10 @@ export default defineComponent({
     &__preview {
       @apply w-full flex items-center justify-center;
 
+      .btn--variant-solid.btn--default {
+        @apply dark:text-dark-subtlest hover:dark:text-dark-on-emphasis;
+      }
+
       & > img {
         @apply max-w-full h-auto;
       }

package/dist/components/signature-draw/SignatureDrawMobile.vue.d.ts

@@ -3,7 +3,7 @@ import { ModelModifier } from '../dropzone';
 declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
         type: (StringConstructor | {
-            new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag): File;
+            new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag | undefined): File;
             prototype: File;
         })[];
         default: string;
@@ -53,7 +53,7 @@ declare const _default: import("vue-demi").DefineComponent<{
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     modelValue: {
         type: (StringConstructor | {
-            new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag): File;
+            new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag | undefined): File;
             prototype: File;
         })[];
         default: string;
@@ -91,7 +91,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
 }>> & {
-    "onUpdate:modelValue"?: (...args: any[]) => any;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     color: string;
     modelValue: string | File;

package/dist/components/signature-draw/utils/canvas.d.ts

@@ -16,7 +16,7 @@ export interface DrawLineOptions {
     lineJoin?: CanvasLineJoin;
     lineCap?: CanvasLineCap;
 }
-export declare type DrawLineCoordinate = [number, number, number, number];
+export type DrawLineCoordinate = [number, number, number, number];
 /**
  *
  * @param canvas Target canvas

package/dist/components/signature-draw/utils/smooth-line.mjs

@@ -1,4 +1,8 @@
 export class SmoothLine {
+  /**
+   *
+   * @param smoother 0.1 - 0.9
+   */
   constructor(smoother) {
     this.lastX = 0;
     this.lastY = 0;
@@ -6,12 +10,23 @@ export class SmoothLine {
     this.movingY = 0;
     this.smoother = smoother * 0.05 + 0.7;
   }
+  /**
+   * Set start point
+   * @param x X coordinate
+   * @param y Y coordinate
+   */
   start(x, y) {
     this.lastX = x;
     this.lastY = y;
     this.movingX = 0;
     this.movingY = 0;
   }
+  /**
+   * Update coordinate when
+   * @param x mouse X coordinate
+   * @param y mouse Y coordinate
+   * @return [x0, x0, x1, y1]
+   */
   move(x, y) {
     const x0 = this.lastX;
     const y0 = this.lastY;

package/dist/components/signature-draw/utils/use-draw.mjs

@@ -9,7 +9,11 @@ export default function useDraw(target, hooks) {
   onMounted(async () => {
     if (target.value) {
       const { default: Interact } = await import("interactjs");
-      const onmove = throttle(hooks.onmove, 1e3 / 60);
+      const onmove = throttle(
+        hooks.onmove,
+        1e3 / 60
+        /* limit 60fps */
+      );
       instance.value = Interact(target.value).styleCursor(false).draggable({
         origin: "self",
         inertia: { enabled: true, resistance: 10 },

package/dist/components/signature-text/SignatureText.vue

@@ -43,10 +43,14 @@ export default defineComponent({
       type: String,
       default: ""
     },
-    limit: {
-      type: Number,
+    maxwords: {
+      type: [Number, String],
       default: 2
     },
+    maxlength: {
+      type: [Number, String],
+      default: 50
+    },
     font: {
       type: String,
       default: "Herr Von Muellerhoff"
@@ -69,7 +73,7 @@ export default defineComponent({
       if (!props.text)
         return "- No Image -";
       return formatName(
-        String(props.text).split(" ").filter(Boolean).slice(0, props.limit).join(" ")
+        String(props.text).split(" ").filter(Boolean).slice(0, Number.parseInt(`${props.maxwords}`)).join(" ").slice(0, Number.parseInt(`${props.maxlength}`))
       );
     });
     watch(() => [
@@ -78,7 +82,8 @@ export default defineComponent({
       props.color,
       props.width,
       props.height,
-      props.limit
+      props.maxwords,
+      props.maxlength
     ], () => {
       load();
     });

package/dist/components/signature-text/SignatureText.vue.d.ts

@@ -3,7 +3,7 @@ import { ModelModifier } from '../dropzone';
 declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
         type: (StringConstructor | {
-            new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag): File;
+            new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag | undefined): File;
             prototype: File;
         })[];
         default: string;
@@ -24,8 +24,12 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    limit: {
-        type: NumberConstructor;
+    maxwords: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    maxlength: {
+        type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     font: {
@@ -42,7 +46,7 @@ declare const _default: import("vue-demi").DefineComponent<{
 }, 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<{
     modelValue: {
         type: (StringConstructor | {
-            new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag): File;
+            new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag | undefined): File;
             prototype: File;
         })[];
         default: string;
@@ -63,8 +67,12 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    limit: {
-        type: NumberConstructor;
+    maxwords: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    maxlength: {
+        type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     font: {
@@ -76,13 +84,14 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
 }>>, {
+    text: string;
     color: string;
     modelValue: string | File;
-    text: string;
     modelModifiers: ModelModifier;
     font: string;
     width: number;
     height: number;
-    limit: number;
+    maxlength: string | number;
+    maxwords: string | number;
 }>;
 export default _default;

package/dist/components/steps/Step.vue.d.ts

@@ -10,11 +10,11 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: () => boolean;
     };
 }, {
-    canNext: import("vue-demi").Ref<boolean>;
-    canPrev: import("vue-demi").Ref<boolean>;
-    toStep: (...args: any[]) => void;
-    prev: (...args: any[]) => void;
-    next: (...args: any[]) => void;
+    canNext: import("vue-demi").ComputedRef<boolean>;
+    canPrev: import("vue-demi").ComputedRef<boolean>;
+    toStep: (step: number) => void;
+    prev: () => void;
+    next: () => void;
     step: import("vue-demi").Ref<number>;
 }, 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<{
     onBeforePrev: {

package/dist/components/steps/Steps.vue.d.ts

@@ -45,7 +45,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: (...args: any[]) => void;
     };
 }>> & {
-    "onUpdate:modelValue"?: (...args: any[]) => any;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: number;
     onBeforePrev: TravelHook;

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

@@ -1,6 +1,6 @@
 import { ComputedRef, InjectionKey, Ref } from 'vue-demi';
-export declare type TravelHook = (to: number, from: number) => boolean | Promise<boolean>;
-export declare type FinishedHook = () => void | Promise<void>;
+export type TravelHook = (to: number, from: number) => boolean | Promise<boolean>;
+export type FinishedHook = () => void | Promise<void>;
 export interface StepContext {
     next: () => void;
     prev: () => void;
@@ -15,12 +15,12 @@ export declare const STEPS_CONTEXT: InjectionKey<StepContext>;
 export declare function useStep(): {
     onBeforePrev: (hook: TravelHook) => void;
     onBeforeNext: (hook: TravelHook) => void;
-    next: (...args: any[]) => void;
-    prev: (...args: any[]) => void;
-    toStep: (...args: any[]) => void;
+    next: () => void;
+    prev: () => void;
+    toStep: (step: number) => void;
     step: Ref<number>;
-    canPrev: Ref<boolean>;
-    canNext: Ref<boolean>;
-    onPrevHooks: Ref<any[]>;
-    onNextHooks: Ref<any[]>;
+    canPrev: ComputedRef<boolean>;
+    canNext: ComputedRef<boolean>;
+    onPrevHooks: Ref<TravelHook[]>;
+    onNextHooks: Ref<TravelHook[]>;
 };