@adyen/bento-vue2 1.6.1 → 1.7.0

package/dist/@types/packages/vue2/src/components/tooltip/tooltip.vue.d.ts

@@ -137,7 +137,7 @@ export declare const Tooltip: {
                 validator: (value: number[]) => boolean;
             };
             position: {
-                type: PropType<"auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition>;
+                type: PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition>;
                 default: import("../popper-container").PopperContainerPositionExtended;
                 validator: (value: unknown) => boolean;
             };
@@ -203,7 +203,7 @@ export declare const Tooltip: {
                 validator: (value: number[]) => boolean;
             };
             position: {
-                type: PropType<"auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition>;
+                type: PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition>;
                 default: import("../popper-container").PopperContainerPositionExtended;
                 validator: (value: unknown) => boolean;
             };
@@ -214,12 +214,14 @@ export declare const Tooltip: {
         }>>, {
             placement: (value: import("@floating-ui/utils").Placement) => void;
         }, {
+            id: string;
+            position: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition;
+            offset: number[];
             ariaRole: PopperContainerAriaRole;
             arrow: any;
             disabledFocusTrap: boolean;
             fallbackPosition: import("../popper-container").FallbackPositionProp;
             fixedPositioning: boolean;
-            id: string;
             isHidden: boolean;
             matchWidth: boolean;
             middleware: {
@@ -237,8 +239,6 @@ export declare const Tooltip: {
                     elements: import("@floating-ui/dom").Elements;
                 }) => import("@floating-ui/core").MiddlewareReturn | Promise<import("@floating-ui/core").MiddlewareReturn>;
             }[];
