@adyen/bento-vue3 1.23.0 → 1.24.0

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

@@ -1,30 +1,2 @@
-/**
- * @example
- * import { BentoToast, useBentoToastController } from '@adyen/bento-vue2';
- *
- * export default {
- *     components: { BentoToast },
- *     template: `
- *          // in your project root
- *          <bento-toast />
- *      setup() {
- *          bentoToastController = useBentoToastController();
- *          onTrigger = () => {
- *              bentoToastController.addToast({ text: 'Your toast text', action: { text: 'Button text', handler: () => { your code here } });
- *      }
- *     `
- * }
- */
-declare const _default: import("../../../../vue3/node_modules/vue").DefineComponent<{}, {
-    computedPositioning: import("../../../../vue3/node_modules/vue").ComputedRef<{
-        top: string;
-        width: string;
-    }[]>;
-    computedHeight: import("../../../../vue3/node_modules/vue").ComputedRef<{
-        bottom: string;
-        height: string;
-    }>;
-    toastsToShow: import("../../../../vue3/node_modules/vue").ComputedRef<import("./components/toast-item").BentoToastItem[]>;
-    toast: any;
-}, {}, {}, {}, 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<{}>>, {}>;
+declare const _default: import("../../../../vue3/node_modules/vue").DefineComponent<{}, {}, {}, {}, {}, 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<{}>>, {}>;
 export default _default;

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

