@adyen/bento-vue2 1.3.0 → 1.4.0

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

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import { BentoCountryVariant } from "../../../../../country";
 import { BentoListboxSelectedValue } from "../../../../../../types";
 import { BentoFilterEvent, BentoSelectCountryFilterOptions } from "../../../..";
 declare const _default: import("vue").DefineComponent<{
@@ -31,6 +30,7 @@ declare const _default: import("vue").DefineComponent<{
     countryOptions: import("vue").ComputedRef<{
         listboxItems: import("../../../../../../types").BentoListboxOptions;
         search?: import("../../../../../../types").BentoListboxSearchOptions;
+        multiple?: boolean;
         messages?: {
             [key: string]: {
                 [key: string]: string;
@@ -39,17 +39,15 @@ declare const _default: import("vue").DefineComponent<{
             };
         };
         isOptionDisabled?: (optionValue: import("../../../../../../types").BentoListboxOptionItem) => boolean;
-        multiple?: boolean;
         lazy?: {
             hasMoreItems: boolean;
             lazyLoadType: "button" | "none" | import("../../../../../../types").BentoListboxLazyLoadType | "automatic";
             loading: boolean;
             showMoreEvent?: () => void;
         };
-        variant?: "name" | "iso" | "phone_code" | "capital" | "custom" | BentoCountryVariant;
+        variant?: "name" | "iso" | "phone_code" | "capital" | "custom" | import("../../../../../country").BentoCountryVariant;
     }>;
     onUpdate: (selectedValue: BentoListboxSelectedValue) => void;
-    BentoCountryVariant: typeof BentoCountryVariant;
     BentoFilterEvent: typeof BentoFilterEvent;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoFilterEvent[], string, Readonly<import("vue").ExtractPropTypes<{
     options: {

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

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import { BentoCountryVariant } from "../../../../../country";
 import { BentoListboxSelectedValue } from "../../../../../../types";
 import { BentoFilterEvent, BentoSelectTagFilterOptions } from "../../../..";
 declare const _default: import("vue").DefineComponent<{
@@ -32,9 +31,10 @@ declare const _default: import("vue").DefineComponent<{
         listboxItems: {
             label: string;
             value: import("../../../../../../types").BentoListboxValue;
-            data: import("../../../../../tag").BentoTagVariant;
+            data: "blue" | "green" | "grey" | "orange" | "red" | "white" | import("../../../../../tag").BentoTagVariant;
         }[];
         search?: import("../../../../../../types").BentoListboxSearchOptions;
+        multiple?: boolean;
         messages?: {
             [key: string]: {
                 [key: string]: string;
@@ -43,7 +43,6 @@ declare const _default: import("vue").DefineComponent<{
             };
         };
         isOptionDisabled?: (optionValue: import("../../../../../../types").BentoListboxOptionItem) => boolean;
-        multiple?: boolean;
         lazy?: {
             hasMoreItems: boolean;
             lazyLoadType: "button" | "none" | import("../../../../../../types").BentoListboxLazyLoadType | "automatic";
@@ -52,7 +51,6 @@ declare const _default: import("vue").DefineComponent<{
         };
     }>;
     onUpdate: (selectedValue: BentoListboxSelectedValue) => void;
-    BentoCountryVariant: typeof BentoCountryVariant;
     BentoFilterEvent: typeof BentoFilterEvent;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoFilterEvent[], string, Readonly<import("vue").ExtractPropTypes<{
     options: {

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

@@ -1,6 +1,5 @@
 import { PropType } from 'vue';
 import { BentoFilterBarEvent, BentoFilterBarModel, BentoFilterModel } from './filter-bar.types';
-import { BentoButtonVariant } from "../button";
 import { BentoSearchBarEvent } from "../search-bar";
 declare const _default: import("vue").DefineComponent<{
     searchTerm: {
@@ -19,7 +18,6 @@ declare const _default: import("vue").DefineComponent<{
     persistentFilters: import("vue").ComputedRef<BentoFilterModel[]>;
     regularFilters: import("vue").ComputedRef<BentoFilterModel[]>;
     isResetAllVisible: import("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,9 @@ declare const _default: import("vue").DefineComponent<{
     shouldPreventNavigation(): boolean;
     onKeyDown(event: KeyboardEvent): void;
     disable(): void;
+    useHasSlot: (slots: import("vue/types/v3-setup-context").Slots | {
+        [key: string]: import("vue").VNode[];
+    }) => (name: string) => boolean;
 }, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("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("vue").DefineComponent<{
         medium: boolean;
         large: boolean;
     }>;
-    BentoTypographyElement: typeof BentoTypographyElement;
-    BentoTypographyVariant: typeof BentoTypographyVariant;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("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 'vue';
+import { BentoImageAspectRatio, BentoImageObjectFit } from './image.types';
+declare const _default: import("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("vue").ComputedRef<{
+        aspectRatio: string;
+        objectFit: "fill" | "contain" | "cover" | BentoImageObjectFit;
+    }>;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("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("vue").DefineComponent<{
         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("vue").DefineComponent<{
         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 '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("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     ariaHidden: {
         type: BooleanConstructor;
         default: boolean;
@@ -12,6 +10,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
+    condensed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -21,7 +23,7 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
     dropdownPosition: {
-        type: PropType<"start" | "end" | BentoInputFieldElementPosition>;
+        type: PropType<"end" | "start" | BentoInputFieldElementPosition>;
         default: BentoInputFieldElementPosition;
         validator: (value: BentoInputFieldElementPosition) => boolean;
     };
@@ -54,7 +56,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     staticValuePosition: {
-        type: PropType<"start" | "end" | BentoInputFieldElementPosition>;
+        type: PropType<"end" | "start" | BentoInputFieldElementPosition>;
         default: BentoInputFieldElementPosition;
         validator: (value: BentoInputFieldElementPosition) => boolean;
     };
@@ -73,42 +75,24 @@ declare const _default: import("vue").DefineComponent<{
         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("vue").ComputedRef<{
-        [x: string]: boolean;
-    }>;
-    inputFieldElement: any;
-    inputFieldId: string;
-    dropdownId: string;
-    staticValueId: string;
-    descriptionId: string;
-    errorId: string;
-    isReadOnly: import("vue").ComputedRef<boolean>;
-    shouldDisplayStaticValueAtStart: import("vue").ComputedRef<boolean>;
-    shouldDisplayStaticValueAtEnd: import("vue").ComputedRef<boolean>;
-    shouldShowDropdown: import("vue").ComputedRef<boolean>;
-    shouldDisplayDropdownAtStart: import("vue").ComputedRef<boolean>;
-    shouldDisplayDropdownAtEnd: import("vue").ComputedRef<boolean>;
-    shouldShowError: import("vue").ComputedRef<boolean>;
-    computedAriaOwns: import("vue").ComputedRef<string>;
-    computedAriaLabel: import("vue").ComputedRef<string>;
-    computedAriaDescribedBy: import("vue").ComputedRef<string>;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoInputFieldEvent[], string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").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, Readonly<import("vue").ExtractPropTypes<{
     ariaHidden: {
         type: BooleanConstructor;
         default: boolean;
@@ -117,6 +101,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
+    condensed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -126,7 +114,7 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
     dropdownPosition: {
-        type: PropType<"start" | "end" | BentoInputFieldElementPosition>;
+        type: PropType<"end" | "start" | BentoInputFieldElementPosition>;
         default: BentoInputFieldElementPosition;
         validator: (value: BentoInputFieldElementPosition) => boolean;
     };
@@ -159,7 +147,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     staticValuePosition: {
-        type: PropType<"start" | "end" | BentoInputFieldElementPosition>;
+        type: PropType<"end" | "start" | BentoInputFieldElementPosition>;
         default: BentoInputFieldElementPosition;
         validator: (value: BentoInputFieldElementPosition) => boolean;
     };
@@ -181,18 +169,33 @@ declare const _default: import("vue").DefineComponent<{
     error: boolean;
     value: BentoInputFieldValue;
     type: "number" | "search" | "text" | BentoInputFieldType;
-    disabled: boolean;
     variant: "default" | "payment-method" | "static-value" | "dropdown" | BentoInputFieldVariant;
     required: boolean;
-    ariaLabel: string;
+    condensed: boolean;
+    disabled: boolean;
     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("vue").DefineComponent<{
     iconOnly: {
         type: BooleanConstructor;
@@ -15,8 +14,6 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     BentoAvatarImageVariant: typeof BentoAvatarImageVariant;
-    BentoTypographyElement: typeof BentoTypographyElement;
-    BentoTypographyVariant: typeof BentoTypographyVariant;
     computedAriaLabel: import("vue").ComputedRef<string>;
     computedUsername: import("vue").ComputedRef<string>;
     avatarColor: import("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 'vue';
 import { BentoBaseButtonEvent } from './base-button.types';
-import { BentoTypographyElement, BentoTypographyVariant } from "../../typography";
 import { Booleanish } from "../../../types";
 declare const _default: import("vue").DefineComponent<{
     disabled: {
@@ -16,8 +15,6 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
 }, {
-    BentoTypographyElement: typeof BentoTypographyElement;
-    BentoTypographyVariant: typeof BentoTypographyVariant;
     ariaAttributes: import("vue").ComputedRef<{
         'aria-expanded': Booleanish;
     }>;
@@ -42,7 +39,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     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 '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("vue").DefineComponent<{
     endDate: {
@@ -42,9 +40,6 @@ declare const _default: import("vue").DefineComponent<{
     shouldShowNextMonthButton: import("vue").ComputedRef<boolean>;
     shouldShowPreviousMonthButton: import("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/__test__/calendar-month-day-stub.vue.d.ts

@@ -38,8 +38,8 @@ declare const _default: import("vue").DefineComponent<{
         validator: (value: import("../calendar-month-day.types").CalendarMonthDayVariant) => boolean;
     };
 }>>, {
-    disabled: boolean;
     variant: import("../calendar-month-day.types").CalendarMonthDayVariant;
+    disabled: boolean;
     selected: boolean;
 }>;
 export default _default;

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("vue").DefineComponent<{
     }>;
     BentoDateFormat: typeof BentoDateFormat;
     CalendarMonthDayEvent: typeof CalendarMonthDayEvent;
-    onClick: (selectedDay: Date) => void;
+    onClick: (e: MouseEvent | KeyboardEvent, selectedDay: Date) => void;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, CalendarMonthDayEvent[], string, Readonly<import("vue").ExtractPropTypes<{
     day: {
         type: DateConstructor;
@@ -45,8 +45,8 @@ declare const _default: import("vue").DefineComponent<{
         validator: (value: CalendarMonthDayVariant) => boolean;
     };
 }>>, {
-    disabled: boolean;
     variant: CalendarMonthDayVariant;
+    disabled: boolean;
     selected: boolean;
 }>;
 export default _default;

package/dist/@types/packages/vue2/src/components/internal/controls-group/controls-group.vue.d.ts

@@ -67,8 +67,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }>>, {
     description: string;
     form: string;
-    disabled: boolean;
     required: boolean;
+    disabled: boolean;
     tooltipText: string;
     optional: boolean;
     hideLabel: boolean;

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

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import { BentoButtonVariant } from "../../button";
 import { PopperContainerPosition } from "../../popper-container";
 declare const _default: import("vue").DefineComponent<{
     text: {
@@ -11,7 +10,6 @@ declare const _default: import("vue").DefineComponent<{
         default: import("../../popper-container").PopperContainerPositionBasic;
     };
 }, {
-    BentoButtonVariant: typeof BentoButtonVariant;
     copyText: import("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 'vue';
-import { BentoTypographyElement } from "../../../../../../../../typography";
 import { BentoListboxOptionItem, BentoListboxValue } from "../../../../../../../../../types";
 import { ListboxMultiSelectCategoryEvent } from './listbox-multi-select-category.types';
 declare const _default: import("vue").DefineComponent<{
@@ -24,7 +23,6 @@ declare const _default: import("vue").DefineComponent<{
     isOpen: import("vue").Ref<boolean>;
     isAllSelected: import("vue").ComputedRef<boolean>;
     isIndeterminate: import("vue").ComputedRef<boolean>;
-    BentoTypographyElement: typeof BentoTypographyElement;
     toggleOpen: (event: Event) => void;
     toggleSelectAll: (selectedValue: boolean) => void;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ListboxMultiSelectCategoryEvent[], string, Readonly<import("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 'vue';
-import { BentoTypographyElement } from "../../../../../../typography";
 import { BentoListboxEvent, BentoListboxOptionItem, BentoListboxOptions, BentoListboxValue } from "../../../../../../../types";
 import { ListboxMultiSelectOptionsEvent } from './listbox-multi-select-options.types';
 declare const _default: import("vue").DefineComponent<{
@@ -37,7 +36,6 @@ declare const _default: import("vue").DefineComponent<{
     toggleCheckboxSelection: (value: BentoListboxValue) => void;
     selectSearch: (selectedValue: any, option: any) => void;
     BentoListboxEvent: typeof BentoListboxEvent;
-    BentoTypographyElement: typeof BentoTypographyElement;
     ListboxMultiSelectOptionsEvent: typeof ListboxMultiSelectOptionsEvent;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ListboxMultiSelectOptionsEvent[], string, Readonly<import("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 'vue';
-import { BentoTypographyElement } from "../../../../typography";
 import { BentoListboxEvent, BentoListboxOptionItem, BentoListboxOptions, BentoListboxSelectedValue, BentoListboxValue } from "../../../../../types";
 declare const _default: import("vue").DefineComponent<{
     isOptionDisabled: {
@@ -32,7 +31,6 @@ declare const _default: import("vue").DefineComponent<{
     selectAllCheckboxText: import("vue").ComputedRef<string>;
     selectedOptions: import("vue").ComputedRef<BentoListboxOptionItem[]>;
     slots: import("vue/types/v3-setup-context").Slots;
-    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 'vue';
 import type { BentoListboxOptionItem } from "../../../../../types";
 import { BentoTagVariant } from "../../../../tag";
-import { BentoTypographyElement } from "../../../../typography";
 declare const _default: import("vue").DefineComponent<{
     option: {
         type: PropType<BentoListboxOptionItem>;
@@ -9,7 +8,6 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     variant: import("vue").ComputedRef<BentoTagVariant>;
-    BentoTypographyElement: typeof BentoTypographyElement;
 }, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("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 'vue';
-import { BentoTypographyElement } from "../../../../typography";
 import { BentoListboxEvent, BentoListboxOptionItem } from "../../../../../types";
 declare const _default: import("vue").DefineComponent<{
     disabled: {
@@ -18,7 +17,6 @@ declare const _default: import("vue").DefineComponent<{
     ariaDisabled: import("vue").ComputedRef<boolean>;
     ariaSelected: import("vue").ComputedRef<boolean>;
     tabIndex: import("vue").ComputedRef<-1 | 0>;
-    BentoTypographyElement: typeof BentoTypographyElement;
     BentoListboxEvent: typeof BentoListboxEvent;
     onOptionSelected: (eventName: any) => void;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, (BentoListboxEvent.SELECT | BentoListboxEvent.ENTER | BentoListboxEvent.SPACE | BentoListboxEvent.TAB)[], string, Readonly<import("vue").ExtractPropTypes<{

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

@@ -1,7 +1,6 @@
 import { PropType } from 'vue';
 import { BentoKeyboardNavigationKeyDownEvent, BentoListboxEvent, BentoListboxLazyLoadType, BentoListboxOptions, BentoListboxSelectedValue } from "../../../types";
-import { BentoTypographyElement } from "../../typography";
-import { BentoButtonVariant, BentoLoadingButtonState } from "../../button";
+import { BentoLoadingButtonState } from "../../button";
 declare const _default: import("vue").DefineComponent<{
     ariaLabel: {
         type: StringConstructor;
@@ -60,9 +59,6 @@ declare const _default: import("vue").DefineComponent<{
     slots: import("vue/types/v3-setup-context").Slots;
     shouldDisplayShowMoreButton: import("vue").ComputedRef<boolean>;
     showMoreButtonText: import("vue").ComputedRef<string>;
-    BentoTypographyElement: typeof BentoTypographyElement;
-    BentoButtonVariant: typeof BentoButtonVariant;
-    BentoListboxLazyLoadType: typeof BentoListboxLazyLoadType;
     BentoKeyboardNavigationKeyDownEvent: typeof BentoKeyboardNavigationKeyDownEvent;
     BentoListboxEvent: typeof BentoListboxEvent;
     onOptionSelected: (eventName: any) => (selectedValue: BentoListboxSelectedValue) => void;
@@ -121,13 +117,13 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
 }>>, {
-    ariaLabel: string;
+    multiple: boolean;
     loading: boolean;
     isOptionDisabled: (optionValue: import("../../../types").BentoListboxOptionItem) => boolean;
     selectedValue: BentoListboxSelectedValue;
+    ariaLabel: string;
     searching: boolean;
     hasMoreItems: boolean;
     lazyLoadType: "button" | "none" | BentoListboxLazyLoadType | "automatic";
-    multiple: boolean;
 }>;
 export default _default;