-            offset: number[];
-            position: "auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition;
         }, true, import("vue/types/v3-component-options.js").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, any>> & Readonly<Readonly<import("vue").ExtractPropTypes<{
             ariaRole: {
                 type: PropType<PopperContainerAriaRole>;
@@ -297,7 +297,7 @@ export declare const Tooltip: {
                 validator: (value: number[]) => boolean;
             };
             position: {
-                type: PropType<"auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition>;
+                type: PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition>;
                 default: import("../popper-container").PopperContainerPositionExtended;
                 validator: (value: unknown) => boolean;
             };
@@ -363,7 +363,7 @@ export declare const Tooltip: {
                 validator: (value: number[]) => boolean;
             };
             position: {
-                type: PropType<"auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition>;
+                type: PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition>;
                 default: import("../popper-container").PopperContainerPositionExtended;
                 validator: (value: unknown) => boolean;
             };
@@ -429,7 +429,7 @@ export declare const Tooltip: {
                 validator: (value: number[]) => boolean;
             };
             position: {
-                type: PropType<"auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition>;
+                type: PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition>;
                 default: import("../popper-container").PopperContainerPositionExtended;
                 validator: (value: unknown) => boolean;
             };
@@ -440,12 +440,14 @@ export declare const Tooltip: {
         }>>, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {
             placement: (value: import("@floating-ui/utils").Placement) => void;
         }, string, {
+            id: string;
+            position: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition;
+            offset: number[];
             ariaRole: PopperContainerAriaRole;
             arrow: any;
             disabledFocusTrap: boolean;
             fallbackPosition: import("../popper-container").FallbackPositionProp;
             fixedPositioning: boolean;
-            id: string;
             isHidden: boolean;
             matchWidth: boolean;
             middleware: {
@@ -463,8 +465,6 @@ export declare const Tooltip: {
                     elements: import("@floating-ui/dom").Elements;
                 }) => import("@floating-ui/core").MiddlewareReturn | Promise<import("@floating-ui/core").MiddlewareReturn>;
             }[];
-            offset: number[];
-            position: "auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition;
         }> & {
             props: {
                 ariaRole: {
@@ -524,7 +524,7 @@ export declare const Tooltip: {
                     validator: (value: number[]) => boolean;
                 };
                 position: {
-                    type: PropType<"auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition>;
+                    type: PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition>;
                     default: import("../popper-container").PopperContainerPositionExtended;
                     validator: (value: unknown) => boolean;
                 };
@@ -634,8 +634,8 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     id: string;
-    offset: number;
     position: import("../popper-container").PopperContainerPositionBasic;
+    offset: number;
     isShown: boolean;
 }>;
 export default _default;

package/dist/@types/packages/vue2/src/components/tutorial/components/tutorial-popover/components/tutorial-indicator/index.d.ts

@@ -0,0 +1 @@
+export { default as TutorialIndicator } from './tutorial-indicator.vue';

package/dist/@types/packages/vue2/src/components/tutorial/components/tutorial-popover/components/tutorial-indicator/tutorial-indicator.vue.d.ts

@@ -0,0 +1,12 @@
+declare const _default: import("vue").DefineComponent<{
+    targetElement: {
+        type: import("vue").PropType<import("../../../../../../index.js").VueNodeElement>;
+        required: true;
+    };
+}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    targetElement: {
+        type: import("vue").PropType<import("../../../../../../index.js").VueNodeElement>;
+        required: true;
+    };
+}>>, {}>;
+export default _default;

package/dist/@types/packages/vue2/src/components/tutorial/components/tutorial-popover/index.d.ts

@@ -0,0 +1 @@
+export { default as TutorialPopover } from './tutorial-popover.vue';

package/dist/@types/packages/vue2/src/components/tutorial/components/tutorial-popover/tutorial-popover.vue.d.ts

@@ -0,0 +1,226 @@
+import { PropType } from 'vue';
+import { BentoPopoverPositions } from "../../../popover";
+import { type BentoButtonActionObject } from "../../../button";
+import type { VueNodeElement } from "../../../../types";
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    action: {
+        type: PropType<BentoButtonActionObject>;
+        default: any;
+    };
+    active: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    image: {
+        type: PropType<Omit<Readonly<Partial<{
+            aspectRatio: "square" | "landscape" | "4:3" | "3:3" | "16:9" | "2:1" | "portrait" | "3:4" | "2:3" | "9:16" | "1:2" | "1:1" | import("../../../image").BentoImageAspectRatio;
+            objectFit: "fill" | "contain" | "cover" | import("../../../image").BentoImageObjectFit;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            src: {
+                type: StringConstructor;
+                required: true;
+            };
+            alt: {
+                type: StringConstructor;
+                required: true;
+            };
+            aspectRatio: {
+                type: PropType<"square" | "landscape" | "4:3" | "3:3" | "16:9" | "2:1" | "portrait" | "3:4" | "2:3" | "9:16" | "1:2" | "1:1" | import("../../../image").BentoImageAspectRatio>;
+                default: any;
+                validator: (value: import("../../../image").BentoImageAspectRatio) => boolean;
+            };
+            objectFit: {
+                type: PropType<"fill" | "contain" | "cover" | import("../../../image").BentoImageObjectFit>;
+                default: any;
+                validator: (value: import("../../../image").BentoImageObjectFit) => boolean;
+            };
+        }>>, import("vue/types/v3-component-props").DefaultKeys<{
+            src: {
+                type: StringConstructor;
+                required: true;
+            };
+            alt: {
+                type: StringConstructor;
+                required: true;
+            };
+            aspectRatio: {
+                type: PropType<"square" | "landscape" | "4:3" | "3:3" | "16:9" | "2:1" | "portrait" | "3:4" | "2:3" | "9:16" | "1:2" | "1:1" | import("../../../image").BentoImageAspectRatio>;
+                default: any;
+                validator: (value: import("../../../image").BentoImageAspectRatio) => boolean;
+            };
+            objectFit: {
+                type: PropType<"fill" | "contain" | "cover" | import("../../../image").BentoImageObjectFit>;
+                default: any;
+                validator: (value: import("../../../image").BentoImageObjectFit) => boolean;
+            };
+        }>>>, "aspectRatio">>;
+        default: any;
+    };
+    position: {
+        type: PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+        default: import("../../../popper-container").PopperContainerPositionExtended;
+        validator: (value: BentoPopoverPositions) => boolean;
+    };
+    single: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    step: {
+        type: NumberConstructor;
+        default: any;
+    };
+    targetElement: {
+        type: PropType<VueNodeElement>;
+        required: true;
+    };
+    title: {
+        type: StringConstructor;
+        required: true;
+    };
+    totalSteps: {
+        type: NumberConstructor;
+        default: any;
+    };
+}, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {
+    next: () => void;
+} & {
+    finish: () => void;
+} & {
+    restart: () => void;
+}, string, Readonly<import("vue").ExtractPropTypes<{
+    action: {
+        type: PropType<BentoButtonActionObject>;
+        default: any;
+    };
+    active: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    image: {
+        type: PropType<Omit<Readonly<Partial<{
+            aspectRatio: "square" | "landscape" | "4:3" | "3:3" | "16:9" | "2:1" | "portrait" | "3:4" | "2:3" | "9:16" | "1:2" | "1:1" | import("../../../image").BentoImageAspectRatio;
+            objectFit: "fill" | "contain" | "cover" | import("../../../image").BentoImageObjectFit;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            src: {
+                type: StringConstructor;
+                required: true;
+            };
+            alt: {
+                type: StringConstructor;
+                required: true;
+            };
+            aspectRatio: {
+                type: PropType<"square" | "landscape" | "4:3" | "3:3" | "16:9" | "2:1" | "portrait" | "3:4" | "2:3" | "9:16" | "1:2" | "1:1" | import("../../../image").BentoImageAspectRatio>;
+                default: any;
+                validator: (value: import("../../../image").BentoImageAspectRatio) => boolean;
+            };
+            objectFit: {
+                type: PropType<"fill" | "contain" | "cover" | import("../../../image").BentoImageObjectFit>;
+                default: any;
+                validator: (value: import("../../../image").BentoImageObjectFit) => boolean;
+            };
+        }>>, import("vue/types/v3-component-props").DefaultKeys<{
+            src: {
+                type: StringConstructor;
+                required: true;
+            };
+            alt: {
+                type: StringConstructor;
+                required: true;
+            };
+            aspectRatio: {
+                type: PropType<"square" | "landscape" | "4:3" | "3:3" | "16:9" | "2:1" | "portrait" | "3:4" | "2:3" | "9:16" | "1:2" | "1:1" | import("../../../image").BentoImageAspectRatio>;
+                default: any;
+                validator: (value: import("../../../image").BentoImageAspectRatio) => boolean;
+            };
+            objectFit: {
+                type: PropType<"fill" | "contain" | "cover" | import("../../../image").BentoImageObjectFit>;
+                default: any;
+                validator: (value: import("../../../image").BentoImageObjectFit) => boolean;
+            };
+        }>>>, "aspectRatio">>;
+        default: any;
+    };
+    position: {
+        type: PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+        default: import("../../../popper-container").PopperContainerPositionExtended;
+        validator: (value: BentoPopoverPositions) => boolean;
+    };
+    single: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    step: {
+        type: NumberConstructor;
+        default: any;
+    };
+    targetElement: {
+        type: PropType<VueNodeElement>;
+        required: true;
+    };
+    title: {
+        type: StringConstructor;
+        required: true;
+    };
+    totalSteps: {
+        type: NumberConstructor;
+        default: any;
+    };
+}>>, {
+    image: Omit<Readonly<Partial<{
+        aspectRatio: "square" | "landscape" | "4:3" | "3:3" | "16:9" | "2:1" | "portrait" | "3:4" | "2:3" | "9:16" | "1:2" | "1:1" | import("../../../image").BentoImageAspectRatio;
+        objectFit: "fill" | "contain" | "cover" | import("../../../image").BentoImageObjectFit;
+    }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+        src: {
+            type: StringConstructor;
+            required: true;
+        };
+        alt: {
+            type: StringConstructor;
+            required: true;
+        };
+        aspectRatio: {
+            type: PropType<"square" | "landscape" | "4:3" | "3:3" | "16:9" | "2:1" | "portrait" | "3:4" | "2:3" | "9:16" | "1:2" | "1:1" | import("../../../image").BentoImageAspectRatio>;
+            default: any;
+            validator: (value: import("../../../image").BentoImageAspectRatio) => boolean;
+        };
+        objectFit: {
+            type: PropType<"fill" | "contain" | "cover" | import("../../../image").BentoImageObjectFit>;
+            default: any;
+            validator: (value: import("../../../image").BentoImageObjectFit) => boolean;
+        };
+    }>>, import("vue/types/v3-component-props").DefaultKeys<{
+        src: {
+            type: StringConstructor;
+            required: true;
+        };
+        alt: {
+            type: StringConstructor;
+            required: true;
+        };
+        aspectRatio: {
+            type: PropType<"square" | "landscape" | "4:3" | "3:3" | "16:9" | "2:1" | "portrait" | "3:4" | "2:3" | "9:16" | "1:2" | "1:1" | import("../../../image").BentoImageAspectRatio>;
+            default: any;
+            validator: (value: import("../../../image").BentoImageAspectRatio) => boolean;
+        };
+        objectFit: {
+            type: PropType<"fill" | "contain" | "cover" | import("../../../image").BentoImageObjectFit>;
+            default: any;
+            validator: (value: import("../../../image").BentoImageObjectFit) => boolean;
+        };
+    }>>>, "aspectRatio">;
+    step: number;
+    position: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
+    single: boolean;
+    active: boolean;
+    action: BentoButtonActionObject;
+    totalSteps: number;
+}>, {
+    default: (_: {}) => any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/@types/packages/vue2/src/components/tutorial/index.d.ts

@@ -0,0 +1,2 @@
+export { default as BentoTutorial } from './tutorial.vue';
+export * from './tutorial.types';

package/dist/@types/packages/vue2/src/components/tutorial/tutorial.types.d.ts

@@ -0,0 +1,13 @@
+import type { Ref } from 'vue';
+import type { BentoButtonActionObject } from "../button";
+import type { BentoImage } from "../image";
+import type { BentoPopoverPositions } from "../popover";
+import type { VueNodeElement } from "../../types";
+export interface BentoTutorialStep {
+    target: VueNodeElement | Ref<VueNodeElement>;
+    image?: Omit<InstanceType<typeof BentoImage>['$props'], 'aspectRatio'>;
+    title: string;
+    description: string;
+    action?: BentoButtonActionObject;
+    position?: `${BentoPopoverPositions}`;
+}

package/dist/@types/packages/vue2/src/components/tutorial/tutorial.vue.d.ts

@@ -0,0 +1,16 @@
+import { PropType } from 'vue';
+import type { BentoTutorialStep } from './tutorial.types';
+declare const _default: import("vue").DefineComponent<{
+    steps: {
+        type: PropType<BentoTutorialStep[]>;
+        required: true;
+        validator: (value: BentoTutorialStep[]) => boolean;
+    };
+}, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    steps: {
+        type: PropType<BentoTutorialStep[]>;
+        required: true;
+        validator: (value: BentoTutorialStep[]) => boolean;
+    };
+}>>, {}>;
+export default _default;

