@adyen/bento-vue2 0.8.0 → 0.8.2

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

@@ -2,6 +2,10 @@ import { PropType } from 'vue';
 import { BentoListboxOptionItem, BentoListboxSelectedValue } from '@/types';
 import { BentoSelectFilterOptions } from '../../filter-bar.types';
 declare const _default: import("vue").DefineComponent<{
+    defaultValue: {
+        type: PropType<BentoListboxSelectedValue>;
+        default: any;
+    };
     field: {
         type: StringConstructor;
         required: true;
@@ -23,15 +27,21 @@ declare const _default: import("vue").DefineComponent<{
     filteredItems: import("vue").ComputedRef<BentoListboxOptionItem[]>;
     internalFilterValue: import("vue").Ref<import("@/types").BentoListboxValue | import("@/types").BentoListboxValue[]>;
     isApplyButtonDisabled: import("vue").ComputedRef<boolean>;
-    isClearButtonDisabled: import("vue").ComputedRef<boolean>;
+    isSecondaryButtonDisabled: import("vue").ComputedRef<boolean>;
     listboxFilterId: import("vue").ComputedRef<string>;
+    buttonLabel: import("vue").ComputedRef<string>;
     searchTerm: import("vue").Ref<string>;
     clearFilter: () => void;
     closeFilter: () => void;
     onOptionSelected: (selectedValue: BentoListboxSelectedValue) => void;
     openFilter: () => void;
     updateFilter: () => void;
+    resetFilter: () => void;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "update"[], string, Readonly<import("vue").ExtractPropTypes<{
+    defaultValue: {
+        type: PropType<BentoListboxSelectedValue>;
+        default: any;
+    };
     field: {
         type: StringConstructor;
         required: true;
@@ -51,5 +61,6 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     value: BentoListboxSelectedValue;
     options: BentoSelectFilterOptions;
+    defaultValue: BentoListboxSelectedValue;
 }>;
 export default _default;

package/dist/@types/components/filter-bar/components/select-filter/variants/select-avatar-filter/select-avatar-filter.vue.d.ts

@@ -6,6 +6,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoSelectAvatarFilterOptions>;
         default: any;
     };
+    defaultValue: {
+        type: PropType<BentoListboxSelectedValue>;
+        default: any;
+    };
     field: {
         type: StringConstructor;
         required: true;
@@ -25,6 +29,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoSelectAvatarFilterOptions>;
         default: any;
     };
+    defaultValue: {
+        type: PropType<BentoListboxSelectedValue>;
+        default: any;
+    };
     field: {
         type: StringConstructor;
         required: true;
@@ -40,5 +48,6 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     value: BentoListboxSelectedValue;
     options: BentoSelectAvatarFilterOptions;
+    defaultValue: BentoListboxSelectedValue;
 }>;
 export default _default;

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

@@ -7,6 +7,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoSelectCountryFilterOptions>;
         default: any;
     };
+    defaultValue: {
+        type: PropType<BentoListboxSelectedValue>;
+        default: any;
+    };
     field: {
         type: StringConstructor;
         required: true;
@@ -24,7 +28,13 @@ declare const _default: import("vue").DefineComponent<{
         listboxItems: import("@/types").BentoListboxOptions;
         multiple?: boolean;
         isOptionDisabled?: import("@/types").BentoListboxIsOptionDisabled;
-        buttonHasChevron?: boolean;
+        messages?: {
+            [key: string]: {
+                [key: string]: string;
+                persistentButtonLabelPartiallySelected: string;
+                persistentButtonLabelAllSelected: string;
+            };
+        };
         variant: BentoCountryVariant;
     }>;
     onUpdate: (selectedValue: BentoListboxSelectedValue) => void;
@@ -34,6 +44,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoSelectCountryFilterOptions>;
         default: any;
     };
+    defaultValue: {
+        type: PropType<BentoListboxSelectedValue>;
+        default: any;
+    };
     field: {
         type: StringConstructor;
         required: true;
@@ -49,5 +63,6 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     value: BentoListboxSelectedValue;
     options: BentoSelectCountryFilterOptions;
+    defaultValue: BentoListboxSelectedValue;
 }>;
 export default _default;

package/dist/@types/components/filter-bar/components/select-filter/variants/select-currency-filter/select-currency-filter.vue.d.ts

@@ -6,6 +6,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoSelectCurrencyFilterOptions>;
         default: any;
     };
+    defaultValue: {
+        type: PropType<BentoListboxSelectedValue>;
+        default: any;
+    };
     field: {
         type: StringConstructor;
         required: true;
@@ -25,6 +29,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoSelectCurrencyFilterOptions>;
         default: any;
     };
+    defaultValue: {
+        type: PropType<BentoListboxSelectedValue>;
+        default: any;
+    };
     field: {
         type: StringConstructor;
         required: true;
@@ -40,5 +48,6 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     value: BentoListboxSelectedValue;
     options: BentoSelectCurrencyFilterOptions;
+    defaultValue: BentoListboxSelectedValue;
 }>;
 export default _default;

package/dist/@types/components/filter-bar/components/select-filter/variants/select-payment-method-filter/select-payment-method-filter.vue.d.ts

@@ -6,6 +6,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoSelectPaymentMethodFilterOptions>;
         default: any;
     };
