@adyen/bento-vue3 1.3.0 → 1.4.0

package/dist/@types/packages/vue2/src/components/segmented-control/components/segmented-control-button/segmented-control-button.vue.d.ts

@@ -1,4 +1,3 @@
-import { BentoTypographyElement, BentoTypographyVariant } from "../../../typography";
 import { ComputedRef } from "../../../../../../vue3/node_modules/vue";
 declare const _default: import("../../../../../../vue3/node_modules/vue").DefineComponent<{
     label: {
@@ -22,8 +21,6 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         default: boolean;
     };
 }, {
-    BentoTypographyElement: typeof BentoTypographyElement;
-    BentoTypographyVariant: typeof BentoTypographyVariant;
     segmentedControlButtonId: string;
     isChecked: ComputedRef<boolean>;
     conditionalClasses: ComputedRef<{

package/dist/@types/packages/vue2/src/components/segmented-control/segmented-control.vue.d.ts

@@ -19,6 +19,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         default: boolean;
     };
 }, {
+    computedAriaLabel: import("../../../../vue3/node_modules/vue").ComputedRef<string>;
     inputValue: import("../../../../vue3/node_modules/vue").Ref<string | number>;
     dropdownId: string;
     segmentedControlRef: any;

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

@@ -18,4 +18,6 @@ export interface BentoSidepanelConfigData {
     hasPreviousPages: Ref<boolean>;
     isOpen: Ref<boolean>;
 }
-export type BentoSidepanelRegisterPage = (props: BentoSidepanelPageObject) => void;
+export type BentoSidepanelRegisterPage = (props: BentoSidepanelPageObject) => {
+    unregisterPage: () => void;
+};

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

@@ -1,9 +1,8 @@
 import { PropType } from "../../../../vue3/node_modules/vue";
-import { BentoTypographyElement, BentoTypographyVariant } from "../typography";
 import { BentoStatusVariant } from './status.types';
 declare const _default: import("../../../../vue3/node_modules/vue").DefineComponent<{
     variant: {
-        type: PropType<"blue" | "green" | "red" | "yellow" | "grey" | "orange" | BentoStatusVariant>;
+        type: PropType<"blue" | "green" | "grey" | "orange" | "red" | "yellow" | BentoStatusVariant>;
         required: true;
         validator: (type: BentoStatusVariant) => boolean;
     };
@@ -11,11 +10,9 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     conditionalClass: import("../../../../vue3/node_modules/vue").ComputedRef<{
         [x: string]: boolean;
     }>;
-    BentoTypographyElement: typeof BentoTypographyElement;
-    BentoTypographyVariant: typeof BentoTypographyVariant;
 }, 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<{
     variant: {
-        type: PropType<"blue" | "green" | "red" | "yellow" | "grey" | "orange" | BentoStatusVariant>;
+        type: PropType<"blue" | "green" | "grey" | "orange" | "red" | "yellow" | BentoStatusVariant>;
         required: true;
         validator: (type: BentoStatusVariant) => boolean;
     };

package/dist/@types/packages/vue2/src/components/structured-list/components/structered-list-item/structured-list-item.vue.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from "../../../../../../vue3/node_modules/vue";
-import { BentoButtonVariant } from "../../../button";
 import { BentoTypographyVariant } from "../../../typography";
 declare const _default: import("../../../../../../vue3/node_modules/vue").DefineComponent<{
     label: {
@@ -27,7 +26,6 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         'b-structured-list-item--condensed': boolean;
     }>;
     labelTypographyVariant: import("../../../../../../vue3/node_modules/vue").ComputedRef<BentoTypographyVariant.CAPTION | BentoTypographyVariant.BODY>;
-    BentoButtonVariant: typeof BentoButtonVariant;
 }, 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<{
     label: {
         type: StringConstructor;

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

@@ -1,5 +1,5 @@
 import { PropType } from "../../../../../../vue3/node_modules/vue";
-import { BentoTypographyElement, BentoTypographyVariant } from "../../../typography";
+import { BentoTypographyVariant } from "../../../typography";
 import { BentoTagVariant } from "../../../tag";
 import { BentoSummaryGridItemSize, BentoSummaryGridItemTrendDirection } from "../../summary-grid.types";
 import { SummaryGridItemType } from './summary-grid-item.types';
@@ -66,27 +66,6 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     summaryBarItemTrendConditionalClasses: import("../../../../../../vue3/node_modules/vue").ComputedRef<{
         [x: string]: string;
     }>;
-    BentoTypographyElement: typeof BentoTypographyElement;
-    BentoTypographyVariant: typeof BentoTypographyVariant;
-    SummaryGridItemType: typeof SummaryGridItemType;
-    BentoSummaryGridItemSize: typeof BentoSummaryGridItemSize;
-    PopperContainerPosition: {
-        AUTO: import("../../../popper-container").PopperContainerPositionExtended.AUTO;
-        AUTO_START: import("../../../popper-container").PopperContainerPositionExtended.AUTO_START;
-        AUTO_END: import("../../../popper-container").PopperContainerPositionExtended.AUTO_END;
-        TOP_START: import("../../../popper-container").PopperContainerPositionExtended.TOP_START;
-        TOP_END: import("../../../popper-container").PopperContainerPositionExtended.TOP_END;
-        RIGHT_START: import("../../../popper-container").PopperContainerPositionExtended.RIGHT_START;
-        RIGHT_END: import("../../../popper-container").PopperContainerPositionExtended.RIGHT_END;
-        BOTTOM_START: import("../../../popper-container").PopperContainerPositionExtended.BOTTOM_START;
-        BOTTOM_END: import("../../../popper-container").PopperContainerPositionExtended.BOTTOM_END;
-        LEFT_START: import("../../../popper-container").PopperContainerPositionExtended.LEFT_START;
-        LEFT_END: import("../../../popper-container").PopperContainerPositionExtended.LEFT_END;
-        TOP: import("../../../popper-container").PopperContainerPositionBasic.TOP;
-        RIGHT: import("../../../popper-container").PopperContainerPositionBasic.RIGHT;
-        BOTTOM: import("../../../popper-container").PopperContainerPositionBasic.BOTTOM;
-        LEFT: import("../../../popper-container").PopperContainerPositionBasic.LEFT;
-    };
     hasSlot: (name: 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<{
     copy: {
@@ -134,8 +113,8 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         validator: (value: BentoSummaryGridItemTrendDirection) => boolean;
     };
 }>>, {
-    copy: string;
     size: "small" | "medium" | "large" | BentoSummaryGridItemSize;
+    copy: string;
     fitContent: boolean;
     infoIconTooltipText: string;
     itemType: "text" | "numeric" | "custom" | "amount" | "percentage" | SummaryGridItemType;

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

@@ -1,6 +1,5 @@
 import { PropType } from "../../../../../../vue3/node_modules/vue";
 import { BentoSummaryGridItemSize, BentoSummaryGridItemTrendDirection } from "../../summary-grid.types";
-import { SummaryGridItemType } from '../summary-grid-item';
 declare const _default: import("../../../../../../vue3/node_modules/vue").DefineComponent<{
     copy: {
         type: StringConstructor;
@@ -53,9 +52,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         default: BentoSummaryGridItemSize;
         validator: (value: BentoSummaryGridItemSize) => boolean;
     };
-}, {
-    SummaryGridItemType: typeof SummaryGridItemType;
-}, 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<{
+}, unknown, 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<{
     copy: {
         type: StringConstructor;
         default: any;
@@ -108,8 +105,8 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         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-numeric/summary-grid-item-numeric.vue.d.ts

@@ -1,6 +1,5 @@
 import { PropType } from "../../../../../../vue3/node_modules/vue";
 import { BentoSummaryGridItemSize, BentoSummaryGridItemTrendDirection } from "../../summary-grid.types";
-import { SummaryGridItemType } from '../summary-grid-item';
 declare const _default: import("../../../../../../vue3/node_modules/vue").DefineComponent<{
     copy: {
         type: StringConstructor;
@@ -49,9 +48,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         default: BentoSummaryGridItemSize;
         validator: (value: BentoSummaryGridItemSize) => boolean;
     };
-}, {
-    SummaryGridItemType: typeof SummaryGridItemType;
-}, 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<{
+}, unknown, 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<{
     copy: {
         type: StringConstructor;
         default: any;
@@ -100,8 +97,8 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         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 "../../../../../../vue3/node_modules/vue";
 import { BentoSummaryGridItemSize, BentoSummaryGridItemTrendDirection } from "../../summary-grid.types";
-import { SummaryGridItemType } from '../summary-grid-item';
 declare const _default: import("../../../../../../vue3/node_modules/vue").DefineComponent<{
     label: {
         type: StringConstructor;
@@ -49,9 +48,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         default: BentoSummaryGridItemSize;
         validator: (value: BentoSummaryGridItemSize) => boolean;
     };
-}, {
-    SummaryGridItemType: typeof SummaryGridItemType;
-}, 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<{
+}, unknown, 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<{
     label: {
         type: StringConstructor;
         required: true;
@@ -100,8 +97,8 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         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("../../../../../../vue3/node_modules/vue").DefineComponent<{
     copy: {
         type: StringConstructor;
@@ -20,9 +19,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         type: BooleanConstructor;
         default: boolean;
     };
-}, {
-    SummaryGridItemType: typeof SummaryGridItemType;
-}, 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<{
+}, unknown, 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<{
     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("../../../../../vue3/node_modules/vue").DefineCom
 }, {
     activeTabId: unknown;
     id: string;
+    computedTitle: import("../../../../../vue3/node_modules/vue").ComputedRef<string>;
 }, 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<{
     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 "../../../../vue3/node_modules/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 "../../../../vue3/node_modules/vue";
+import { BentoTab } from './components/tab.types';
 import { BentoTabsEvent } from './tabs.types';
 declare const _default: import("../../../../vue3/node_modules/vue").DefineComponent<{
     activeTabIndex: {
@@ -6,15 +7,9 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         default: number;
     };
 }, {
-    BentoTypographyElement: typeof BentoTypographyElement;
-    BentoTypographyVariant: typeof BentoTypographyVariant;
-    tabs: import("../../../../vue3/node_modules/vue").Ref<{
-        disabled: boolean;
-        id: string;
-        title: string;
-    }[]>;
+    tabs: Ref<BentoTab[]>;
     tablist: any;
-    activeTabId: import("../../../../vue3/node_modules/vue").Ref<string>;
+    activeTabId: Ref<string>;
     onKeydownTabsNavigation: (e: KeyboardEvent) => void;
     handleTabChange: (tabId: string) => void;
 }, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, BentoTabsEvent[], BentoTabsEvent, 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<{

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

@@ -1,13 +1,12 @@
 import { PropType } from "../../../../vue3/node_modules/vue";
 import { BentoTagVariant } from './tag.types';
-import { BentoTypographyElement, BentoTypographyVariant } from "../typography";
 declare const _default: import("../../../../vue3/node_modules/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;
     };
@@ -17,21 +16,19 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     };
 }, {
     computedAriaLabel: import("../../../../vue3/node_modules/vue").ComputedRef<string>;
-    textFromSlot: import("../../../../vue3/node_modules/vue").ComputedRef<any>;
-    formattedText: import("../../../../vue3/node_modules/vue").ComputedRef<any>;
+    textFromSlot: import("../../../../vue3/node_modules/vue").ComputedRef<string>;
+    formattedText: import("../../../../vue3/node_modules/vue").ComputedRef<string>;
     tagConditionalClasses: import("../../../../vue3/node_modules/vue").ComputedRef<{
-        [x: string]: "blue" | "green" | "red" | "grey" | "orange" | "white" | BentoTagVariant;
+        [x: string]: "blue" | "green" | "grey" | "orange" | "red" | "white" | BentoTagVariant;
     }>;
     shouldShowTooltip: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
-    BentoTypographyVariant: typeof BentoTypographyVariant;
-    BentoTypographyElement: typeof BentoTypographyElement;
 }, 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<{
     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("../../../../vue3/node_modules/vue").DefineCompon
     };
 }>>, {
     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 "../../../../vue3/node_modules/vue";
 import { BentoTextareaEvent, BentoTextareaResizeOption } from './textarea.types';
-import { BentoTypographyElement } from "../typography";
-import { BentoButtonVariant } from "../button";
 declare const _default: import("../../../../vue3/node_modules/vue").DefineComponent<{
     ariaLabel: {
         type: StringConstructor;
@@ -48,7 +46,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         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("../../../../vue3/node_modules/vue").DefineCompon
         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("../../../../vue3/node_modules/vue").DefineCompon
         default: boolean;
     };
     resizable: {
-        type: PropType<"vertical" | "horizontal" | "none" | "both" | BentoTextareaResizeOption>;
+        type: PropType<"none" | "both" | "horizontal" | "vertical" | BentoTextareaResizeOption>;
         default: BentoTextareaResizeOption;
         validator: (value: BentoTextareaResizeOption) => boolean;
     };
@@ -171,16 +167,16 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     value: string;
     required: boolean;
     label: string;
-    disabled: boolean;
     height: string;
-    ariaLabel: string;
-    description: string;
+    disabled: boolean;
     placeholder: string;
+    description: 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 "../../../../../../vue3/node_modules/vue";
-import { BentoButtonVariant } from "../../../button";
-import { BentoTypographyElement, BentoTypographyVariant } from "../../../typography";
 import { BentoTimelineDataList, BentoTimelineItemVariant, BentoTimelineTimestamp } from '../../timeline.types';
 declare const _default: import("../../../../../../vue3/node_modules/vue").DefineComponent<{
     additionalTimestamp: {
@@ -18,7 +16,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     tag: {
         type: PropType<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("../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
             label: {
@@ -26,7 +24,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                 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;
             };
@@ -74,10 +72,6 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     }>, 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;
 }, 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<{
     additionalTimestamp: {
         type: PropType<BentoTimelineTimestamp>;
@@ -94,7 +88,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     tag: {
         type: PropType<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("../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
             label: {
@@ -102,7 +96,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                 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 "../../../../../../vue3/node_modules/vue";
 import { BentoToastItemAction } from './toast-item.types';
-import { BentoButtonVariant } from "../../../button";
-import { BentoTypographyElement, BentoTypographyVariant } from "../../../typography";
 declare const _default: import("../../../../../../vue3/node_modules/vue").DefineComponent<{
     text: {
         type: StringConstructor;
@@ -12,9 +10,6 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         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 "../../../../vue3/node_modules/vue";
 import { BentoToggleLabelPosition } from './toggle.types';
-import { BentoTypographyElement, BentoTypographyVariant } from "../typography";
 declare const _default: import("../../../../vue3/node_modules/vue").DefineComponent<{
     ariaLabel: {
         type: StringConstructor;
@@ -25,16 +24,15 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     };
 }, {
     toggleInput: import("../../../../vue3/node_modules/vue").Ref<boolean>;
-    BentoTypographyElement: typeof BentoTypographyElement;
-    BentoTypographyVariant: typeof BentoTypographyVariant;
     computedAriaLabel: import("../../../../vue3/node_modules/vue").ComputedRef<string>;
     computedDescription: import("../../../../vue3/node_modules/vue").ComputedRef<string>;
-    defaultSlotValue: boolean;
-    descriptionSlotValue: boolean;
+    defaultSlotValue: string;
+    descriptionSlotValue: string;
     conditionalClasses: import("../../../../vue3/node_modules/vue").ComputedRef<{
         [key: string]: boolean;
     }>;
     descriptionId: string;
+    hasSlot: (name: string) => boolean;
     onChange: (event: Event) => void;
     onClick: (event: Event) => void;
 }, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, "input"[], "input", 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<{
@@ -64,8 +62,8 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
 }, {
     value: boolean;
     disabled: boolean;
-    ariaLabel: string;
     readonly: boolean;
+    ariaLabel: string;
     labelPosition: "after" | "before" | BentoToggleLabelPosition;
 }>;
 export default _default;