package/dist/@types/packages/vue2/src/composables/index.d.ts

@@ -1,5 +1,8 @@
 export * from './initials';
-export * from './use-has-slot/use-has-slot';
-export * from './use-default-slot-validator/use-default-slot-validator';
+export * from './use-click-outside/use-click-outside';
 export * from './use-checkbox-select-all/use-checkbox-select-all';
+export * from './use-default-slot-validator/use-default-slot-validator';
 export * from './use-form-layout-loading/use-form-layout-loading';
+export * from './use-form-validate';
+export * from './use-has-slot/use-has-slot';
+export * from './use-virtual-list';

package/dist/@types/packages/vue2/src/composables/use-click-outside/use-click-outside.d.ts

@@ -0,0 +1,3 @@
+import { OnClickOutsideHandler, OnClickOutsideOptions } from "../../directives/click-outside/types";
+import { MaybeElementRef } from "../../types";
+export declare const useClickOutside: <T extends OnClickOutsideOptions>(target: MaybeElementRef, handler: OnClickOutsideHandler, options?: T) => void;

package/dist/@types/packages/vue2/src/composables/use-form-validate/index.d.ts

@@ -0,0 +1,2 @@
+export * from './use-form';
+export * from './use-form.types';

package/dist/@types/packages/vue2/src/composables/use-form-validate/use-form.d.ts