+    defaultValue: {
+        type: PropType<BentoListboxSelectedValue>;
+        default: any;
+    };
     field: {
         type: StringConstructor;
         required: true;
@@ -25,6 +29,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoSelectPaymentMethodFilterOptions>;
         default: any;
     };
+    defaultValue: {
+        type: PropType<BentoListboxSelectedValue>;
+        default: any;
+    };
     field: {
         type: StringConstructor;
         required: true;
@@ -40,5 +48,6 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     value: BentoListboxSelectedValue;
     options: BentoSelectPaymentMethodFilterOptions;
+    defaultValue: BentoListboxSelectedValue;
 }>;
 export default _default;

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

@@ -7,6 +7,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoSelectTagFilterOptions>;
         default: any;
     };
+    defaultValue: {
+        type: PropType<BentoListboxSelectedValue>;
+        default: any;
+    };
     field: {
         type: StringConstructor;
         required: true;
@@ -28,7 +32,13 @@ declare const _default: import("vue").DefineComponent<{
         }[];
         multiple?: boolean;
         isOptionDisabled?: import("@/types").BentoListboxIsOptionDisabled;
-        buttonHasChevron?: boolean;
+        messages?: {
+            [key: string]: {
+                [key: string]: string;
+                persistentButtonLabelPartiallySelected: string;
+                persistentButtonLabelAllSelected: string;
+            };
+        };
     }>;
     onUpdate: (selectedValue: BentoListboxSelectedValue) => void;
     BentoCountryVariant: typeof BentoCountryVariant;
@@ -37,6 +47,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoSelectTagFilterOptions>;
         default: any;
     };
+    defaultValue: {
+        type: PropType<BentoListboxSelectedValue>;
+        default: any;
+    };
     field: {
         type: StringConstructor;
         required: true;
@@ -52,5 +66,6 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     value: BentoListboxSelectedValue;
     options: BentoSelectTagFilterOptions;
+    defaultValue: BentoListboxSelectedValue;
 }>;
 export default _default;

package/dist/@types/components/filter-bar/filter-bar.types.d.ts

@@ -5,10 +5,17 @@ import { BentoTagListboxOptions } from '@/components/dropdown/components/variant
 import { BentoCountryVariant } from '@/components/country';
 import { BentoCurrencyListboxOptions } from '@/components/dropdown/components/variants/dropdown-currency/dropdown-currency.types';
 import { BentoPaymentMethodListboxOptions } from '@/components/dropdown/components/variants/dropdown-payment-method/dropdown-payment-method.types';
