@adyen/bento-vue3 1.3.0 → 1.4.0

package/dist/@types/packages/vue2/src/components/filter-bar/components/range-filter/range-filter.vue.d.ts

@@ -1,6 +1,5 @@
 import { PropType } from "../../../../../../vue3/node_modules/vue";
 import { BentoFilterEvent } from '../../filter-bar.types';
-import { BentoInputFieldType } from "../../../input-field";
 declare const _default: import("../../../../../../vue3/node_modules/vue").DefineComponent<{
     defaultValue: {
         type: PropType<string[]>;
@@ -23,7 +22,6 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         default: boolean;
     };
 }, {
-    BentoInputFieldType: typeof BentoInputFieldType;
     inputTextRef: any;
     appliedFiltersCount: import("../../../../../../vue3/node_modules/vue").ComputedRef<number>;
     conditionalClasses: import("../../../../../../vue3/node_modules/vue").ComputedRef<{

package/dist/@types/packages/vue2/src/components/filter-bar/components/select-filter/select-filter.vue.d.ts

@@ -75,8 +75,8 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     onUpdate?: (...args: any[]) => any;
 }, {
     value: BentoListboxSelectedValue;
-    options: BentoSelectFilterOptions;
     defaultValue: BentoListboxSelectedValue;
+    options: BentoSelectFilterOptions;
     onlySlot: boolean;
 }>;
 export default _default;

package/dist/@types/packages/vue2/src/components/filter-bar/components/select-filter/variants/select-country-filter/select-country-filter.vue.d.ts

@@ -1,10 +1,8 @@
-import { BentoCountryVariant } from "../../../../../country";
 import { BentoListboxSelectedValue } from "../../../../../../types";
 import { BentoFilterEvent } from "../../../..";
 declare const _default: import("../../../../../../../../vue3/node_modules/vue").DefineComponent<any, {
     countryOptions: import("../../../../../../../../vue3/node_modules/vue").ComputedRef<any>;
     onUpdate: (selectedValue: BentoListboxSelectedValue) => void;
-    BentoCountryVariant: typeof BentoCountryVariant;
     BentoFilterEvent: typeof BentoFilterEvent;
 }, unknown, {}, {}, import("../../../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, BentoFilterEvent[], BentoFilterEvent, import("../../../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<any> & {
     onInput?: (...args: any[]) => any;

package/dist/@types/packages/vue2/src/components/filter-bar/components/select-filter/variants/select-tag-filter/select-tag-filter.vue.d.ts

@@ -1,10 +1,8 @@
-import { BentoCountryVariant } from "../../../../../country";
 import { BentoListboxSelectedValue } from "../../../../../../types";
 import { BentoFilterEvent } from "../../../..";
 declare const _default: import("../../../../../../../../vue3/node_modules/vue").DefineComponent<any, {
     countryOptions: import("../../../../../../../../vue3/node_modules/vue").ComputedRef<any>;
     onUpdate: (selectedValue: BentoListboxSelectedValue) => void;
-    BentoCountryVariant: typeof BentoCountryVariant;
     BentoFilterEvent: typeof BentoFilterEvent;
 }, unknown, {}, {}, import("../../../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, BentoFilterEvent[], BentoFilterEvent, import("../../../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<any> & {
     onInput?: (...args: any[]) => any;

package/dist/@types/packages/vue2/src/components/filter-bar/filter-bar.vue.d.ts

@@ -1,6 +1,5 @@
 import { PropType } from "../../../../vue3/node_modules/vue";
 import { BentoFilterBarEvent, BentoFilterBarModel, BentoFilterModel } from './filter-bar.types';
-import { BentoButtonVariant } from "../button";
 import { BentoSearchBarEvent } from "../search-bar";
 declare const _default: import("../../../../vue3/node_modules/vue").DefineComponent<{
     searchTerm: {
@@ -19,7 +18,6 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     persistentFilters: import("../../../../vue3/node_modules/vue").ComputedRef<BentoFilterModel[]>;
     regularFilters: import("../../../../vue3/node_modules/vue").ComputedRef<BentoFilterModel[]>;
     isResetAllVisible: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
-    BentoButtonVariant: typeof BentoButtonVariant;
     updateAllFilters: (newFilters: BentoFilterBarModel) => void;
     updateFilterHandler: (updatedFilter: BentoFilterModel) => void;
     clearAllFilters: () => void;

package/dist/@types/packages/vue2/src/components/focus-trap/focus-trap.vue.d.ts

@@ -22,6 +22,13 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     shouldPreventNavigation(): boolean;
     onKeyDown(event: KeyboardEvent): void;
     disable(): void;
+    useHasSlot: (slots: Readonly<{
+        [name: string]: import("../../../../vue3/node_modules/vue").Slot;
+    }> | {
+        [key: string]: import("../../../../vue3/node_modules/vue").VNode<import("../../../../vue3/node_modules/vue").RendererNode, import("../../../../vue3/node_modules/vue").RendererElement, {
+            [key: string]: any;
+        }>[];
+    }) => (name: string) => boolean;
 }, 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<{
     arrowNavigation: {
         type: PropType<BentoFocusTrapArrowNavigationDirection>;

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

@@ -33,8 +33,6 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         medium: boolean;
         large: 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<"component" | "page" | BentoHeaderVariant>;

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

@@ -0,0 +1 @@
+export declare const mockImage = "data:image/png;base64,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";

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

@@ -0,0 +1,19 @@
+export declare enum BentoImageAspectRatio {
+    LANDSCAPE = "landscape",
+    P4_3 = "4:3",
+    P3_3 = "3:3",
+    P16_9 = "16:9",
+    P2_1 = "2:1",
+    PORTRAIT = "portrait",
+    P3_4 = "3:4",
+    P2_3 = "2:3",
+    P9_16 = "9:16",
+    P1_2 = "1:2",
+    SQUARE = "square",
+    P1_1 = "1:1"
+}
+export declare enum BentoImageObjectFit {
+    COVER = "cover",
+    FILL = "fill",
+    CONTAIN = "contain"
+}

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

@@ -0,0 +1,50 @@
+import { PropType } from "../../../../vue3/node_modules/vue";
+import { BentoImageAspectRatio, BentoImageObjectFit } from './image.types';
+declare const _default: import("../../../../vue3/node_modules/vue").DefineComponent<{
+    src: {
+        type: StringConstructor;
+        required: true;
+    };
+    alt: {
+        type: StringConstructor;
+        required: true;
+    };
+    aspectRatio: {
+        type: PropType<"square" | "landscape" | "4:3" | "3:3" | "16:9" | "2:1" | "portrait" | "3:4" | "2:3" | "9:16" | "1:2" | "1:1" | BentoImageAspectRatio>;
+        default: any;
+        validator: (value: BentoImageAspectRatio) => boolean;
+    };
+    objectFit: {
+        type: PropType<"fill" | "contain" | "cover" | BentoImageObjectFit>;
+        default: any;
+        validator: (value: BentoImageObjectFit) => boolean;
+    };
+}, {
+    imageStyles: import("../../../../vue3/node_modules/vue").ComputedRef<{
+        aspectRatio: string;
+        objectFit: "fill" | "contain" | "cover" | BentoImageObjectFit;
+    }>;
+}, 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<{
+    src: {
+        type: StringConstructor;
+        required: true;
+    };
+    alt: {
+        type: StringConstructor;
+        required: true;
+    };
+    aspectRatio: {
+        type: PropType<"square" | "landscape" | "4:3" | "3:3" | "16:9" | "2:1" | "portrait" | "3:4" | "2:3" | "9:16" | "1:2" | "1:1" | BentoImageAspectRatio>;
+        default: any;
+        validator: (value: BentoImageAspectRatio) => boolean;
+    };
+    objectFit: {
+        type: PropType<"fill" | "contain" | "cover" | BentoImageObjectFit>;
+        default: any;
+        validator: (value: BentoImageObjectFit) => boolean;
+    };
+}>>, {
+    aspectRatio: "square" | "landscape" | "4:3" | "3:3" | "16:9" | "2:1" | "portrait" | "3:4" | "2:3" | "9:16" | "1:2" | "1:1" | BentoImageAspectRatio;
+    objectFit: "fill" | "contain" | "cover" | BentoImageObjectFit;
+}>;
+export default _default;

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

@@ -0,0 +1 @@
+export { default as BentoImage } from './image.vue';

package/dist/@types/packages/vue2/src/components/info-icon/info-icon.vue.d.ts

@@ -6,7 +6,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         required: true;
     };
     tooltipPosition: {
-        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" | PopperContainerPosition>;
+        type: PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | PopperContainerPosition>;
         default: import("../popper-container").PopperContainerPositionExtended;
         validator: (value: PopperContainerPosition) => boolean;
     };
@@ -16,11 +16,11 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         required: true;
     };
     tooltipPosition: {
-        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" | PopperContainerPosition>;
+        type: PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | PopperContainerPosition>;
         default: import("../popper-container").PopperContainerPositionExtended;
         validator: (value: PopperContainerPosition) => boolean;
     };
 }>>, {
-    tooltipPosition: "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" | PopperContainerPosition;
+    tooltipPosition: "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" | PopperContainerPosition;
 }>;
 export default _default;

package/dist/@types/packages/vue2/src/components/input-field/input-field.types.d.ts

@@ -10,6 +10,7 @@ export declare enum BentoInputFieldElementPosition {
     END = "end"
 }
 export declare enum BentoInputFieldStateClass {
+    CONDENSED = "condensed",
     DISABLED = "disabled",
     READONLY = "readonly",
     ERROR = "error",

package/dist/@types/packages/vue2/src/components/input-field/input-field.vue.d.ts

@@ -1,9 +1,7 @@
 import { PropType } from "../../../../vue3/node_modules/vue";
-import { BentoInputDropdownProps, BentoInputFieldElementPosition, BentoInputFieldEvent, BentoInputFieldType, BentoInputFieldValue, BentoInputFieldVariant } from './input-field.types';
-import { BentoTypographyElement, BentoTypographyVariant } from "../typography";
-import { BentoDropdownSize } from '../dropdown/dropdown.types';
+import { BentoInputDropdownProps, BentoInputFieldElementPosition, BentoInputFieldType, BentoInputFieldValue, BentoInputFieldVariant } from './input-field.types';
 import { BentoListboxSelectedValue } from "../../types";
-declare const _default: import("../../../../vue3/node_modules/vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_modules/vue").DefineComponent<{
     ariaHidden: {
         type: BooleanConstructor;
         default: boolean;
@@ -12,6 +10,10 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         type: StringConstructor;
         default: any;
     };
+    condensed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -21,7 +23,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         default: any;
     };
     dropdownPosition: {
-        type: PropType<"start" | "end" | BentoInputFieldElementPosition>;
+        type: PropType<"end" | "start" | BentoInputFieldElementPosition>;
         default: BentoInputFieldElementPosition;
         validator: (value: BentoInputFieldElementPosition) => boolean;
     };
@@ -54,12 +56,12 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         default: string;
     };
     staticValuePosition: {
-        type: PropType<"start" | "end" | BentoInputFieldElementPosition>;
+        type: PropType<"end" | "start" | BentoInputFieldElementPosition>;
         default: BentoInputFieldElementPosition;
         validator: (value: BentoInputFieldElementPosition) => boolean;
     };
     type: {
-        type: PropType<"number" | "search" | "text" | BentoInputFieldType>;
+        type: PropType<"number" | "text" | "search" | BentoInputFieldType>;
         default: BentoInputFieldType;
         validator: (value: BentoInputFieldType) => boolean;
     };
@@ -73,42 +75,24 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         validator: (value: BentoInputFieldVariant) => boolean;
     };
 }, {
-    BentoTypographyVariant: typeof BentoTypographyVariant;
-    BentoTypographyElement: typeof BentoTypographyElement;
-    BentoInputFieldVariant: typeof BentoInputFieldVariant;
-    BentoDropdownSize: typeof BentoDropdownSize;
-    BentoInputFieldEvent: typeof BentoInputFieldEvent;
-    t: import("vue-i18n-bridge").ComposerTranslation<import("../../utils/ts/i18n").i18nMessages, string, import("@intlify/core-base").RemoveIndexSignature<{
-        [x: string]: import("vue-i18n-bridge").LocaleMessageValue<import("vue-i18n-bridge").VueMessageType>;
-    }>, never, import("@intlify/core-base")._ResourcePath<{
-        [key: string]: string;
-    }>, import("@intlify/core-base")._ResourcePath<{
-        [key: string]: string;
-    }>> | ((key: "required" | "optional", values?: import("vue-i18n").default.Values) => string);
-    onDropdownInput: (selectedValue: BentoListboxSelectedValue) => void;
-    onInput: (event: Event) => void;
     focusInput: () => void;
-    hasSlot: (name: string) => boolean;
-    inputFieldConditionalClasses: import("../../../../vue3/node_modules/vue").ComputedRef<{
-        [x: string]: boolean;
-    }>;
-    inputFieldElement: any;
-    inputFieldId: string;
-    dropdownId: string;
-    staticValueId: string;
-    descriptionId: string;
-    errorId: string;
-    isReadOnly: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
-    shouldDisplayStaticValueAtStart: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
-    shouldDisplayStaticValueAtEnd: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
-    shouldShowDropdown: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
-    shouldDisplayDropdownAtStart: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
-    shouldDisplayDropdownAtEnd: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
-    shouldShowError: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
-    computedAriaOwns: import("../../../../vue3/node_modules/vue").ComputedRef<string>;
-    computedAriaLabel: import("../../../../vue3/node_modules/vue").ComputedRef<any>;
-    computedAriaDescribedBy: import("../../../../vue3/node_modules/vue").ComputedRef<string>;
-}, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, BentoInputFieldEvent[], BentoInputFieldEvent, 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, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, {
+    "update:dropdown": (updatedDropdownProps: BentoInputDropdownProps) => void;
+} & {
+    blur: () => void;
+} & {
+    change: () => void;
+} & {
+    "dropdown-input": (selectedValue: BentoListboxSelectedValue) => void;
+} & {
+    "escape-pressed": () => void;
+} & {
+    focus: () => void;
+} & {
+    keydown: (event: KeyboardEvent) => void;
+} & {
+    input: (inputValue: string) => void;
+}, 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<{
     ariaHidden: {
         type: BooleanConstructor;
         default: boolean;
@@ -117,6 +101,10 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         type: StringConstructor;
         default: any;
     };
+    condensed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -126,7 +114,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         default: any;
     };
     dropdownPosition: {
-        type: PropType<"start" | "end" | BentoInputFieldElementPosition>;
+        type: PropType<"end" | "start" | BentoInputFieldElementPosition>;
         default: BentoInputFieldElementPosition;
         validator: (value: BentoInputFieldElementPosition) => boolean;
     };
@@ -159,12 +147,12 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         default: string;
     };
     staticValuePosition: {
-        type: PropType<"start" | "end" | BentoInputFieldElementPosition>;
+        type: PropType<"end" | "start" | BentoInputFieldElementPosition>;
         default: BentoInputFieldElementPosition;
         validator: (value: BentoInputFieldElementPosition) => boolean;
     };
     type: {
-        type: PropType<"number" | "search" | "text" | BentoInputFieldType>;
+        type: PropType<"number" | "text" | "search" | BentoInputFieldType>;
         default: BentoInputFieldType;
         validator: (value: BentoInputFieldType) => boolean;
     };
@@ -178,30 +166,45 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         validator: (value: BentoInputFieldVariant) => boolean;
     };
 }>> & {
-    onFocus?: (...args: any[]) => any;
-    onBlur?: (...args: any[]) => any;
-    onChange?: (...args: any[]) => any;
-    onInput?: (...args: any[]) => any;
-    onKeydown?: (...args: any[]) => any;
-    "onEscape-pressed"?: (...args: any[]) => any;
-    "onUpdate:dropdown"?: (...args: any[]) => any;
-    "onDropdown-input"?: (...args: any[]) => any;
+    onFocus?: () => any;
+    onBlur?: () => any;
+    onChange?: () => any;
+    onInput?: (inputValue: string) => any;
+    onKeydown?: (event: KeyboardEvent) => any;
+    "onEscape-pressed"?: () => any;
+    "onUpdate:dropdown"?: (updatedDropdownProps: BentoInputDropdownProps) => any;
+    "onDropdown-input"?: (selectedValue: BentoListboxSelectedValue) => any;
 }, {
     value: BentoInputFieldValue;
-    type: "number" | "search" | "text" | BentoInputFieldType;
+    type: "number" | "text" | "search" | BentoInputFieldType;
     required: boolean;
-    disabled: boolean;
     variant: "default" | "payment-method" | "static-value" | "dropdown" | BentoInputFieldVariant;
+    condensed: boolean;
+    disabled: boolean;
     error: boolean;
-    ariaLabel: string;
     placeholder: string;
     optional: boolean;
     errorMessage: string;
     readonly: boolean;
+    ariaLabel: string;
     dropdown: BentoInputDropdownProps;
     ariaHidden: boolean;
-    dropdownPosition: "start" | "end" | BentoInputFieldElementPosition;
+    dropdownPosition: "end" | "start" | BentoInputFieldElementPosition;
     staticValue: string;
-    staticValuePosition: "start" | "end" | BentoInputFieldElementPosition;
+    staticValuePosition: "end" | "start" | BentoInputFieldElementPosition;
+}>, {
+    default: (_: {}) => any;
+    defaultIconBefore: (_: {}) => any;
+    paymentMethod: (_: {}) => any;
+    staticValue: (_: {}) => any;
+    iconAfter: (_: {}) => any;
+    description: (_: {
+        id: string;
+    }) => any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,5 +1,4 @@
 import { BentoAvatarImageColor, BentoAvatarImageVariant } from "../../avatar-image";
-import { BentoTypographyElement, BentoTypographyVariant } from "../../typography";
 declare const _default: import("../../../../../vue3/node_modules/vue").DefineComponent<{
     iconOnly: {
         type: BooleanConstructor;
@@ -15,8 +14,6 @@ declare const _default: import("../../../../../vue3/node_modules/vue").DefineCom
     };
 }, {
     BentoAvatarImageVariant: typeof BentoAvatarImageVariant;
-    BentoTypographyElement: typeof BentoTypographyElement;
-    BentoTypographyVariant: typeof BentoTypographyVariant;
     computedAriaLabel: import("../../../../../vue3/node_modules/vue").ComputedRef<string>;
     computedUsername: import("../../../../../vue3/node_modules/vue").ComputedRef<string>;
     avatarColor: import("../../../../../vue3/node_modules/vue").ComputedRef<BentoAvatarImageColor>;

package/dist/@types/packages/vue2/src/components/internal/base-button/base-button.vue.d.ts

@@ -1,6 +1,5 @@
 import { PropType } from "../../../../../vue3/node_modules/vue";
 import { BentoBaseButtonEvent } from './base-button.types';
-import { BentoTypographyElement, BentoTypographyVariant } from "../../typography";
 import { Booleanish } from "../../../types";
 declare const _default: import("../../../../../vue3/node_modules/vue").DefineComponent<{
     disabled: {
@@ -16,8 +15,6 @@ declare const _default: import("../../../../../vue3/node_modules/vue").DefineCom
         default: string;
     };
 }, {
-    BentoTypographyElement: typeof BentoTypographyElement;
-    BentoTypographyVariant: typeof BentoTypographyVariant;
     ariaAttributes: import("../../../../../vue3/node_modules/vue").ComputedRef<{
         'aria-expanded': Booleanish;
     }>;
@@ -47,7 +44,7 @@ declare const _default: import("../../../../../vue3/node_modules/vue").DefineCom
     "onKeydown.esc"?: (...args: any[]) => any;
 }, {
     type: "button" | "submit" | "reset";
-    critical: boolean;
     disabled: boolean;
+    critical: boolean;
 }>;
 export default _default;

package/dist/@types/packages/vue2/src/components/internal/calendar/components/calendar-month/calendar-month.vue.d.ts

@@ -1,7 +1,5 @@
 import { PropType } from "../../../../../../../vue3/node_modules/vue";
-import { BentoButtonVariant } from "../../../../button";
 import { CalendarMonthDayVariant } from './components/calendar-month-day';
-import { BentoTypographyElement, BentoTypographyVariant } from "../../../../typography";
 import { CalendarMonthEvent, CalendarMonthFirstDayOfWeek, CalendarMonthIsDateDisabled, CalendarMonthPosition } from './calendar-month.types';
 declare const _default: import("../../../../../../../vue3/node_modules/vue").DefineComponent<{
     endDate: {
@@ -42,9 +40,6 @@ declare const _default: import("../../../../../../../vue3/node_modules/vue").Def
     shouldShowNextMonthButton: import("../../../../../../../vue3/node_modules/vue").ComputedRef<boolean>;
     shouldShowPreviousMonthButton: import("../../../../../../../vue3/node_modules/vue").ComputedRef<boolean>;
     monthLabelId: string;
-    BentoButtonVariant: typeof BentoButtonVariant;
-    BentoTypographyElement: typeof BentoTypographyElement;
-    BentoTypographyVariant: typeof BentoTypographyVariant;
     CalendarMonthEvent: typeof CalendarMonthEvent;
     isSelectedDate: (day: Date) => boolean;
     showNextMonth: (amountOfMonths?: number) => void;

package/dist/@types/packages/vue2/src/components/internal/calendar/components/calendar-month/components/calendar-month-day/calendar-month-day.vue.d.ts

@@ -25,7 +25,7 @@ declare const _default: import("../../../../../../../../../vue3/node_modules/vue
     }>;
     BentoDateFormat: typeof BentoDateFormat;
     CalendarMonthDayEvent: typeof CalendarMonthDayEvent;
-    onClick: (selectedDay: Date) => void;
+    onClick: (e: MouseEvent | KeyboardEvent, selectedDay: Date) => void;
 }, unknown, {}, {}, import("../../../../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, CalendarMonthDayEvent[], CalendarMonthDayEvent, 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<{
     day: {
         type: DateConstructor;
@@ -48,8 +48,8 @@ declare const _default: import("../../../../../../../../../vue3/node_modules/vue
     onClick?: (...args: any[]) => any;
     onMouseover?: (...args: any[]) => any;
 }, {
-    disabled: boolean;
     variant: CalendarMonthDayVariant;
+    disabled: boolean;
     selected: boolean;
 }>;
 export default _default;

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

@@ -1,5 +1,4 @@
 import { PropType } from "../../../../../vue3/node_modules/vue";
-import { BentoButtonVariant } from "../../button";
 import { PopperContainerPosition } from "../../popper-container";
 declare const _default: import("../../../../../vue3/node_modules/vue").DefineComponent<{
     text: {
@@ -11,7 +10,6 @@ declare const _default: import("../../../../../vue3/node_modules/vue").DefineCom
         default: import("../../popper-container").PopperContainerPositionBasic;
     };
 }, {
-    BentoButtonVariant: typeof BentoButtonVariant;
     copyText: import("../../../../../vue3/node_modules/vue").ComputedRef<string>;
     onClickCopy: () => Promise<void>;
     resetText: () => void;

package/dist/@types/packages/vue2/src/components/internal/listbox/components/listbox-multi-select/components/listbox-multi-select-options/components/listbox-multi-select-category/listbox-multi-select-category.vue.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from "../../../../../../../../../../../vue3/node_modules/vue";
-import { BentoTypographyElement } from "../../../../../../../../typography";
 import { BentoListboxOptionItem, BentoListboxValue } from "../../../../../../../../../types";
 import { ListboxMultiSelectCategoryEvent } from './listbox-multi-select-category.types';
 declare const _default: import("../../../../../../../../../../../vue3/node_modules/vue").DefineComponent<{
@@ -24,7 +23,6 @@ declare const _default: import("../../../../../../../../../../../vue3/node_modul
     isOpen: import("../../../../../../../../../../../vue3/node_modules/vue").Ref<boolean>;
     isAllSelected: import("../../../../../../../../../../../vue3/node_modules/vue").ComputedRef<boolean>;
     isIndeterminate: import("../../../../../../../../../../../vue3/node_modules/vue").ComputedRef<boolean>;
-    BentoTypographyElement: typeof BentoTypographyElement;
     toggleOpen: (event: Event) => void;
     toggleSelectAll: (selectedValue: boolean) => void;
 }, unknown, {}, {}, import("../../../../../../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, ListboxMultiSelectCategoryEvent[], ListboxMultiSelectCategoryEvent, 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/internal/listbox/components/listbox-multi-select/components/listbox-multi-select-options/listbox-multi-select-options.vue.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from "../../../../../../../../../vue3/node_modules/vue";
-import { BentoTypographyElement } from "../../../../../../typography";
 import { BentoListboxEvent, BentoListboxOptionItem, BentoListboxOptions, BentoListboxValue } from "../../../../../../../types";
 import { ListboxMultiSelectOptionsEvent } from './listbox-multi-select-options.types';
 declare const _default: import("../../../../../../../../../vue3/node_modules/vue").DefineComponent<{
@@ -37,7 +36,6 @@ declare const _default: import("../../../../../../../../../vue3/node_modules/vue
     toggleCheckboxSelection: (value: BentoListboxValue) => void;
     selectSearch: (selectedValue: any, option: any) => void;
     BentoListboxEvent: typeof BentoListboxEvent;
-    BentoTypographyElement: typeof BentoTypographyElement;
     ListboxMultiSelectOptionsEvent: typeof ListboxMultiSelectOptionsEvent;
 }, unknown, {}, {}, import("../../../../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, ListboxMultiSelectOptionsEvent[], ListboxMultiSelectOptionsEvent, 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<{
     categoryItems: {

package/dist/@types/packages/vue2/src/components/internal/listbox/components/listbox-multi-select/listbox-multi-select.vue.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from "../../../../../../../vue3/node_modules/vue";
-import { BentoTypographyElement } from "../../../../typography";
 import { BentoListboxEvent, BentoListboxOptionItem, BentoListboxOptions, BentoListboxSelectedValue, BentoListboxValue } from "../../../../../types";
 declare const _default: import("../../../../../../../vue3/node_modules/vue").DefineComponent<{
     isOptionDisabled: {
@@ -34,7 +33,6 @@ declare const _default: import("../../../../../../../vue3/node_modules/vue").Def
     slots: Readonly<{
         [name: string]: import("../../../../../../../vue3/node_modules/vue").Slot;
     }>;
-    BentoTypographyElement: typeof BentoTypographyElement;
     BentoListboxEvent: typeof BentoListboxEvent;
     selectAllCategory: (category: BentoListboxOptionItem) => void;
     toggleCheckboxSelection: (eventName: any, value: BentoListboxValue) => void;

package/dist/@types/packages/vue2/src/components/internal/listbox/components/listbox-option-tag/listbox-option-tag.vue.d.ts

@@ -1,7 +1,6 @@
 import { PropType } from "../../../../../../../vue3/node_modules/vue";
 import type { BentoListboxOptionItem } from "../../../../../types";
 import { BentoTagVariant } from "../../../../tag";
-import { BentoTypographyElement } from "../../../../typography";
 declare const _default: import("../../../../../../../vue3/node_modules/vue").DefineComponent<{
     option: {
         type: PropType<BentoListboxOptionItem>;
@@ -9,7 +8,6 @@ declare const _default: import("../../../../../../../vue3/node_modules/vue").Def
     };
 }, {
     variant: import("../../../../../../../vue3/node_modules/vue").ComputedRef<BentoTagVariant>;
-    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<{
     option: {
         type: PropType<BentoListboxOptionItem>;

package/dist/@types/packages/vue2/src/components/internal/listbox/components/listbox-single-select-option/listbox-single-select-option.vue.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from "../../../../../../../vue3/node_modules/vue";
-import { BentoTypographyElement } from "../../../../typography";
 import { BentoListboxEvent, BentoListboxOptionItem } from "../../../../../types";
 declare const _default: import("../../../../../../../vue3/node_modules/vue").DefineComponent<{
     disabled: {
@@ -18,7 +17,6 @@ declare const _default: import("../../../../../../../vue3/node_modules/vue").Def
     ariaDisabled: import("../../../../../../../vue3/node_modules/vue").ComputedRef<boolean>;
     ariaSelected: import("../../../../../../../vue3/node_modules/vue").ComputedRef<boolean>;
     tabIndex: import("../../../../../../../vue3/node_modules/vue").ComputedRef<-1 | 0>;
-    BentoTypographyElement: typeof BentoTypographyElement;
     BentoListboxEvent: typeof BentoListboxEvent;
     onOptionSelected: (eventName: any) => void;
 }, unknown, {}, {}, import("../../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, (BentoListboxEvent.SELECT | BentoListboxEvent.ENTER | BentoListboxEvent.SPACE | BentoListboxEvent.TAB)[], BentoListboxEvent.SELECT | BentoListboxEvent.ENTER | BentoListboxEvent.SPACE | BentoListboxEvent.TAB, 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<{