@@ -0,0 +1,12 @@
+import { Ref } from 'vue';
+import * as z from 'zod';
+import { ZodSchema } from 'zod';
+import { ErrorBag, UseForm } from './use-form.types';
+export declare function toTypedSchema<T extends ZodSchema>(formSchema: T): T;
+export declare function useForm<T extends ZodSchema>({ validationSchema }: UseForm<T>): {
+    errorBag: Ref<ErrorBag<z.TypeOf<T>>>;
+    errors: z.TypeOf<T> extends infer T_1 ? T_1 extends z.TypeOf<T> ? T_1 extends Ref<any> ? T_1 : import("vue").ShallowRef<T_1> : never : never;
+    values: [z.TypeOf<T>] extends [Ref<any>] ? z.TypeOf<T> : Ref<import("vue").UnwrapRef<z.TypeOf<T>>>;
+    handleReset: () => void;
+    submitForm: (submitted: any) => () => void;
+};

package/dist/@types/packages/vue2/src/composables/use-form-validate/use-form.types.d.ts

@@ -0,0 +1,5 @@
+import type { typeToFlattenedError } from 'zod';
+export type ErrorBag<T> = typeToFlattenedError<T>['fieldErrors'];
+export interface UseForm<T> {
+    validationSchema: T;
+}

