@adyen/bento-vue3 1.6.1 → 1.7.0

package/dist/@types/packages/vue2/src/components/timeline/components/timeline-item/timeline-item.vue.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from "../../../../../../vue3/node_modules/vue";
-import { BentoTimelineDataList, BentoTimelineItemVariant, BentoTimelineTimestamp } from '../../timeline.types';
+import { BentoTimelineDataList, BentoTimelineItemTitle, BentoTimelineItemVariant, BentoTimelineTimestamp } from '../../timeline.types';
 declare const _default: import("../../../../../../vue3/node_modules/vue").DefineComponent<{
     additionalTimestamp: {
         type: PropType<BentoTimelineTimestamp>;
@@ -40,7 +40,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         required: true;
     };
     title: {
-        type: StringConstructor;
+        type: PropType<string | BentoTimelineItemTitle>;
         required: true;
     };
     variant: {
@@ -61,10 +61,13 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     showAll: import("../../../../../../vue3/node_modules/vue").Ref<boolean>;
     hiddenItems: import("../../../../../../vue3/node_modules/vue").Ref<number>;
     isVisible: import("../../../../../../vue3/node_modules/vue").ComputedRef<boolean>;
+    isLinkTitle: import("../../../../../../vue3/node_modules/vue").ComputedRef<boolean>;
+    linkTitleProps: import("../../../../../../vue3/node_modules/vue").ComputedRef<BentoTimelineItemTitle>;
     timegap: import("../../../../../../vue3/node_modules/vue").ComputedRef<string>;
     timegapAriaLabel: import("../../../../../../vue3/node_modules/vue").ComputedRef<string>;
     isLastItem: import("../../../../../../vue3/node_modules/vue").ComputedRef<boolean>;
     generateUid: (value: string) => string;
+    hasSlot: (name: string) => boolean;
     t: import("vue-i18n-bridge").ComposerTranslation<import("../../../../utils/ts/i18n").i18nMessages, string, import("@intlify/core-base").RemoveIndexSignature<{
         [x: string]: import("vue-i18n-bridge").LocaleMessageValue<import("vue-i18n-bridge").VueMessageType>;
     }>, never, import("@intlify/core-base")._ResourcePath<{
@@ -112,7 +115,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         required: true;
     };
     title: {
-        type: StringConstructor;
+        type: PropType<string | BentoTimelineItemTitle>;
         required: true;
     };
     variant: {
@@ -122,8 +125,8 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     };
 }>>, {
     variant: "CrossCircleIcon" | "SquareSmallIcon" | "CheckedCircleIcon" | BentoTimelineItemVariant;
-    description: string;
     tag: any;
+    description: string;
     additionalTimestamp: BentoTimelineTimestamp;
     dataList: BentoTimelineDataList;
 }>;

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

@@ -1,6 +1,7 @@
 import { BentoDateFormat } from "../date/date.types";
 import { BentoTag } from "../tag";
 import { Ref } from "../../../../vue3/node_modules/vue";
+import { RouterLinkProps } from 'vue-router/types/router';
 export declare enum BentoTimelineShowMorePlacement {
     BOTTOM = "bottom",
     AFTER_FIRST = "after-first",
@@ -27,6 +28,12 @@ export declare enum BentoTimelineItemVariant {
     SUCCESS = "CheckedCircleIcon",
     CRITICAL = "CrossCircleIcon"
 }
+export interface BentoTimelineItemTitle extends RouterLinkProps {
+    title: string;
+    external?: boolean;
+    target?: string;
+    [name: string]: any;
+}
 export interface BentoTimelineTimestamp {
     date: Date | number;
     format?: BentoDateFormat;
@@ -39,11 +46,11 @@ export interface BentoTimelineDataListObject {
 export type BentoTimelineDataList = Array<BentoTimelineDataListObject>;
 export type BentoTimelineTagProps = InstanceType<typeof BentoTag>['$props'];
 export interface BentoTimelineEntry {
-    title: string;
+    title: string | BentoTimelineItemTitle;
     date: Date | number;
 }
 export type BentoTimelineRegisterEntry = (props: {
-    title: string;
+    title: string | BentoTimelineItemTitle;
     date: Date | number;
 }) => {
     timelineEntries: Ref<BentoTimelineEntry[]>;

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

@@ -84,12 +84,14 @@ export declare const Tooltip: {
                 $: import("../../../../vue3/node_modules/vue").ComponentInternalInstance;
                 $data: {};
                 $props: Partial<{
+                    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: {
@@ -107,8 +109,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;
                 }> & Omit<Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
                     ariaRole: {
                         type: PropType<PopperContainerAriaRole>;
@@ -167,7 +167,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;
                     };
@@ -177,7 +177,7 @@ export declare const Tooltip: {
                     };
                 }>> & {
                     onPlacement?: (value: import("@floating-ui/utils").Placement) => any;
-                } & import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, "ariaRole" | "arrow" | "disabledFocusTrap" | "fallbackPosition" | "fixedPositioning" | "id" | "isHidden" | "matchWidth" | "middleware" | "offset" | "position">;
+                } & import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, "id" | "position" | "offset" | "ariaRole" | "arrow" | "disabledFocusTrap" | "fallbackPosition" | "fixedPositioning" | "isHidden" | "matchWidth" | "middleware">;
                 $attrs: {
                     [x: string]: unknown;
                 };
@@ -249,7 +249,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;
                     };
@@ -262,12 +262,14 @@ export declare const Tooltip: {
                 }, {}, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").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: {
@@ -285,8 +287,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;
                 }, {}, string> & {
                     beforeCreate?: (() => void) | (() => void)[];
                     created?: (() => void) | (() => void)[];
@@ -365,7 +365,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;
                 };
@@ -437,7 +437,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;
             };
@@ -450,12 +450,14 @@ export declare const Tooltip: {
         }, {}, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").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: {
@@ -473,8 +475,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;
         }, {}, string> & import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps & (new () => {
             $slots: {
                 default: (_: {}) => any;
@@ -576,8 +576,8 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     };
 }>>, {
     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("../../../../../../../../vue3/node_modules/vue").DefineComponent<{
+    targetElement: {
+        type: any;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("../../../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {}, string, import("../../../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
+    targetElement: {
+        type: any;
+        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,173 @@
+import { PropType, type default as Vue } from "../../../../../../vue3/node_modules/vue";
+import { BentoPopoverPositions } from "../../../popover";
+import { type BentoButtonActionObject } from "../../../button";
+import type { VueNodeElement } from "../../../../types";
+declare const _default: __VLS_WithTemplateSlots<Vue.DefineComponent<{
+    action: {
+        type: PropType<BentoButtonActionObject>;
+        default: any;
+    };
+    active: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    image: {
+        type: PropType<Omit<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<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;
+            };
+        }>> & Vue.VNodeProps & Vue.AllowedComponentProps & Vue.ComponentCustomProps, "aspectRatio" | "objectFit">, "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;
+    };
+}, {}, unknown, {}, {}, Vue.ComponentOptionsMixin, Vue.ComponentOptionsMixin, {
+    next: () => void;
+} & {
+    finish: () => void;
+} & {
+    restart: () => void;
+}, string, Vue.VNodeProps & Vue.AllowedComponentProps & Vue.ComponentCustomProps, Readonly<Vue.ExtractPropTypes<{
+    action: {
+        type: PropType<BentoButtonActionObject>;
+        default: any;
+    };
+    active: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    image: {
+        type: PropType<Omit<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<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;
+            };
+        }>> & Vue.VNodeProps & Vue.AllowedComponentProps & Vue.ComponentCustomProps, "aspectRatio" | "objectFit">, "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;
+    };
+}>> & {
+    onFinish?: () => any;
+    onNext?: () => any;
+    onRestart?: () => any;
+}, {
+    image: Omit<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<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;
+        };
+    }>> & Vue.VNodeProps & Vue.AllowedComponentProps & Vue.ComponentCustomProps, "aspectRatio" | "objectFit">, "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 "../../../../vue3/node_modules/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 "../../../../vue3/node_modules/vue";
+import type { BentoTutorialStep } from './tutorial.types';
+declare const _default: import("../../../../vue3/node_modules/vue").DefineComponent<{
+    steps: {
+        type: PropType<BentoTutorialStep[]>;
+        required: true;
+        validator: (value: BentoTutorialStep[]) => boolean;
+    };
+}, {}, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, {}, string, import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../vue3/node_modules/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 "../../../../vue3/node_modules/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("../../../../vue3/node_modules/vue").ShallowRef<T_1> : never : never;
+    values: [z.TypeOf<T>] extends [Ref<any>] ? z.TypeOf<T> : Ref<import("../../../../vue3/node_modules/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 "../../../../vue3/node_modules/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("../../../../vue3/node_modules/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 "../../../../vue3/node_modules/vue";
+import type { StyleValue } from "../../../../../node_modules/@vue/runtime-dom";
+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("../../../../vue3/node_mo
         type: PropType<Partial<{
             variant: "component" | "page" | import("../../components/header/header.types").BentoHeaderVariant;
             actions: import("../..").BentoButtonActionsList;
-            lastUpdated: number | Date;
             infoIconTooltipText: string;
+            lastUpdated: number | Date;
         }> & Omit<Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
             variant: {
                 type: PropType<"component" | "page" | import("../../components/header/header.types").BentoHeaderVariant>;
@@ -28,7 +28,7 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
                 type: (DateConstructor | NumberConstructor)[];
                 default: any;
             };
-        }>> & import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, "variant" | "actions" | "lastUpdated" | "infoIconTooltipText">>;
+        }>> & import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, "variant" | "actions" | "infoIconTooltipText" | "lastUpdated">>;
         required: true;
     };
     stickyTabs: {
@@ -40,8 +40,8 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
         type: PropType<Partial<{
             variant: "component" | "page" | import("../../components/header/header.types").BentoHeaderVariant;
             actions: import("../..").BentoButtonActionsList;
-            lastUpdated: number | Date;
             infoIconTooltipText: string;
+            lastUpdated: number | Date;
         }> & Omit<Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
             variant: {
                 type: PropType<"component" | "page" | import("../../components/header/header.types").BentoHeaderVariant>;
@@ -64,7 +64,7 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
                 type: (DateConstructor | NumberConstructor)[];
                 default: any;
             };
-        }>> & import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, "variant" | "actions" | "lastUpdated" | "infoIconTooltipText">>;
+        }>> & import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, "variant" | "actions" | "infoIconTooltipText" | "lastUpdated">>;
         required: true;
     };
     stickyTabs: {

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;
+};