@adyen/bento-vue2 0.8.1 → 0.8.2

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

@@ -1,13 +1,19 @@
 import { PropType } from 'vue';
 import { BentoButtonVariant } from '@/components/button';
+import { BentoFilterBarValue } from '@/components/filter-bar/filter-bar.types';
+import { BaseFilterEvent } from './base-filter.types';
 declare const _default: import("vue").DefineComponent<{
     appliedFiltersCount: {
         type: NumberConstructor;
         default: any;
     };
-    buttonHasChevron: {
-        type: BooleanConstructor;
-        default: boolean;
+    buttonLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+    defaultValue: {
+        type: PropType<BentoFilterBarValue>;
+        default: any;
     };
     controlled: {
         type: BooleanConstructor;
@@ -17,7 +23,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    disableClearButton: {
+    disableSecondaryButton: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -33,10 +39,6 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    value: {
-        type: PropType<string | string[]>;
-        default: any;
-    };
 }, {
     actions: import("vue").ComputedRef<{
         title: string;
@@ -44,6 +46,7 @@ declare const _default: import("vue").DefineComponent<{
         disabled: boolean;
     }[]>;
     isFilterOpen: import("vue").Ref<boolean>;
+    isPersistentFilter: import("vue").ComputedRef<boolean>;
     BentoPopoverPositions: {
         AUTO: import("../../../popper-container").PopperContainerPositionExtended.AUTO;
         AUTO_START: import("../../../popper-container").PopperContainerPositionExtended.AUTO_START;
@@ -69,7 +72,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     onClickFilter: () => void;
     onClickApply: () => void;
-    onClickClear: () => void;
+    onClickSecondaryAction: () => void;
     onClickOutside: () => void;
     closePopover: () => void;
     filterButtonRef: any;
@@ -81,14 +84,18 @@ declare const _default: import("vue").DefineComponent<{
         SPACE_BETWEEN: import("@/components/button").BentoButtonActionsLayoutBasic.SPACE_BETWEEN;
         VERTICAL_STACK: import("@/components/button").BentoButtonActionsLayoutBasic.VERTICAL_STACK;
     };
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("open" | "clear" | "close" | "apply")[], string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BaseFilterEvent[], string, Readonly<import("vue").ExtractPropTypes<{
     appliedFiltersCount: {
         type: NumberConstructor;
         default: any;
     };
-    buttonHasChevron: {
-        type: BooleanConstructor;
-        default: boolean;
+    buttonLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+    defaultValue: {
+        type: PropType<BentoFilterBarValue>;
+        default: any;
     };
     controlled: {
         type: BooleanConstructor;
@@ -98,7 +105,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    disableClearButton: {
+    disableSecondaryButton: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -114,17 +121,13 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    value: {
-        type: PropType<string | string[]>;
-        default: any;
-    };
 }>>, {
-    value: string | string[];
-    buttonHasChevron: boolean;
     fitContent: boolean;
     appliedFiltersCount: number;
+    buttonLabel: string;
+    defaultValue: BentoFilterBarValue;
     controlled: boolean;
     disableApplyButton: boolean;
-    disableClearButton: boolean;
+    disableSecondaryButton: boolean;
 }>;
 export default _default;

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

@@ -1,6 +1,6 @@
 import type { Ref } from 'vue';
-export declare const useBaseFilter: <T>(appliedFilter: Ref<T>) => {
+export declare const useBaseFilter: <T>(appliedFilter: Ref<T>, defaultFilter: Ref<T>) => {
     internalFilterValue: Ref<import("vue").UnwrapRef<T>>;
-    isClearButtonDisabled: import("vue").ComputedRef<boolean>;
+    isSecondaryButtonDisabled: import("vue").ComputedRef<boolean>;
     isApplyButtonDisabled: import("vue").ComputedRef<boolean>;
 };

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

@@ -1,4 +1,8 @@
 declare const _default: import("vue").DefineComponent<{
+    defaultValue: {
+        type: StringConstructor;
+        default: any;
+    };
     field: {
         type: StringConstructor;
         required: true;
@@ -17,14 +21,20 @@ declare const _default: import("vue").DefineComponent<{
         label: string;
     }[]>;
     appliedFiltersCount: import("vue").ComputedRef<number>;
+    buttonLabel: import("vue").ComputedRef<string>;
     internalFilterValue: import("vue").Ref<string>;
     isApplyButtonDisabled: import("vue").ComputedRef<boolean>;
-    isClearButtonDisabled: import("vue").ComputedRef<boolean>;
+    isSecondaryButtonDisabled: import("vue").ComputedRef<boolean>;
     onInput: (event: any) => void;
     updateFilter: () => void;
     clearFilter: () => void;
     openFilter: () => 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: StringConstructor;
+        default: any;
+    };
     field: {
         type: StringConstructor;
         required: true;
@@ -39,5 +49,6 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     value: string;
+    defaultValue: string;
 }>;
 export default _default;

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

@@ -2,6 +2,10 @@ import { PropType } from 'vue';
 import { BentoDateFilterOptions } from '../../filter-bar.types';
 import { BentoDateFilterEvent } from './date-filter.types';
 declare const _default: import("vue").DefineComponent<{
+    defaultValue: {
+        type: PropType<Date>;
+        default: any;
+    };
     field: {
         type: StringConstructor;
         required: true;
@@ -85,12 +89,18 @@ declare const _default: import("vue").DefineComponent<{
         };
     }>;
     isApplyButtonDisabled: import("vue").ComputedRef<boolean>;
-    isClearButtonDisabled: import("vue").ComputedRef<boolean>;
+    isSecondaryButtonDisabled: import("vue").ComputedRef<boolean>;
+    buttonLabel: import("vue").ComputedRef<string>;
     clearFilter: () => void;
     onDateSelected: (selectedDate: Date) => void;
     openFilter: () => void;
     updateFilter: () => void;
+    resetFilter: () => void;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoDateFilterEvent[], string, Readonly<import("vue").ExtractPropTypes<{
+    defaultValue: {
+        type: PropType<Date>;
+        default: any;
+    };
     field: {
         type: StringConstructor;
         required: true;
@@ -110,5 +120,6 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     value: Date;
     options: any;
+    defaultValue: Date;
 }>;
 export default _default;

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

@@ -5,6 +5,10 @@ import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typ
 import { BentoButtonActionsList } from '@/components/button/components/button-actions';
 import { BentoDateRangeFilterEvent } from './date-range-filter.types';
 declare const _default: import("vue").DefineComponent<{
+    defaultValue: {
+        type: PropType<BentoDatePickerRangeDate>;
+        default: any;
+    };
     field: {
         type: StringConstructor;
         required: true;
@@ -28,6 +32,10 @@ declare const _default: import("vue").DefineComponent<{
     baseFilter: any;
     actions: import("vue").ComputedRef<BentoButtonActionsList>;
     appliedFiltersCount: import("vue").ComputedRef<number>;
+    formData: {
+        startDate: string;
+        endDate: string;
+    };
     internalFilterValue: import("vue").Ref<{
         startDate: {
             toString: () => string;
@@ -159,7 +167,8 @@ declare const _default: import("vue").DefineComponent<{
         };
     }>;
     isApplyButtonDisabled: import("vue").ComputedRef<boolean>;
-    isClearButtonDisabled: import("vue").ComputedRef<boolean>;
+    isSecondaryButtonDisabled: import("vue").ComputedRef<boolean>;
+    buttonLabel: import("vue").ComputedRef<string>;
     BentoButtonActionsLayout: {
         BUTTONS_START: import("@/components/button/components/button-actions").BentoButtonActionsLayoutExtended.BUTTONS_START;
         BUTTONS_END: import("@/components/button/components/button-actions").BentoButtonActionsLayoutBasic.BUTTONS_END;
@@ -173,7 +182,14 @@ declare const _default: import("vue").DefineComponent<{
     onDateSelected: (selectedDate: BentoDatePickerRangeDate) => void;
     openFilter: () => void;
     updateFilter: () => void;
+    resetFilter: () => void;
+    onDatePickerRangeError: () => void;
+    onDatePickerRangeFormDateInputUpdate: () => void;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoDateRangeFilterEvent[], string, Readonly<import("vue").ExtractPropTypes<{
+    defaultValue: {
+        type: PropType<BentoDatePickerRangeDate>;
+        default: any;
+    };
     field: {
         type: StringConstructor;
         required: true;
@@ -196,5 +212,6 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     value: BentoDatePickerRangeDate;
     options: any;
+    defaultValue: BentoDatePickerRangeDate;
 }>;
 export default _default;

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

@@ -1,4 +1,8 @@
 declare const _default: import("vue").DefineComponent<{
+    defaultValue: {
+        type: StringConstructor;
+        default: any;
+    };
     field: {
         type: StringConstructor;
         required: true;
@@ -13,14 +17,20 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     appliedFiltersCount: import("vue").ComputedRef<number>;
+    buttonLabel: import("vue").ComputedRef<string>;
     internalFilterValue: import("vue").Ref<string>;
     isApplyButtonDisabled: import("vue").ComputedRef<boolean>;
-    isClearButtonDisabled: import("vue").ComputedRef<boolean>;
+    isSecondaryButtonDisabled: import("vue").ComputedRef<boolean>;
     inputTextRef: any;
     updateFilter: () => void;
     clearFilter: () => void;
     openFilter: () => 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: StringConstructor;
+        default: any;
+    };
     field: {
         type: StringConstructor;
         required: true;
@@ -35,5 +45,6 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     value: string;
+    defaultValue: string;
 }>;
 export default _default;

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

@@ -1,6 +1,10 @@
 import { PropType } from 'vue';
 import { BentoInputFieldType } from '@/components/input-field';
 declare const _default: import("vue").DefineComponent<{
+    defaultValue: {
+        type: PropType<string[]>;
+        default: any;
+    };
     field: {
         type: StringConstructor;
         required: true;
@@ -19,13 +23,19 @@ declare const _default: import("vue").DefineComponent<{
     appliedFiltersCount: import("vue").ComputedRef<number>;
     internalFilterValue: import("vue").Ref<string[]>;
     isApplyButtonDisabled: import("vue").ComputedRef<boolean>;
-    isClearButtonDisabled: import("vue").ComputedRef<boolean>;
+    isSecondaryButtonDisabled: import("vue").ComputedRef<boolean>;
+    buttonLabel: import("vue").ComputedRef<string>;
     updateFrom: (newValue: any) => void;
     updateTo: (newValue: any) => void;
     updateFilter: () => void;
     clearFilter: () => void;
     openFilter: () => 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<string[]>;
+        default: any;
+    };
     field: {
         type: StringConstructor;
         required: true;
@@ -40,5 +50,6 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     value: string[];
+    defaultValue: string[];
 }>;
 export default _default;

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

@@ -7,9 +7,15 @@ import { BentoCurrencyListboxOptions } from '@/components/dropdown/components/va
 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'> & {
@@ -63,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/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 {};