package/dist/@types/packages/vue2/src/composables/use-virtual-list/index.d.ts

@@ -0,0 +1,2 @@
+export * from './use-virtual-list';
+export type * from './use-virtual-list.types';

package/dist/@types/packages/vue2/src/composables/use-virtual-list/use-virtual-list.d.ts

@@ -0,0 +1,15 @@
+import { Ref } from 'vue';
+import type { UseVirtualListContainerProps, UseVirtualListOptions, UseVirtualListWrapperProps } from './use-virtual-list.types';
+export declare function useVirtualList<T>(items: Ref<T[]>, { disabled, itemHeight, overscan, prefixHeight }: UseVirtualListOptions): {
+    containerRef: Ref<HTMLElement>;
+    containerProps: UseVirtualListContainerProps;
+    onScroll: () => void;
+    list: Ref<T[]>;
+    wrapperProps?: undefined;
+} | {
+    containerRef: Ref<HTMLElement>;
+    containerProps: UseVirtualListContainerProps;
+    onScroll: () => void;
+    list: Ref<T[]>;
+    wrapperProps: import("vue").ComputedRef<UseVirtualListWrapperProps>;
+};

package/dist/@types/packages/vue2/src/composables/use-virtual-list/use-virtual-list.types.d.ts

@@ -0,0 +1,20 @@
+import type { Ref } from 'vue';
+import type { StyleValue } from 'vue/types/jsx';
+export type UseVirtualListItemHeight = number | ((index: number) => number);
+export interface UseVirtualListOptions {
+    disabled?: boolean;
+    prefixHeight?: Ref<number>;
+    itemHeight: UseVirtualListItemHeight;
+    overscan?: number;
+}
+export interface UseVirtualListContainerProps {
+    ref: Ref<HTMLElement | null>;
+    style: StyleValue;
+}
+export interface UseVirtualListWrapperProps {
+    style: StyleValue;
+}
+export interface UseVirtualListItem<T> {
+    data: T;
+    index: number;
+}

package/dist/@types/packages/vue2/src/index.d.ts

@@ -42,6 +42,7 @@ export * from './components/textarea';
 export * from './components/timeline';
 export * from './components/toast';
 export * from './components/toggle';
+export * from './components/tutorial';
 export * from './components/typography';
 export * from './types';
 export * from './directives';

package/dist/@types/packages/vue2/src/templates/data-grid-template/data-grid-template.vue.d.ts

@@ -4,8 +4,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: PropType<Readonly<Partial<{
             variant: "component" | "page" | import("../../components/header/header.types").BentoHeaderVariant;
             actions: import("../..").BentoButtonActionsList;
-            lastUpdated: number | Date;
             infoIconTooltipText: string;
+            lastUpdated: number | Date;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             variant: {
                 type: PropType<"component" | "page" | import("../../components/header/header.types").BentoHeaderVariant>;
@@ -62,8 +62,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: PropType<Readonly<Partial<{
             variant: "component" | "page" | import("../../components/header/header.types").BentoHeaderVariant;
             actions: import("../..").BentoButtonActionsList;
-            lastUpdated: number | Date;
             infoIconTooltipText: string;
+            lastUpdated: number | Date;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             variant: {
                 type: PropType<"component" | "page" | import("../../components/header/header.types").BentoHeaderVariant>;

package/dist/@types/packages/vue2/src/types/listbox.d.ts

@@ -1,4 +1,8 @@
 import { BentoSearchBarItem } from "../components/search-bar";
+import { BentoEmptyState } from "../components/empty-state";
+import { OmitStrict } from './omit-strict';
+import { BentoButtonActionObject } from "../components/button";
+import { UseVirtualListItemHeight } from "../composables/use-virtual-list";
 export type BentoListboxValue = string | number;
 export type BentoListboxMultiSelectValue = BentoListboxValue[];
 export interface BentoListboxOptionItem extends BentoSearchBarItem {
@@ -29,3 +33,11 @@ export interface BentoListboxSearchOptions {
     debounceTime?: number;
     searchEvent: (searchValue: string) => void;
 }
+export type BentoListboxEmptyStateProps = {
+    action: {
+        icon?: any;
+    } & BentoButtonActionObject;
+} & OmitStrict<InstanceType<typeof BentoEmptyState>['$props'], 'variant' | 'image' | 'description'>;
+export type BentoListboxVirtulisationOptions = boolean | {
+    itemHeight: UseVirtualListItemHeight;
+};