@adyen/bento-vue2 1.3.0 → 1.4.0

package/dist/@types/packages/vue2/src/components/summary-grid/components/summary-grid-item-numeric/summary-grid-item-numeric.vue.d.ts

@@ -1,6 +1,5 @@
 import { PropType } from 'vue';
 import { BentoSummaryGridItemSize, BentoSummaryGridItemTrendDirection } from "../../summary-grid.types";
-import { SummaryGridItemType } from '../summary-grid-item';
 declare const _default: import("vue").DefineComponent<{
     copy: {
         type: StringConstructor;
@@ -49,9 +48,7 @@ declare const _default: import("vue").DefineComponent<{
         default: BentoSummaryGridItemSize;
         validator: (value: BentoSummaryGridItemSize) => boolean;
     };
-}, {
-    SummaryGridItemType: typeof SummaryGridItemType;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     copy: {
         type: StringConstructor;
         default: any;
@@ -100,8 +97,8 @@ declare const _default: import("vue").DefineComponent<{
         validator: (value: BentoSummaryGridItemSize) => boolean;
     };
 }>>, {
-    copy: string;
     size: "small" | "medium" | "large" | BentoSummaryGridItemSize;
+    copy: string;
     fitContent: boolean;
     infoIconTooltipText: string;
     trend: string;

package/dist/@types/packages/vue2/src/components/summary-grid/components/summary-grid-item-percentage/summary-grid-item-percentage.vue.d.ts

@@ -1,6 +1,5 @@
 import { PropType } from 'vue';
 import { BentoSummaryGridItemSize, BentoSummaryGridItemTrendDirection } from "../../summary-grid.types";
-import { SummaryGridItemType } from '../summary-grid-item';
 declare const _default: import("vue").DefineComponent<{
     label: {
         type: StringConstructor;
@@ -49,9 +48,7 @@ declare const _default: import("vue").DefineComponent<{
         default: BentoSummaryGridItemSize;
         validator: (value: BentoSummaryGridItemSize) => boolean;
     };
-}, {
-    SummaryGridItemType: typeof SummaryGridItemType;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     label: {
         type: StringConstructor;
         required: true;
@@ -100,8 +97,8 @@ declare const _default: import("vue").DefineComponent<{
         validator: (value: BentoSummaryGridItemSize) => boolean;
     };
 }>>, {
-    copy: string;
     size: "small" | "medium" | "large" | BentoSummaryGridItemSize;
+    copy: string;
     fitContent: boolean;
     infoIconTooltipText: string;
     trend: string;

package/dist/@types/packages/vue2/src/components/summary-grid/components/summary-grid-item-text/summary-grid-item-text.vue.d.ts

@@ -1,4 +1,3 @@
-import { SummaryGridItemType } from '../summary-grid-item';
 declare const _default: import("vue").DefineComponent<{
     copy: {
         type: StringConstructor;
@@ -20,9 +19,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, {
-    SummaryGridItemType: typeof SummaryGridItemType;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     copy: {
         type: StringConstructor;
         default: any;

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

@@ -1,5 +1,7 @@
+import { MaybeRef } from "../../../types";
 export interface BentoTab {
     disabled: boolean;
     id: string;
-    title: string;
+    title: MaybeRef<string>;
 }
+export type BentoTabProvidedTitle = (value: string) => void;

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

@@ -10,6 +10,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     activeTabId: unknown;
     id: string;
+    computedTitle: import("vue").ComputedRef<string>;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     title: {
         type: StringConstructor;

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

@@ -1,2 +1,3 @@
 export declare const TABS_REGISTER_TAB_INJECTION_KEY: unique symbol;
 export declare const TABS_ACTIVE_TAB_ID_KEY: unique symbol;
+export declare const EXTERNAL_TITLE_REGISTER_ENTRY_INJECTION_KEY: unique symbol;

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

@@ -1,7 +1,11 @@
+import type { Ref } from 'vue';
 export type BentoTabsRegisterTab = (props: {
     disabled: boolean;
-    title: string;
-}) => string;
+    title: Ref<string>;
+}) => {
+    id: string;
+    unregisterTab: () => void;
+};
 export declare enum BentoTabsEvent {
     ACTIVE_TAB_INDEX = "update:active-tab-index"
 }

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

@@ -1,4 +1,5 @@
-import { BentoTypographyElement, BentoTypographyVariant } from "../typography";
+import { Ref } from 'vue';
+import { BentoTab } from './components/tab.types';
 import { BentoTabsEvent } from './tabs.types';
 declare const _default: import("vue").DefineComponent<{
     activeTabIndex: {
@@ -6,15 +7,9 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
 }, {
-    BentoTypographyElement: typeof BentoTypographyElement;
-    BentoTypographyVariant: typeof BentoTypographyVariant;
-    tabs: import("vue").Ref<{
-        disabled: boolean;
-        id: string;
-        title: string;
-    }[]>;
+    tabs: Ref<BentoTab[]>;
     tablist: any;
-    activeTabId: import("vue").Ref<string>;
+    activeTabId: Ref<string>;
     onKeydownTabsNavigation: (e: KeyboardEvent) => void;
     handleTabChange: (tabId: string) => void;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoTabsEvent[], string, Readonly<import("vue").ExtractPropTypes<{

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

@@ -1,13 +1,12 @@
 import { PropType } from 'vue';
 import { BentoTagVariant } from './tag.types';
-import { BentoTypographyElement, BentoTypographyVariant } from "../typography";
 declare const _default: import("vue").DefineComponent<{
     label: {
         type: StringConstructor;
         default: any;
     };
     variant: {
-        type: PropType<"blue" | "green" | "red" | "grey" | "orange" | "white" | BentoTagVariant>;
+        type: PropType<"blue" | "green" | "grey" | "orange" | "red" | "white" | BentoTagVariant>;
         default: BentoTagVariant;
         validator: (value: BentoTagVariant) => boolean;
     };
@@ -20,18 +19,16 @@ declare const _default: import("vue").DefineComponent<{
     textFromSlot: import("vue").ComputedRef<string>;
     formattedText: import("vue").ComputedRef<string>;
     tagConditionalClasses: import("vue").ComputedRef<{
-        [x: string]: "blue" | "green" | "red" | "grey" | "orange" | "white" | BentoTagVariant;
+        [x: string]: "blue" | "green" | "grey" | "orange" | "red" | "white" | BentoTagVariant;
     }>;
     shouldShowTooltip: import("vue").ComputedRef<boolean>;
-    BentoTypographyVariant: typeof BentoTypographyVariant;
-    BentoTypographyElement: typeof BentoTypographyElement;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     label: {
         type: StringConstructor;
         default: any;
     };
     variant: {
-        type: PropType<"blue" | "green" | "red" | "grey" | "orange" | "white" | BentoTagVariant>;
+        type: PropType<"blue" | "green" | "grey" | "orange" | "red" | "white" | BentoTagVariant>;
         default: BentoTagVariant;
         validator: (value: BentoTagVariant) => boolean;
     };
@@ -41,7 +38,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     label: string;
-    variant: "blue" | "green" | "red" | "grey" | "orange" | "white" | BentoTagVariant;
+    variant: "blue" | "green" | "grey" | "orange" | "red" | "white" | BentoTagVariant;
     truncate: number;
 }>;
 export default _default;

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

@@ -1,7 +1,5 @@
 import { PropType } from 'vue';
 import { BentoTextareaEvent, BentoTextareaResizeOption } from './textarea.types';
-import { BentoTypographyElement } from "../typography";
-import { BentoButtonVariant } from "../button";
 declare const _default: import("vue").DefineComponent<{
     ariaLabel: {
         type: StringConstructor;
@@ -48,7 +46,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     resizable: {
-        type: PropType<"vertical" | "horizontal" | "none" | "both" | BentoTextareaResizeOption>;
+        type: PropType<"none" | "both" | "horizontal" | "vertical" | BentoTextareaResizeOption>;
         default: BentoTextareaResizeOption;
         validator: (value: BentoTextareaResizeOption) => boolean;
     };
@@ -61,9 +59,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
 }, {
-    BentoButtonVariant: typeof BentoButtonVariant;
     BentoTextareaEvent: typeof BentoTextareaEvent;
-    BentoTypographyElement: typeof BentoTypographyElement;
     onBlur: () => void;
     onChange: () => void;
     onClear: () => void;
@@ -148,7 +144,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     resizable: {
-        type: PropType<"vertical" | "horizontal" | "none" | "both" | BentoTextareaResizeOption>;
+        type: PropType<"none" | "both" | "horizontal" | "vertical" | BentoTextareaResizeOption>;
         default: BentoTextareaResizeOption;
         validator: (value: BentoTextareaResizeOption) => boolean;
     };
@@ -164,16 +160,16 @@ declare const _default: import("vue").DefineComponent<{
     value: string;
     description: string;
     label: string;
-    disabled: boolean;
     required: boolean;
     height: string;
-    ariaLabel: string;
+    disabled: boolean;
     placeholder: string;
     optional: boolean;
     errorMessage: string;
     readonly: boolean;
+    ariaLabel: string;
     clearable: boolean;
     characterLimit: number;
-    resizable: "vertical" | "horizontal" | "none" | "both" | BentoTextareaResizeOption;
+    resizable: "none" | "both" | "horizontal" | "vertical" | BentoTextareaResizeOption;
 }>;
 export default _default;

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

@@ -1,6 +1,4 @@
 import { PropType } from 'vue';
-import { BentoButtonVariant } from "../../../button";
-import { BentoTypographyElement, BentoTypographyVariant } from "../../../typography";
 import { BentoTimelineDataList, BentoTimelineItemVariant, BentoTimelineTimestamp } from '../../timeline.types';
 declare const _default: import("vue").DefineComponent<{
     additionalTimestamp: {
@@ -18,7 +16,7 @@ declare const _default: import("vue").DefineComponent<{
     tag: {
         type: PropType<Readonly<Partial<{
             label: string;
-            variant: "blue" | "green" | "red" | "grey" | "orange" | "white" | import("../../../tag").BentoTagVariant;
+            variant: "blue" | "green" | "grey" | "orange" | "red" | "white" | import("../../../tag").BentoTagVariant;
             truncate: number;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             label: {
@@ -26,7 +24,7 @@ declare const _default: import("vue").DefineComponent<{
                 default: any;
             };
             variant: {
-                type: PropType<"blue" | "green" | "red" | "grey" | "orange" | "white" | import("../../../tag").BentoTagVariant>;
+                type: PropType<"blue" | "green" | "grey" | "orange" | "red" | "white" | import("../../../tag").BentoTagVariant>;
                 default: import("../../../tag").BentoTagVariant;
                 validator: (value: import("../../../tag").BentoTagVariant) => boolean;
             };
@@ -40,7 +38,7 @@ declare const _default: import("vue").DefineComponent<{
                 default: any;
             };
             variant: {
-                type: PropType<"blue" | "green" | "red" | "grey" | "orange" | "white" | import("../../../tag").BentoTagVariant>;
+                type: PropType<"blue" | "green" | "grey" | "orange" | "red" | "white" | import("../../../tag").BentoTagVariant>;
                 default: import("../../../tag").BentoTagVariant;
                 validator: (value: import("../../../tag").BentoTagVariant) => boolean;
             };
@@ -88,10 +86,6 @@ declare const _default: import("vue").DefineComponent<{
     }>, import("@intlify/core-base")._ResourcePath<{
         [key: string]: string;
     }>> | ((key: "showMore" | "timegap" | "showLess", values?: import("vue-i18n").default.Values) => string);
-    BentoTimelineItemVariant: typeof BentoTimelineItemVariant;
-    BentoTypographyElement: typeof BentoTypographyElement;
-    BentoTypographyVariant: typeof BentoTypographyVariant;
-    BentoButtonVariant: typeof BentoButtonVariant;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     additionalTimestamp: {
         type: PropType<BentoTimelineTimestamp>;
@@ -108,7 +102,7 @@ declare const _default: import("vue").DefineComponent<{
     tag: {
         type: PropType<Readonly<Partial<{
             label: string;
-            variant: "blue" | "green" | "red" | "grey" | "orange" | "white" | import("../../../tag").BentoTagVariant;
+            variant: "blue" | "green" | "grey" | "orange" | "red" | "white" | import("../../../tag").BentoTagVariant;
             truncate: number;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             label: {
@@ -116,7 +110,7 @@ declare const _default: import("vue").DefineComponent<{
                 default: any;
             };
             variant: {
-                type: PropType<"blue" | "green" | "red" | "grey" | "orange" | "white" | import("../../../tag").BentoTagVariant>;
+                type: PropType<"blue" | "green" | "grey" | "orange" | "red" | "white" | import("../../../tag").BentoTagVariant>;
                 default: import("../../../tag").BentoTagVariant;
                 validator: (value: import("../../../tag").BentoTagVariant) => boolean;
             };
@@ -130,7 +124,7 @@ declare const _default: import("vue").DefineComponent<{
                 default: any;
             };
             variant: {
-                type: PropType<"blue" | "green" | "red" | "grey" | "orange" | "white" | import("../../../tag").BentoTagVariant>;
+                type: PropType<"blue" | "green" | "grey" | "orange" | "red" | "white" | import("../../../tag").BentoTagVariant>;
                 default: import("../../../tag").BentoTagVariant;
                 validator: (value: import("../../../tag").BentoTagVariant) => boolean;
             };

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

@@ -48,6 +48,7 @@ export type BentoTimelineRegisterEntry = (props: {
 }) => {
     timelineEntries: Ref<BentoTimelineEntry[]>;
     index: number;
+    unregisterTimelineEntry: () => void;
 };
 export interface BentoTimelineConfigData {
     showAll: Ref<boolean>;

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

@@ -1,7 +1,5 @@
 import { PropType } from 'vue';
 import { BentoToastItemAction } from './toast-item.types';
-import { BentoButtonVariant } from "../../../button";
-import { BentoTypographyElement, BentoTypographyVariant } from "../../../typography";
 declare const _default: import("vue").DefineComponent<{
     text: {
         type: StringConstructor;
@@ -12,9 +10,6 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
 }, {
-    BentoButtonVariant: typeof BentoButtonVariant;
-    BentoTypographyElement: typeof BentoTypographyElement;
-    BentoTypographyVariant: typeof BentoTypographyVariant;
     dismissButtonClicked: () => void;
     hasSlot: (name: string) => boolean;
     onActionClicked: () => void;

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

@@ -1,6 +1,5 @@
 import { PropType } from 'vue';
 import { BentoToggleLabelPosition } from './toggle.types';
-import { BentoTypographyElement, BentoTypographyVariant } from "../typography";
 declare const _default: import("vue").DefineComponent<{
     ariaLabel: {
         type: StringConstructor;
@@ -25,16 +24,15 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     toggleInput: import("vue").Ref<boolean>;
-    BentoTypographyElement: typeof BentoTypographyElement;
-    BentoTypographyVariant: typeof BentoTypographyVariant;
     computedAriaLabel: import("vue").ComputedRef<string>;
     computedDescription: import("vue").ComputedRef<string>;
-    defaultSlotValue: boolean;
-    descriptionSlotValue: boolean;
+    defaultSlotValue: string;
+    descriptionSlotValue: string;
     conditionalClasses: import("vue").ComputedRef<{
         [key: string]: boolean;
     }>;
     descriptionId: string;
+    hasSlot: (name: string) => boolean;
     onChange: (event: Event) => void;
     onClick: (event: Event) => void;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "input"[], string, Readonly<import("vue").ExtractPropTypes<{
@@ -62,8 +60,8 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     value: boolean;
     disabled: boolean;
-    ariaLabel: string;
     readonly: boolean;
+    ariaLabel: string;
     labelPosition: "after" | "before" | BentoToggleLabelPosition;
 }>;
 export default _default;

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

@@ -1,15 +1,14 @@
 import { PropType } from 'vue';
-import { PopperContainerAriaRole, PopperContainerPositionExtended } from "../popper-container";
-import { BentoTypographyElement, BentoTypographyVariant } from "../typography";
+import { PopperContainerAriaRole } from "../popper-container";
 import { VueNodeElement } from "../../types";
 export declare const Tooltip: {
     name: string;
     components: {
         BentoTypography: import("vue").DefineComponent<{
             el: {
-                type: PropType<"div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | BentoTypographyElement>;
-                default: BentoTypographyElement;
-                validator: (value: BentoTypographyElement) => boolean;
+                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;
@@ -20,9 +19,9 @@ export declare const Tooltip: {
                 default: boolean;
             };
             variant: {
-                type: PropType<"body" | "caption" | "title" | "subtitle" | BentoTypographyVariant>;
-                default: BentoTypographyVariant;
-                validator: (value: BentoTypographyVariant) => boolean;
+                type: PropType<"body" | "caption" | "title" | "subtitle" | import("../typography").BentoTypographyVariant>;
+                default: import("../typography").BentoTypographyVariant;
+                validator: (value: import("../typography").BentoTypographyVariant) => boolean;
             };
             medium: {
                 type: BooleanConstructor;
@@ -42,9 +41,9 @@ export declare const Tooltip: {
             }>;
         }, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
             el: {
-                type: PropType<"div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | BentoTypographyElement>;
-                default: BentoTypographyElement;
-                validator: (value: BentoTypographyElement) => boolean;
+                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;
@@ -55,9 +54,9 @@ export declare const Tooltip: {
                 default: boolean;
             };
             variant: {
-                type: PropType<"body" | "caption" | "title" | "subtitle" | BentoTypographyVariant>;
-                default: BentoTypographyVariant;
-                validator: (value: BentoTypographyVariant) => boolean;
+                type: PropType<"body" | "caption" | "title" | "subtitle" | import("../typography").BentoTypographyVariant>;
+                default: import("../typography").BentoTypographyVariant;
+                validator: (value: import("../typography").BentoTypographyVariant) => boolean;
             };
             medium: {
                 type: BooleanConstructor;
@@ -72,11 +71,11 @@ export declare const Tooltip: {
                 default: boolean;
             };
         }>>, {
-            el: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | BentoTypographyElement;
+            el: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | import("../typography").BentoTypographyElement;
             wide: boolean;
             stronger: boolean;
             strongest: boolean;
-            variant: "body" | "caption" | "title" | "subtitle" | BentoTypographyVariant;
+            variant: "body" | "caption" | "title" | "subtitle" | import("../typography").BentoTypographyVariant;
             medium: boolean;
             large: boolean;
         }>;
@@ -85,17 +84,13 @@ export declare const Tooltip: {
                 type: StringConstructor;
                 default: any;
             };
-            ariaLabel: {
-                type: StringConstructor;
-                default: any;
-            };
             targetElement: {
                 type: PropType<VueNodeElement>;
                 required: true;
             };
             position: {
-                type: PropType<"left" | "auto" | "top" | "right" | "bottom" | "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: PopperContainerPositionExtended;
+                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;
             };
             fixedPositioning: {
@@ -149,17 +144,13 @@ export declare const Tooltip: {
                 type: StringConstructor;
                 default: any;
             };
-            ariaLabel: {
-                type: StringConstructor;
-                default: any;
-            };
             targetElement: {
                 type: PropType<VueNodeElement>;
                 required: true;
             };
             position: {
-                type: PropType<"left" | "auto" | "top" | "right" | "bottom" | "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: PopperContainerPositionExtended;
+                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;
             };
             fixedPositioning: {
@@ -197,13 +188,12 @@ export declare const Tooltip: {
                 validator: (value: unknown) => boolean;
             };
         }>>, {
-            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[];
             modifiers: unknown[];
             arrow: any;
-            offset: number[];
-            position: "left" | "auto" | "top" | "right" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition;
             matchWidth: boolean;
-            ariaLabel: string;
+            id: string;
             fixedPositioning: boolean;
             disabledFocusTrap: boolean;
             fallbackPosition: import("../popper-container").FallbackPositionProp;
@@ -238,10 +228,7 @@ export declare const Tooltip: {
         };
     };
     setup(props: any): {
-        BentoTypographyElement: typeof BentoTypographyElement;
-        BentoTypographyVariant: typeof BentoTypographyVariant;
         PopperContainerAriaRole: typeof PopperContainerAriaRole;
-        PopperContainerPositionExtended: typeof PopperContainerPositionExtended;
         conditionalClasses: import("vue").ComputedRef<{
             [x: string]: boolean;
         }>;
@@ -275,10 +262,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }, {
-    BentoTypographyElement: typeof BentoTypographyElement;
-    BentoTypographyVariant: typeof BentoTypographyVariant;
     PopperContainerAriaRole: typeof PopperContainerAriaRole;
-    PopperContainerPositionExtended: typeof PopperContainerPositionExtended;
     conditionalClasses: import("vue").ComputedRef<{
         [x: string]: boolean;
     }>;
@@ -310,9 +294,9 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }>>, {
-    id: string;
-    offset: number;
     position: import("../popper-container").PopperContainerPositionBasic;
+    offset: number;
+    id: string;
     isShown: boolean;
 }>;
 export default _default;

package/dist/@types/packages/vue2/src/composables/use-default-slot-validator/use-default-slot-validator.d.ts

@@ -1 +1,2 @@
-export declare const useDefaultSlotValidator: (componentName: string, hasDefaultSlot: boolean, ...hasOptionalSlots: boolean[]) => void;
+import type { Slot } from 'vue/types/v3-setup-context';
+export declare const useDefaultSlotValidator: (componentName: string, defaultSlot: Slot, ...optionalSlots: Slot[]) => void;

package/dist/@types/packages/vue2/src/composables/use-has-slot/use-has-slot.d.ts

@@ -1,2 +1,5 @@
+import { VNode } from 'vue-demi';
 import type { Slots } from 'vue/types/v3-setup-context';
-export declare const useHasSlot: (slots: Slots) => (name: string) => boolean;
+export declare const useHasSlot: (slots: Slots | {
+    [key: string]: VNode[];
+}) => (name: string) => boolean;

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

@@ -1,4 +1,5 @@
 import BentoVue from './install';
+export * from './components/accordion';
 export * from './components/alert';
 export * from './components/button';
 export * from './components/data-grid';
@@ -13,8 +14,10 @@ export * from './components/country';
 export * from './components/currency';
 export * from './components/date';
 export * from './components/divider';
+export * from './components/empty-state';
 export * from './components/filter-bar';
 export * from './components/form-layout';
+export * from './components/image';
 export * from './components/info-icon';
 export * from './components/input-field';
 export * from './components/loading-indicator';

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

@@ -0,0 +1,9 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>, Record<string, (_: {}) => any> & {
+    default: (_: {}) => any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/@types/packages/vue2/src/utils/ts/print-development-warning.d.ts

@@ -0,0 +1 @@
+export declare function printDevelopmentWarning(...args: Parameters<typeof console.warn>): void;