+import { BentoDatePickerFirstDayOfWeek, BentoDatePickerIsDateDisabled, BentoDatePickerRangeDate } from '../date-picker/date-picker.types';
 export interface BentoSelectFilterOptions {
-    buttonHasChevron?: boolean;
     listboxItems: BentoListboxOptions;
     multiple?: boolean;
+    messages?: {
+        [key: string]: {
+            persistentButtonLabelPartiallySelected: string;
+            persistentButtonLabelAllSelected: string;
+            [key: string]: string;
+        };
+    };
     isOptionDisabled?: BentoListboxIsOptionDisabled;
 }
 export type BentoSelectAvatarFilterOptions = OmitStrict<BentoSelectFilterOptions, 'listboxItems'> & {
@@ -27,11 +34,22 @@ export type BentoSelectTagFilterOptions = OmitStrict<BentoSelectFilterOptions, '
 export type BentoSelectPaymentMethodFilterOptions = OmitStrict<BentoSelectFilterOptions, 'listboxItems'> & {
     listboxItems: BentoPaymentMethodListboxOptions;
 };
+export interface BentoDateFilterOptions {
+    firstDayOfWeek?: BentoDatePickerFirstDayOfWeek;
+    isDateDisabled?: BentoDatePickerIsDateDisabled;
+}
+export interface BentoDateRangeFilterOptions {
+    numberOfMonths?: number;
+    firstDayOfWeek?: BentoDatePickerFirstDayOfWeek;
+    isDateDisabled?: BentoDatePickerIsDateDisabled;
+}
 export type BentoInputFilterValue = string | null;
 export type BentoSelectFilterValue = BentoListboxSelectedValue;
 export type BentoBooleanFilterValue = string | null;
-export type BentoFilterBarValue = BentoInputFilterValue | BentoSelectFilterValue | BentoBooleanFilterValue;
-export type BentoFilterOptions = BentoSelectFilterOptions | BentoSelectAvatarFilterOptions | BentoSelectCountryFilterOptions | BentoSelectCurrencyFilterOptions | BentoSelectPaymentMethodFilterOptions | BentoSelectTagFilterOptions | undefined;
+export type BentoDateFilterValue = Date | null;
+export type BentoDateRangeFilterValue = BentoDatePickerRangeDate | null;
+export type BentoFilterBarValue = BentoInputFilterValue | BentoSelectFilterValue | BentoBooleanFilterValue | BentoDateFilterValue | BentoDateRangeFilterValue;
+export type BentoFilterOptions = BentoSelectFilterOptions | BentoSelectAvatarFilterOptions | BentoSelectCountryFilterOptions | BentoSelectCurrencyFilterOptions | BentoSelectPaymentMethodFilterOptions | BentoSelectTagFilterOptions | BentoDateFilterOptions | BentoDateRangeFilterOptions | undefined;
 export declare enum BentoFilterItemType {
     INPUT = "BentoInputFilter",
     BOOLEAN = "BentoBooleanFilter",
@@ -41,7 +59,9 @@ export declare enum BentoFilterItemType {
     SELECT_COUNTRY = "BentoSelectCountryFilter",
     SELECT_CURRENCY = "BentoSelectCurrencyFilter",
     SELECT_PAYMENT_METHOD = "BentoSelectPaymentMethodFilter",
-    SELECT_TAG = "BentoSelectTagFilter"
+    SELECT_TAG = "BentoSelectTagFilter",
+    DATE = "BentoDateFilter",
+    DATE_RANGE = "BentoDateRangeFilter"
 }
 export interface BentoFilterModel {
     field: string;
@@ -49,5 +69,6 @@ export interface BentoFilterModel {
     type: BentoFilterItemType;
     options?: BentoFilterOptions;
     value?: BentoFilterBarValue;
+    defaultValue?: BentoFilterBarValue;
 }
 export type BentoFilterBarModel = Array<BentoFilterModel>;

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

@@ -14,11 +14,15 @@ declare const _default: import("vue").DefineComponent<{
     isClearAllVisible: import("vue").ComputedRef<boolean>;
     isSearchBarEnabled: import("vue").ComputedRef<boolean>;
     searchBarAriaLabel: string;
+    persistentFilters: import("vue").ComputedRef<BentoFilterModel[]>;
+    regularFilters: import("vue").ComputedRef<BentoFilterModel[]>;
+    isResetAllVisible: import("vue").ComputedRef<boolean>;
     BentoButtonVariant: typeof BentoButtonVariant;
     updateFilterHandler: (updatedFilter: BentoFilterModel) => void;
     clearAllFilters: () => void;
     onSearchbarClear: () => void;
     onSearchbarInput: (newSearchTerm: string) => void;
+    resetAllFilters: () => void;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("input" | "search-clear" | "search-input" | "update:search-term")[], string, Readonly<import("vue").ExtractPropTypes<{
     searchTerm: {
         type: StringConstructor;

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

@@ -1,12 +1,24 @@
+import { PropType } from 'vue';
+import { PopperContainerPosition } from '@/components/popper-container';
 declare const _default: import("vue").DefineComponent<{
     tooltipText: {
         type: StringConstructor;
         required: true;
     };
+    tooltipPosition: {
+        type: PropType<PopperContainerPosition>;
+        default: import("@/components/popper-container").PopperContainerPositionExtended;
+    };
 }, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     tooltipText: {
         type: StringConstructor;
         required: true;
     };
-}>>, {}>;
+    tooltipPosition: {
+        type: PropType<PopperContainerPosition>;
+        default: import("@/components/popper-container").PopperContainerPositionExtended;
+    };
+}>>, {
+    tooltipPosition: PopperContainerPosition;
+}>;
 export default _default;

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

@@ -1,18 +1,33 @@
+import { BentoDropdown } from '@/components/dropdown/';
 export declare enum BentoInputFieldVariant {
     DEFAULT = "default",
     PAYMENT_METHOD = "payment-method",
-    STATIC_VALUE = "static-value"
+    STATIC_VALUE = "static-value",
+    DROPDOWN = "dropdown"
 }
-export declare enum BentoInputFieldStaticValuePosition {
+export declare enum BentoInputFieldElementPosition {
     START = "start",
     END = "end"
 }
 export declare enum BentoInputFieldStateClass {
     DISABLED = "disabled",
-    ERROR = "error"
+    ERROR = "error",
+    SMALL_PADDING_LEFT = "small-padding-left",
+    SMALL_PADDING_RIGHT = "small-padding-right"
 }
 export declare enum BentoInputFieldType {
     SEARCH = "search",
     TEXT = "text",
     NUMBER = "number"
 }
+type DropdownProps = InstanceType<typeof BentoDropdown>['$props'];
+export type BentoInputDropdownProps = {
+    items: DropdownProps['items'];
+    value: DropdownProps['value'];
+};
+export declare enum BentoInputFieldEvent {
+    INPUT = "input",
+    ESCAPE_PRESSED = "escape-pressed",
+    DROPDOWN_INPUT = "dropdown"
+}
+export {};

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

@@ -1,6 +1,8 @@
 import { PropType } from 'vue';
-import { BentoInputFieldStaticValuePosition, BentoInputFieldType, BentoInputFieldVariant } from '@/components/input-field/input-field.types';
+import { BentoInputDropdownProps, BentoInputFieldElementPosition, BentoInputFieldEvent, BentoInputFieldType, BentoInputFieldVariant } from './input-field.types';
 import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+import { BentoDropdownSize } from '../dropdown/dropdown.types';
+import { BentoListboxSelectedValue } from '../../types';
 declare const _default: import("vue").DefineComponent<{
     ariaHidden: {
         type: BooleanConstructor;
@@ -14,17 +16,29 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    dropdown: {
+        type: PropType<BentoInputDropdownProps>;
+        default: any;
+    };
+    dropdownPosition: {
+        type: PropType<BentoInputFieldElementPosition>;
+        default: BentoInputFieldElementPosition;
+    };
     error: {
         type: BooleanConstructor;
         default: boolean;
     };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
     staticValue: {
         type: StringConstructor;
         default: string;
     };
     staticValuePosition: {
-        type: PropType<BentoInputFieldStaticValuePosition>;
-        default: BentoInputFieldStaticValuePosition;
+        type: PropType<BentoInputFieldElementPosition>;
+        default: BentoInputFieldElementPosition;
     };
     type: {
         type: PropType<BentoInputFieldType>;
@@ -42,6 +56,9 @@ declare const _default: import("vue").DefineComponent<{
     BentoTypographyVariant: typeof BentoTypographyVariant;
     BentoTypographyElement: typeof BentoTypographyElement;
     BentoInputFieldVariant: typeof BentoInputFieldVariant;
+    BentoDropdownSize: typeof BentoDropdownSize;
+    BentoInputFieldEvent: typeof BentoInputFieldEvent;
+    onDropdownInput: (selectedValue: BentoListboxSelectedValue) => void;
     onInput: (event: Event) => void;
     focusInput: () => void;
     hasSlot: (name: string) => boolean;
@@ -52,7 +69,10 @@ declare const _default: import("vue").DefineComponent<{
     inputFieldId: string;
     shouldDisplayStaticValueAtStart: import("vue").ComputedRef<boolean>;
     shouldDisplayStaticValueAtEnd: import("vue").ComputedRef<boolean>;
-}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("input" | "escape-pressed")[], string, Readonly<import("vue").ExtractPropTypes<{
+    shouldShowDropdown: import("vue").ComputedRef<BentoInputDropdownProps>;
+    shouldDisplayDropdownAtStart: import("vue").ComputedRef<boolean>;
+    shouldDisplayDropdownAtEnd: import("vue").ComputedRef<boolean>;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoInputFieldEvent[], string, Readonly<import("vue").ExtractPropTypes<{
     ariaHidden: {
         type: BooleanConstructor;
         default: boolean;
@@ -65,17 +85,29 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    dropdown: {
+        type: PropType<BentoInputDropdownProps>;
+        default: any;
+    };
+    dropdownPosition: {
+        type: PropType<BentoInputFieldElementPosition>;
+        default: BentoInputFieldElementPosition;
+    };
     error: {
         type: BooleanConstructor;
         default: boolean;
     };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
     staticValue: {
         type: StringConstructor;
         default: string;
     };
     staticValuePosition: {
-        type: PropType<BentoInputFieldStaticValuePosition>;
-        default: BentoInputFieldStaticValuePosition;
+        type: PropType<BentoInputFieldElementPosition>;
+        default: BentoInputFieldElementPosition;
     };
     type: {
         type: PropType<BentoInputFieldType>;
@@ -96,8 +128,11 @@ declare const _default: import("vue").DefineComponent<{
     ariaHidden: boolean;
     ariaLabel: string;
     disabled: boolean;
+    placeholder: string;
     variant: BentoInputFieldVariant;
+    dropdown: BentoInputDropdownProps;
+    dropdownPosition: BentoInputFieldElementPosition;
     staticValue: string;
-    staticValuePosition: BentoInputFieldStaticValuePosition;
+    staticValuePosition: BentoInputFieldElementPosition;
 }>;
 export default _default;

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

@@ -1,9 +1,15 @@
+import { PropType } from 'vue';
 import { BentoButtonVariant } from '@/components/button';
+import { PopperContainerPosition } from '@/components/popper-container';
 declare const _default: import("vue").DefineComponent<{
     text: {
         type: StringConstructor;
         required: true;
     };
+    tooltipPosition: {
+        type: PropType<PopperContainerPosition>;
+        default: import("@/components/popper-container").PopperContainerPositionBasic;
+    };
 }, {
     BentoButtonVariant: typeof BentoButtonVariant;
     copyText: import("vue").Ref<import("vue-i18n").default.TranslateResult>;
@@ -15,5 +21,11 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
-}>>, {}>;
+    tooltipPosition: {
+        type: PropType<PopperContainerPosition>;
+        default: import("@/components/popper-container").PopperContainerPositionBasic;
+    };
+}>>, {
+    tooltipPosition: PopperContainerPosition;
+}>;
 export default _default;

package/dist/@types/components/internal/grid-layout/index.d.ts

@@ -0,0 +1 @@
+export { default as GridLayout } from './grid-layout.vue';

package/dist/@types/components/internal/index.d.ts

@@ -1,3 +1,4 @@
 export * from './avatar';
 export * from './listbox';
 export * from './copy';
+export * from './grid-layout';

package/dist/@types/components/internal/listbox/components/listbox-option/listbox-option.vue.d.ts

@@ -13,7 +13,7 @@ declare const _default: import("vue").DefineComponent<{
         'b-listbox-option--selected': boolean;
     }>;
     onClick: (e: Event) => void;
-}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("click" | "escape-pressed" | "enter-pressed")[], string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("click" | "enter-pressed" | "escape-pressed")[], string, Readonly<import("vue").ExtractPropTypes<{
     disabled: {
         type: BooleanConstructor;
         default: boolean;

package/dist/@types/components/menu/menu.types.d.ts

@@ -1,4 +1,12 @@
+import { BentoButton } from '../button';
 export declare enum BentoMenuEvent {
     CLOSE = "close",
     BACK = "back"
 }
+type ButtonProps = InstanceType<typeof BentoButton>['$props'];
+export type BentoMenuButtonProps = {
+    variant?: ButtonProps['variant'];
+    condensed?: ButtonProps['condensed'];
+    disabled?: ButtonProps['disabled'];
+};
+export {};

package/dist/@types/components/menu/menu.vue.d.ts

@@ -2,15 +2,12 @@ import { PropType } from 'vue';
 import { BentoButtonVariant } from '@/components/button';
 import { BentoPopoverPositions } from '@/components/popover';
 import { BentoMenuItem } from './components';
+import { BentoMenuButtonProps } from './menu.types';
 declare const _default: import("vue").DefineComponent<{
     data: {
         type: PropType<BentoMenuItem[]>;
         required: true;
     };
-    tertiaryButton: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     menuPosition: {
         type: PropType<import("../popper-container").PopperContainerPosition>;
         default: import("../popper-container").PopperContainerPositionExtended;
@@ -20,6 +17,16 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    menuWidth: {
+        type: NumberConstructor;
+        default: any;
+    };
+    button: {
+        type: PropType<BentoMenuButtonProps>;
+        default: () => {
+            variant: BentoButtonVariant;
+        };
+    };
 }, {
     BentoButtonVariant: typeof BentoButtonVariant;
     BentoPopoverPositions: {
@@ -42,7 +49,9 @@ declare const _default: import("vue").DefineComponent<{
     menuButtonRef: any;
     menuId: string;
     showMenu: import("vue").Ref<boolean>;
-    computedMenuButtonVariant: import("vue").ComputedRef<BentoButtonVariant.SECONDARY | BentoButtonVariant.TERTIARY>;
+    computedMenuWidth: import("vue").ComputedRef<{
+        width: string;
+    }>;
     isLastElementFocused: import("vue").Ref<boolean>;
     onKeyDown: () => void;
     onKeyUp: () => void;
@@ -53,10 +62,6 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoMenuItem[]>;
         required: true;
     };
-    tertiaryButton: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     menuPosition: {
         type: PropType<import("../popper-container").PopperContainerPosition>;
         default: import("../popper-container").PopperContainerPositionExtended;
@@ -66,9 +71,22 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    menuWidth: {
+        type: NumberConstructor;
+        default: any;
+    };
+    button: {
+        type: PropType<BentoMenuButtonProps>;
+        default: () => {
+            variant: BentoButtonVariant;
+        };
+    };
 }>>, {
-    tertiaryButton: boolean;
+    button: {
+        variant: BentoButtonVariant;
+    };
     menuPosition: import("../popper-container").PopperContainerPosition;
     menuFixedPositioning: boolean;
+    menuWidth: number;
 }>;
 export default _default;