@@ -7,81 +7,221 @@ import { VueNodeElement } from "../../types";
 export declare const Tooltip: {
     name: string;
     components: {
-        BentoTypography: import("../../../../vue3/node_modules/vue").DefineComponent<{
-            el: {
-                type: PropType<"div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | import("../typography").BentoTypographyElement>;
-                default: import("../typography").BentoTypographyElement;
-                validator: (value: import("../typography").BentoTypographyElement) => boolean;
+        BentoTypography: {
+            new (...args: any[]): {
+                $: import("../../../../vue3/node_modules/vue").ComponentInternalInstance;
+                $data: {};
+                $props: Partial<{
+                    wide: boolean;
+                    stronger: boolean;
+                    strongest: boolean;
+                    el: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | import("../typography").BentoTypographyElement;
+                    large: boolean;
+                    medium: boolean;
+                    variant: "body" | "caption" | "title" | "subtitle" | import("../typography").BentoTypographyVariant;
+                }> & Omit<Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
+                    wide: {
+                        type: PropType<boolean>;
+                    } & {
+                        default: boolean;
+                    };
+                    stronger: {
+                        type: PropType<boolean>;
+                    } & {
+                        default: boolean;
+                    };
+                    strongest: {
+                        type: PropType<boolean>;
+                    } & {
+                        default: boolean;
+                    };
+                    el: {
+                        type: PropType<"div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | import("../typography").BentoTypographyElement>;
+                    } & {
+                        default: import("../typography").BentoTypographyElement;
+                    };
+                    large: {
+                        type: PropType<boolean>;
+                    } & {
+                        default: boolean;
+                    };
+                    medium: {
+                        type: PropType<boolean>;
+                    } & {
+                        default: boolean;
+                    };
+                    variant: {
+                        type: PropType<"body" | "caption" | "title" | "subtitle" | import("../typography").BentoTypographyVariant>;
+                    } & {
+                        default: import("../typography").BentoTypographyVariant;
+                    };
+                }>> & import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, "wide" | "stronger" | "strongest" | "el" | "large" | "medium" | "variant">;
+                $attrs: {
+                    [x: string]: unknown;
+                };
+                $refs: {
+                    [x: string]: unknown;
+                };
+                $slots: Readonly<{
+                    [name: string]: import("../../../../vue3/node_modules/vue").Slot;
+                }>;
+                $root: import("../../../../vue3/node_modules/vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("../../../../vue3/node_modules/vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+                $parent: import("../../../../vue3/node_modules/vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("../../../../vue3/node_modules/vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+                $emit: (event: string, ...args: any[]) => void;
+                $el: any;
+                $options: import("../../../../vue3/node_modules/vue").ComponentOptionsBase<Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
+                    wide: {
+                        type: PropType<boolean>;
+                    } & {
+                        default: boolean;
+                    };
+                    stronger: {
+                        type: PropType<boolean>;
+                    } & {
+                        default: boolean;
+                    };
+                    strongest: {
+                        type: PropType<boolean>;
+                    } & {
+                        default: boolean;
+                    };
+                    el: {
+                        type: PropType<"div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | import("../typography").BentoTypographyElement>;
+                    } & {
+                        default: import("../typography").BentoTypographyElement;
+                    };
+                    large: {
+                        type: PropType<boolean>;
+                    } & {
+                        default: boolean;
+                    };
+                    medium: {
+                        type: PropType<boolean>;
+                    } & {
+                        default: boolean;
+                    };
+                    variant: {
+                        type: PropType<"body" | "caption" | "title" | "subtitle" | import("../typography").BentoTypographyVariant>;
+                    } & {
+                        default: import("../typography").BentoTypographyVariant;
+                    };
+                }>>, {}, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, {}, string, {
+                    wide: boolean;
+                    stronger: boolean;
+                    strongest: boolean;
+                    el: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | import("../typography").BentoTypographyElement;
+                    large: boolean;
+                    medium: boolean;
+                    variant: "body" | "caption" | "title" | "subtitle" | import("../typography").BentoTypographyVariant;
+                }, {}, string> & {
+                    beforeCreate?: (() => void) | (() => void)[];
+                    created?: (() => void) | (() => void)[];
+                    beforeMount?: (() => void) | (() => void)[];
+                    mounted?: (() => void) | (() => void)[];
+                    beforeUpdate?: (() => void) | (() => void)[];
+                    updated?: (() => void) | (() => void)[];
+                    activated?: (() => void) | (() => void)[];
+                    deactivated?: (() => void) | (() => void)[];
+                    beforeDestroy?: (() => void) | (() => void)[];
+                    beforeUnmount?: (() => void) | (() => void)[];
+                    destroyed?: (() => void) | (() => void)[];
+                    unmounted?: (() => void) | (() => void)[];
+                    renderTracked?: ((e: import("../../../../vue3/node_modules/vue").DebuggerEvent) => void) | ((e: import("../../../../vue3/node_modules/vue").DebuggerEvent) => void)[];
+                    renderTriggered?: ((e: import("../../../../vue3/node_modules/vue").DebuggerEvent) => void) | ((e: import("../../../../vue3/node_modules/vue").DebuggerEvent) => void)[];
+                    errorCaptured?: ((err: unknown, instance: import("../../../../vue3/node_modules/vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("../../../../vue3/node_modules/vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("../../../../vue3/node_modules/vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("../../../../vue3/node_modules/vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+                };
+                $forceUpdate: () => void;
+                $nextTick: typeof import("../../../../vue3/node_modules/vue").nextTick;
+                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("../../../../vue3/node_modules/vue").WatchOptions<boolean>): import("../../../../vue3/node_modules/vue").WatchStopHandle;
+            } & Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
+                wide: {
+                    type: PropType<boolean>;
+                } & {
+                    default: boolean;
+                };
+                stronger: {
+                    type: PropType<boolean>;
+                } & {
+                    default: boolean;
+                };
+                strongest: {
+                    type: PropType<boolean>;
+                } & {
+                    default: boolean;
+                };
+                el: {
+                    type: PropType<"div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | import("../typography").BentoTypographyElement>;
+                } & {
+                    default: import("../typography").BentoTypographyElement;
+                };
+                large: {
+                    type: PropType<boolean>;
+                } & {
+                    default: boolean;
+                };
+                medium: {
+                    type: PropType<boolean>;
+                } & {
+                    default: boolean;
+                };
+                variant: {
+                    type: PropType<"body" | "caption" | "title" | "subtitle" | import("../typography").BentoTypographyVariant>;
+                } & {
+                    default: import("../typography").BentoTypographyVariant;
+                };
+            }>> & import("../../../../vue3/node_modules/vue").ShallowUnwrapRef<{}> & {} & import("../../../../vue3/node_modules/vue").ComponentCustomProperties & {};
+            __isFragment?: never;
+            __isTeleport?: never;
+            __isSuspense?: never;
+        } & import("../../../../vue3/node_modules/vue").ComponentOptionsBase<Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
+            wide: {
+                type: PropType<boolean>;
+            } & {
+                default: boolean;
             };
             stronger: {
-                type: BooleanConstructor;
+                type: PropType<boolean>;
+            } & {
                 default: boolean;
             };
             strongest: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            variant: {
-                type: PropType<"body" | "caption" | "title" | "subtitle" | import("../typography").BentoTypographyVariant>;
-                default: import("../typography").BentoTypographyVariant;
-                validator: (value: import("../typography").BentoTypographyVariant) => boolean;
-            };
-            medium: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            large: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            wide: {
-                type: BooleanConstructor;
+                type: PropType<boolean>;
+            } & {
                 default: boolean;
             };
-        }, {
-            conditionalClasses: import("../../../../vue3/node_modules/vue").ComputedRef<{
-                [x: string]: 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<{
             el: {
                 type: PropType<"div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | import("../typography").BentoTypographyElement>;
+            } & {
                 default: import("../typography").BentoTypographyElement;
-                validator: (value: import("../typography").BentoTypographyElement) => boolean;
             };
-            stronger: {
-                type: BooleanConstructor;
+            large: {
+                type: PropType<boolean>;
+            } & {
                 default: boolean;
             };
-            strongest: {
-                type: BooleanConstructor;
+            medium: {
+                type: PropType<boolean>;
+            } & {
                 default: boolean;
             };
             variant: {
                 type: PropType<"body" | "caption" | "title" | "subtitle" | import("../typography").BentoTypographyVariant>;
+            } & {
                 default: import("../typography").BentoTypographyVariant;
-                validator: (value: import("../typography").BentoTypographyVariant) => boolean;
-            };
-            medium: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            large: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            wide: {
-                type: BooleanConstructor;
-                default: boolean;
             };
-        }>>, {
+        }>>, {}, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, {}, string, {
             wide: boolean;
             stronger: boolean;
             strongest: boolean;
             el: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | import("../typography").BentoTypographyElement;
-            variant: "body" | "caption" | "title" | "subtitle" | import("../typography").BentoTypographyVariant;
-            medium: boolean;
             large: boolean;
-        }>;
+            medium: boolean;
+            variant: "body" | "caption" | "title" | "subtitle" | import("../typography").BentoTypographyVariant;
+        }, {}, string> & import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps & (new () => {
+            $slots: {
+                default: (_: {}) => any;
+            };
+        });
         PopperContainer: {
             new (...args: any[]): {
                 $: import("../../../../vue3/node_modules/vue").ComponentInternalInstance;
@@ -89,12 +229,12 @@ export declare const Tooltip: {
                 $props: Partial<{
                     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[];
+                    id: string;
                     ariaRole: PopperContainerAriaRole;
                     arrow: any;
                     disabledFocusTrap: boolean;
                     fallbackPosition: import("../popper-container").FallbackPositionProp;
                     fixedPositioning: boolean;
-                    id: string;
                     isHidden: boolean;
                     matchWidth: boolean;
                     middleware: {
@@ -180,7 +320,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, "position" | "offset" | "ariaRole" | "arrow" | "disabledFocusTrap" | "fallbackPosition" | "fixedPositioning" | "id" | "isHidden" | "matchWidth" | "middleware">;
+                } & import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, "position" | "offset" | "id" | "ariaRole" | "arrow" | "disabledFocusTrap" | "fallbackPosition" | "fixedPositioning" | "isHidden" | "matchWidth" | "middleware">;
                 $attrs: {
                     [x: string]: unknown;
                 };
@@ -267,12 +407,12 @@ export declare const Tooltip: {
                 }, 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[];
+                    id: string;
                     ariaRole: PopperContainerAriaRole;
                     arrow: any;
                     disabledFocusTrap: boolean;
                     fallbackPosition: import("../popper-container").FallbackPositionProp;
                     fixedPositioning: boolean;
-                    id: string;
                     isHidden: boolean;
                     matchWidth: boolean;
                     middleware: {
@@ -455,12 +595,12 @@ export declare const Tooltip: {
         }, 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[];
+            id: string;
             ariaRole: PopperContainerAriaRole;
             arrow: any;
             disabledFocusTrap: boolean;
             fallbackPosition: import("../popper-container").FallbackPositionProp;
             fixedPositioning: boolean;
-            id: string;
             isHidden: boolean;
             matchWidth: boolean;
             middleware: {

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

@@ -1,4 +1,3 @@
-import { PropType } from "../../../../vue3/node_modules/vue";
 import { BentoTypographyElement, BentoTypographyVariant } from './typography.types';
 /**
  * The Typography component makes it easy to apply a default set of font weights, sizes and other text styles
@@ -18,135 +17,122 @@ import { BentoTypographyElement, BentoTypographyVariant } from './typography.typ
  *     `
  * }
  */
-declare const _default: import("../../../../vue3/node_modules/vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_modules/vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     /**
      * Sets the HTML DOM element.
      * @values h1, h2, h3, h4, h5, h6, div, p, span
      */
-    el: {
-        type: PropType<"div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | BentoTypographyElement>;
-        default: BentoTypographyElement;
-        validator: (value: BentoTypographyElement) => boolean;
-    };
+    el?: BentoTypographyElement | `${BentoTypographyElement}`;
+    /**
+     * Adds the large class modifier.
+     * Applicable to the Title variant.
+     */
+    large?: boolean;
+    /**
+     * Adds the medium class modifier.
+     * Applicable to the Title variant.
+     */
+    medium?: boolean;
     /**
      * Adds the stronger class modifier.
      * Applicable to Caption, Body and Subtitle variants.
      */
-    stronger: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    stronger?: boolean;
     /**
      * Adds the strongest class modifier.
      * Applicable to Caption, Body and Subtitle variants.
      */
-    strongest: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    strongest?: boolean;
     /**
      * Sets the type of typography variant.
      * @values caption, body, title.
      */
-    variant: {
-        type: PropType<"body" | "caption" | "title" | "subtitle" | BentoTypographyVariant>;
-        default: BentoTypographyVariant;
-        validator: (value: BentoTypographyVariant) => boolean;
-    };
+    variant?: BentoTypographyVariant | `${BentoTypographyVariant}`;
     /**
      * Adds the medium class modifier.
-     * Applicable to the Title variant.
+     * Applicable to tje Body variant.
      */
-    medium: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    wide?: boolean;
+}>, {
+    el: BentoTypographyElement;
+    large: boolean;
+    medium: boolean;
+    stronger: boolean;
+    strongest: boolean;
+    variant: BentoTypographyVariant;
+    wide: 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<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    /**
+     * Sets the HTML DOM element.
+     * @values h1, h2, h3, h4, h5, h6, div, p, span
+     */
+    el?: BentoTypographyElement | `${BentoTypographyElement}`;
     /**
      * Adds the large class modifier.
      * Applicable to the Title variant.
      */
-    large: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    large?: boolean;
     /**
      * Adds the medium class modifier.
-     * Applicable to tje Body variant.
-     */
-    wide: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}, {
-    conditionalClasses: import("../../../../vue3/node_modules/vue").ComputedRef<{
-        [x: string]: 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<{
-    /**
-     * Sets the HTML DOM element.
-     * @values h1, h2, h3, h4, h5, h6, div, p, span
+     * Applicable to the Title variant.
      */
-    el: {
-        type: PropType<"div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | BentoTypographyElement>;
-        default: BentoTypographyElement;
-        validator: (value: BentoTypographyElement) => boolean;
-    };
+    medium?: boolean;
     /**
      * Adds the stronger class modifier.
      * Applicable to Caption, Body and Subtitle variants.
      */
-    stronger: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    stronger?: boolean;
     /**
      * Adds the strongest class modifier.
      * Applicable to Caption, Body and Subtitle variants.
      */
-    strongest: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    strongest?: boolean;
     /**
      * Sets the type of typography variant.
      * @values caption, body, title.
      */
-    variant: {
-        type: PropType<"body" | "caption" | "title" | "subtitle" | BentoTypographyVariant>;
-        default: BentoTypographyVariant;
-        validator: (value: BentoTypographyVariant) => boolean;
-    };
-    /**
-     * Adds the medium class modifier.
-     * Applicable to the Title variant.
-     */
-    medium: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Adds the large class modifier.
-     * Applicable to the Title variant.
-     */
-    large: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    variant?: BentoTypographyVariant | `${BentoTypographyVariant}`;
     /**
      * Adds the medium class modifier.
      * Applicable to tje Body variant.
      */
-    wide: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>>, {
+    wide?: boolean;
+}>, {
+    el: BentoTypographyElement;
+    large: boolean;
+    medium: boolean;
+    stronger: boolean;
+    strongest: boolean;
+    variant: BentoTypographyVariant;
+    wide: boolean;
+}>>>, {
     wide: boolean;
     stronger: boolean;
     strongest: boolean;
-    el: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | BentoTypographyElement;
-    variant: "body" | "caption" | "title" | "subtitle" | BentoTypographyVariant;
-    medium: boolean;
+    el: BentoTypographyElement | `${BentoTypographyElement}`;
     large: boolean;
+    medium: boolean;
+    variant: BentoTypographyVariant | `${BentoTypographyVariant}`;
+}>, {
+    default: (_: {}) => any;
 }>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import("../../../../vue3/node_modules/vue").PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import("../../../../vue3/node_modules/vue").PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -6,3 +6,4 @@ 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';
+export * from './use-bento-toast-controller';

package/dist/@types/packages/vue2/src/composables/use-bento-toast-controller/index.d.ts

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

package/dist/@types/packages/vue2/src/composables/use-bento-toast-controller/install.d.ts

@@ -0,0 +1,6 @@
+/**
+ * This function is used to create and register global reactive state necessary fro the Toasts to operate.
+ * @param {Vue} Vue A context application to register global state with.
+ */
+declare const _default: (Vue: any) => void;
+export default _default;

package/dist/@types/packages/vue2/src/composables/use-bento-toast-controller/toast-stack.d.ts

@@ -0,0 +1,7 @@
+import type { ToastStack } from './use-bento-toast-controller.types';
+export declare const toastStackInjectionKey: unique symbol;
+/**
+ * This utility creates a global reactive state to add new toasts and keep track of them.
+ * @returns {ToastStack} An object that contains reactive stack property with all add toasts and a function to add new toasts
+ */
+export declare const createToastStack: () => ToastStack;

package/dist/@types/packages/vue2/src/composables/use-bento-toast-controller/use-bento-toast-controller.d.ts

@@ -0,0 +1,2 @@
+import { UseBentoToastController } from './use-bento-toast-controller.types';
+export declare function useBentoToastController(): UseBentoToastController;

package/dist/@types/packages/vue2/src/composables/use-bento-toast-controller/use-bento-toast-controller.types.d.ts

@@ -0,0 +1,23 @@
+import { type DeepReadonly, type Ref } from "../../../../vue3/node_modules/vue";
+export interface BentoToastItemAction {
+    handler: () => void;
+    text: string;
+}
+export interface BentoToastItemParams {
+    action?: BentoToastItemAction;
+    text: string;
+}
+export interface BentoToastItem extends BentoToastItemParams {
+    id: string;
+    dismiss: () => void;
+}
+export type BentoToastItemsList = Array<BentoToastItem>;
+interface Toast {
+    dismiss: () => void;
+}
+export interface ToastStack {
+    stack: DeepReadonly<Ref<BentoToastItemsList>>;
+    addToast: (params: BentoToastItemParams) => Toast;
+}
+export type UseBentoToastController = ToastStack;
+export {};

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

@@ -49,6 +49,7 @@ export * from './components/toggle';
 export * from './components/tutorial';
 export * from './components/typography';
 export * from './composables/use-form-validate';
+export * from './composables/use-bento-toast-controller';
 export * from './templates/data-grid-template';
 export * from './types';
 export * from './directives';

package/dist/@types/packages/vue2/src/utils/ts/storybook.d.ts

@@ -10,3 +10,13 @@ export declare const getPokemonFromApi: (pokemonName?: string) => Promise<{
     label: any;
     value: any;
 }[]>;
+/**
+ * Adds necessary Toast component to display toasts.
+ * It should be added just once on the app level, but never in the views or components itself
+ */
+export declare const withToastDecorator: () => {
+    components: {
+        BentoToast: import("../../../../vue3/node_modules/vue").DefineComponent<{}, {}, {}, {}, {}, 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<{}>>, {}>;
+    };
+    template: string;
+};