@adyen/bento-vue2 0.1.2 → 0.1.4

package/dist/@types/components/dropdown/components/dropdown-options-container/components/dropdown-single-select-option/dropdown-single-select-option.vue.d.ts

@@ -1,52 +1,57 @@
 import { PropType } from 'vue';
 import { BentoTypographyElement } from '@/components/typography';
-import type { AdlDropdownValue as BentoDropdownValue } from '@/components/dropdown/dropdown.types';
+import type { BentoDropdownValue } from '@/components/dropdown/dropdown.types';
 declare const _default: import("vue").DefineComponent<{
-    label: {
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    description: {
         type: StringConstructor;
-        required: true;
+        default: any;
     };
-    value: {
-        type: PropType<BentoDropdownValue>;
+    label: {
+        type: StringConstructor;
         required: true;
     };
     selected: {
         type: BooleanConstructor;
         default: boolean;
     };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
+    value: {
+        type: PropType<BentoDropdownValue>;
+        required: true;
     };
 }, {
-    conditionalClasses: import("vue").ComputedRef<{
-        'b-dropdown-single-select-option--disabled': boolean;
-        'b-dropdown-single-select-option--selected': boolean;
-    }>;
     ariaDisabled: import("vue").ComputedRef<boolean>;
     ariaSelected: import("vue").ComputedRef<boolean>;
     tabIndex: import("vue").ComputedRef<0 | -1>;
     BentoTypographyElement: typeof BentoTypographyElement;
     onOptionSelected: () => void;
-}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, "select"[], string, Readonly<import("vue").ExtractPropTypes<{
-    label: {
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("select" | "escape-pressed")[], string, Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    description: {
         type: StringConstructor;
-        required: true;
+        default: any;
     };
-    value: {
-        type: PropType<BentoDropdownValue>;
+    label: {
+        type: StringConstructor;
         required: true;
     };
     selected: {
         type: BooleanConstructor;
         default: boolean;
     };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
+    value: {
+        type: PropType<BentoDropdownValue>;
+        required: true;
     };
 }>>, {
     disabled: boolean;
+    description: string;
     selected: boolean;
 }>;
 export default _default;

package/dist/@types/components/dropdown/components/dropdown-options-container/dropdown-options-container.vue.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import type { BentoDropdownIsOptionDisabled, AdlDropdownOptionItem as BentoDropdownOptionItem, AdlDropdownOptions as BentoDropdownOptions, AdlDropdownValue as BentoDropdownValue } from '../../dropdown.types';
+import type { BentoDropdownIsOptionDisabled, BentoDropdownOptions, BentoDropdownSelectedValue } from '../../dropdown.types';
 declare const _default: import("vue").DefineComponent<{
     ariaLabel: {
         type: StringConstructor;
@@ -21,12 +21,16 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoDropdownOptions>;
         required: true;
     };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     open: {
         type: BooleanConstructor;
         required: true;
     };
     selectedValue: {
-        type: PropType<BentoDropdownValue>;
+        type: PropType<BentoDropdownSelectedValue>;
         default: any;
     };
     targetElement: {
@@ -52,7 +56,7 @@ declare const _default: import("vue").DefineComponent<{
         BOTTOM: import("@/components/popper-container").PopperContainerPositionBasic.BOTTOM;
         LEFT: import("@/components/popper-container").PopperContainerPositionBasic.LEFT;
     };
-    onOptionSelected: (selectedOption: BentoDropdownOptionItem) => void;
+    onOptionSelected: (selectedValue: BentoDropdownSelectedValue) => void;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "select"[], string, Readonly<import("vue").ExtractPropTypes<{
     ariaLabel: {
         type: StringConstructor;
@@ -74,12 +78,16 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoDropdownOptions>;
         required: true;
     };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     open: {
         type: BooleanConstructor;
         required: true;
     };
     selectedValue: {
-        type: PropType<BentoDropdownValue>;
+        type: PropType<BentoDropdownSelectedValue>;
         default: any;
     };
     targetElement: {
@@ -89,7 +97,8 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     ariaLabel: string;
     disabled: boolean;
+    multiple: boolean;
     isOptionDisabled: BentoDropdownIsOptionDisabled;
-    selectedValue: BentoDropdownValue;
+    selectedValue: BentoDropdownSelectedValue;
 }>;
 export default _default;

package/dist/@types/components/dropdown/components/dropdown-small-textbox/dropdown-small-textbox.vue.d.ts

@@ -45,10 +45,6 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    placeholder: {
-        type: StringConstructor;
-        default: any;
-    };
     value: {
         type: StringConstructor;
         default: string;
@@ -104,10 +100,6 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    placeholder: {
-        type: StringConstructor;
-        default: any;
-    };
     value: {
         type: StringConstructor;
         default: string;
@@ -117,7 +109,6 @@ declare const _default: import("vue").DefineComponent<{
     value: string;
     ariaLabel: string;
     disabled: boolean;
-    placeholder: string;
     debounceTime: number;
     additionalItemsSelected: number;
     ariaLabelledby: string;

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

@@ -1,8 +1,10 @@
 import { BentoSearchBarItem } from '../search-bar';
-export type AdlDropdownValue = string | number;
-export interface AdlDropdownOptionItem extends BentoSearchBarItem {
-    value: AdlDropdownValue;
+export type BentoDropdownValue = string | number;
+export type BentoDropdownMultiSelectValue = BentoDropdownValue[];
+export interface BentoDropdownOptionItem extends BentoSearchBarItem {
+    description?: string;
+    value: BentoDropdownValue;
 }
-export type AdlDropdownSelectedValue = AdlDropdownValue;
-export type AdlDropdownOptions = Array<AdlDropdownOptionItem>;
-export type BentoDropdownIsOptionDisabled = (optionValue: AdlDropdownOptionItem) => boolean | undefined;
+export type BentoDropdownSelectedValue = BentoDropdownValue | BentoDropdownMultiSelectValue;
+export type BentoDropdownOptions = Array<BentoDropdownOptionItem>;
+export type BentoDropdownIsOptionDisabled = (optionValue: BentoDropdownOptionItem) => boolean | undefined;

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

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { AdlDropdownOptionItem, AdlDropdownOptions, BentoDropdownIsOptionDisabled } from './dropdown.types';
+import type { BentoDropdownIsOptionDisabled, BentoDropdownOptionItem, BentoDropdownOptions, BentoDropdownSelectedValue } from './dropdown.types';
 import { BentoTypographyElement } from '../typography';
 declare const _default: import("vue").DefineComponent<{
     ariaLabel: {
@@ -22,41 +22,42 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
-    optional: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    placeholder: {
-        type: StringConstructor;
-        default: any;
-    };
-    value: {
-        type: PropType<import("./dropdown.types").AdlDropdownValue>;
-        default: any;
-    };
     isOptionDisabled: {
         type: PropType<BentoDropdownIsOptionDisabled>;
         default: any;
     };
     items: {
-        type: PropType<AdlDropdownOptions>;
+        type: PropType<BentoDropdownOptions>;
         default: () => any[];
     };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    optional: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     required: {
         type: BooleanConstructor;
         default: boolean;
     };
+    value: {
+        type: PropType<BentoDropdownSelectedValue>;
+        default: any;
+    };
 }, {
+    additionalItemsSelected: import("vue").ComputedRef<number>;
     isDropdownOpen: import("vue").Ref<boolean>;
     displayValue: import("vue").ComputedRef<string>;
     dropdownOptionsContainerId: string;
-    filteredItems: import("vue").ComputedRef<AdlDropdownOptionItem[]>;
+    filteredItems: import("vue").ComputedRef<BentoDropdownOptionItem[]>;
     searchTerm: import("vue").Ref<string>;
     labelId: string;
     inputContainerRef: any;
     closeOpenedDropdown: () => void;
     toggleDropdown: () => void;
-    onOptionSelected: (selectedOption: AdlDropdownOptionItem) => void;
+    onOptionSelected: (selectedValue: BentoDropdownSelectedValue) => void;
     BentoTypographyElement: typeof BentoTypographyElement;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "input"[], string, Readonly<import("vue").ExtractPropTypes<{
     ariaLabel: {
@@ -79,40 +80,40 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
-    optional: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    placeholder: {
-        type: StringConstructor;
-        default: any;
-    };
-    value: {
-        type: PropType<import("./dropdown.types").AdlDropdownValue>;
-        default: any;
-    };
     isOptionDisabled: {
         type: PropType<BentoDropdownIsOptionDisabled>;
         default: any;
     };
     items: {
-        type: PropType<AdlDropdownOptions>;
+        type: PropType<BentoDropdownOptions>;
         default: () => any[];
     };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    optional: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     required: {
         type: BooleanConstructor;
         default: boolean;
     };
+    value: {
+        type: PropType<BentoDropdownSelectedValue>;
+        default: any;
+    };
 }>>, {
     required: boolean;
     optional: boolean;
-    value: import("./dropdown.types").AdlDropdownValue;
+    value: BentoDropdownSelectedValue;
     label: string;
     ariaLabel: string;
     disabled: boolean;
+    multiple: boolean;
     description: string;
-    placeholder: string;
-    items: AdlDropdownOptions;
+    items: BentoDropdownOptions;
     isOptionDisabled: BentoDropdownIsOptionDisabled;
     dynamicFiltering: boolean;
 }>;

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

@@ -1,2 +1,2 @@
-export { default as AdlDropdown } from './dropdown.vue';
+export { default as BentoDropdown } from './dropdown.vue';
 export * from './dropdown.types';

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

@@ -1,9 +1,5 @@
 import { BentoButtonVariant } from '@/components/button';
 declare const _default: import("vue").DefineComponent<{
-    alwaysShowNameInLabel: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     disableApplyButton: {
         type: BooleanConstructor;
         deafault: boolean;
@@ -25,13 +21,7 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
 }, {
-    displayLabel: import("vue").ComputedRef<string>;
-    buttonVariant: import("vue").ComputedRef<BentoButtonVariant.PRIMARY | BentoButtonVariant.SECONDARY>;
-    isTooltipVisible: import("vue").ComputedRef<boolean>;
-    isActive: import("vue").ComputedRef<boolean>;
-    conditionalClasses: import("vue").ComputedRef<{
-        'b-base-filter--inactive': boolean;
-    }>;
+    activeAppliedFilterCount: import("vue").ComputedRef<number>;
     BentoPopoverPositions: {
         AUTO: import("../../../popper-container").PopperContainerPositionExtended.AUTO;
         AUTO_START: import("../../../popper-container").PopperContainerPositionExtended.AUTO_START;
@@ -56,17 +46,12 @@ declare const _default: import("vue").DefineComponent<{
         LEFT: import("../../../popper-container").PopperContainerPositionBasic.LEFT;
     };
     onClickFilter: () => void;
-    onClickDismissFilter: () => void;
     onClickApply: () => void;
     onClickClear: () => void;
     onClickOutside: () => void;
     filterButtonRef: any;
     BentoButtonVariant: typeof BentoButtonVariant;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("open" | "clear" | "close" | "dismiss" | "apply")[], string, Readonly<import("vue").ExtractPropTypes<{
-    alwaysShowNameInLabel: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     disableApplyButton: {
         type: BooleanConstructor;
         deafault: boolean;
@@ -89,7 +74,6 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     value: string;
-    alwaysShowNameInLabel: boolean;
     disableApplyButton: boolean;
 }>;
 export default _default;

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

@@ -0,0 +1 @@
+export { default as BentoFilterButton } from './filter-button/filter-button.vue';

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

@@ -1,8 +1,4 @@
 declare const _default: import("vue").DefineComponent<{
-    alwaysShowNameInLabel: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     field: {
         type: StringConstructor;
         required: true;
@@ -26,10 +22,6 @@ declare const _default: import("vue").DefineComponent<{
     closeFilter: () => void;
     dismissFilter: () => void;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("update" | "dismiss")[], string, Readonly<import("vue").ExtractPropTypes<{
-    alwaysShowNameInLabel: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     field: {
         type: StringConstructor;
         required: true;
@@ -44,6 +36,5 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     value: string;
-    alwaysShowNameInLabel: boolean;
 }>;
 export default _default;

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

@@ -5,7 +5,6 @@ export declare enum BentoFilterItemType {
     TEXT = "BentoTextFilter"
 }
 export interface BentoFilterModel {
-    alwaysShowNameInLabel?: boolean;
     field: string;
     label: string;
     type: BentoFilterItemType;

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

@@ -44,13 +44,14 @@ declare const _default: import("vue").DefineComponent<{
     BentoInputFieldVariant: typeof BentoInputFieldVariant;
     onInput: (event: Event) => void;
     focusInput: () => void;
+    hasSlot: (name: string) => boolean;
     inputFieldConditionalClasses: import("vue").ComputedRef<{
         [x: string]: boolean;
     }>;
     inputFieldElement: any;
     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"[], string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("input" | "escape-pressed")[], string, Readonly<import("vue").ExtractPropTypes<{
     ariaHidden: {
         type: BooleanConstructor;
         default: boolean;

package/dist/@types/components/pagination/components/pagination-context/pagination-context.vue.d.ts

@@ -1,5 +1,5 @@
 import { BentoTypographyElement } from '@/components/typography';
-import { AdlDropdownOptionItem } from '@/components/dropdown';
+import { BentoDropdownOptionItem } from '@/components/dropdown';
 declare const _default: import("vue").DefineComponent<{
     page: {
         type: NumberConstructor;
@@ -12,7 +12,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     dropdownId: string;
-    listOfAvailablePages: import("vue").ComputedRef<AdlDropdownOptionItem[]>;
+    listOfAvailablePages: import("vue").ComputedRef<BentoDropdownOptionItem[]>;
     onPageSelectChange: (selectedPage: string | number) => void;
     BentoTypographyElement: typeof BentoTypographyElement;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "page-selected"[], string, Readonly<import("vue").ExtractPropTypes<{

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

@@ -9,13 +9,17 @@ declare const _default: import("vue").DefineComponent<{
     };
     actionsLayout: {
         type: PropType<BentoButtonActionsLayout>;
-        default: BentoButtonActionsLayout;
+        default: import("@/components/button").BentoButtonActionsLayoutBasic;
         validator: (value: BentoButtonActionsLayout) => boolean;
     };
     ariaLabel: {
         type: StringConstructor;
         default: any;
     };
+    divider: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     disableFocusTrap: {
         type: BooleanConstructor;
         default: boolean;
@@ -56,6 +60,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     conditionalClasses: import("vue").ComputedRef<{
         'b-popover--small': boolean;
+        'b-popover--with-divider': boolean;
         'b-popover--large': boolean;
     }>;
     contentConditionalClasses: import("vue").ComputedRef<{
@@ -71,13 +76,17 @@ declare const _default: import("vue").DefineComponent<{
     };
     actionsLayout: {
         type: PropType<BentoButtonActionsLayout>;
-        default: BentoButtonActionsLayout;
+        default: import("@/components/button").BentoButtonActionsLayoutBasic;
         validator: (value: BentoButtonActionsLayout) => boolean;
     };
     ariaLabel: {
         type: StringConstructor;
         default: any;
     };
+    divider: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     disableFocusTrap: {
         type: BooleanConstructor;
         default: boolean;
@@ -125,6 +134,7 @@ declare const _default: import("vue").DefineComponent<{
     actions: BentoButtonActionsList;
     fixedPositioning: boolean;
     actionsLayout: BentoButtonActionsLayout;
+    divider: boolean;
     disableFocusTrap: boolean;
     dismissible: boolean;
 }>;

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

@@ -14,10 +14,182 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     searchTerm: import("vue").Ref<string>;
+    bentoInputField: import("vue").Ref<import("vue/types/v3-component-public-instance").Vue3Instance<{}, Readonly<import("vue").ExtractPropTypes<{
+        ariaHidden: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        ariaLabel: {
+            type: StringConstructor;
+            default: any;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        error: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        staticValue: {
+            type: StringConstructor;
+            default: string;
+        };
+        staticValuePosition: {
+            type: import("vue").PropType<import("@/components/input-field").BentoInputFieldStaticValuePosition>;
+            default: import("@/components/input-field").BentoInputFieldStaticValuePosition;
+        };
+        type: {
+            type: import("vue").PropType<BentoInputFieldType>;
+            default: BentoInputFieldType;
+        };
+        value: {
+            type: StringConstructor;
+            default: string;
+        };
+        variant: {
+            type: import("vue").PropType<import("@/components/input-field").BentoInputFieldVariant>;
+            default: import("@/components/input-field").BentoInputFieldVariant;
+        };
+    }>>, Readonly<import("vue").ExtractPropTypes<{
+        ariaHidden: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        ariaLabel: {
+            type: StringConstructor;
+            default: any;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        error: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        staticValue: {
+            type: StringConstructor;
+            default: string;
+        };
+        staticValuePosition: {
+            type: import("vue").PropType<import("@/components/input-field").BentoInputFieldStaticValuePosition>;
+            default: import("@/components/input-field").BentoInputFieldStaticValuePosition;
+        };
+        type: {
+            type: import("vue").PropType<BentoInputFieldType>;
+            default: BentoInputFieldType;
+        };
+        value: {
+            type: StringConstructor;
+            default: string;
+        };
+        variant: {
+            type: import("vue").PropType<import("@/components/input-field").BentoInputFieldVariant>;
+            default: import("@/components/input-field").BentoInputFieldVariant;
+        };
+    }>>, ("input" | "escape-pressed")[], {
+        type: BentoInputFieldType;
+        error: boolean;
+        value: string;
+        ariaHidden: boolean;
+        ariaLabel: string;
+        disabled: boolean;
+        variant: import("@/components/input-field").BentoInputFieldVariant;
+        staticValue: string;
+        staticValuePosition: import("@/components/input-field").BentoInputFieldStaticValuePosition;
+    }, true, import("vue/types/v3-component-options").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, any>> & Readonly<Readonly<import("vue").ExtractPropTypes<{
+        ariaHidden: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        ariaLabel: {
+            type: StringConstructor;
+            default: any;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        error: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        staticValue: {
+            type: StringConstructor;
+            default: string;
+        };
+        staticValuePosition: {
+            type: import("vue").PropType<import("@/components/input-field").BentoInputFieldStaticValuePosition>;
+            default: import("@/components/input-field").BentoInputFieldStaticValuePosition;
+        };
+        type: {
+            type: import("vue").PropType<BentoInputFieldType>;
+            default: BentoInputFieldType;
+        };
+        value: {
+            type: StringConstructor;
+            default: string;
+        };
+        variant: {
+            type: import("vue").PropType<import("@/components/input-field").BentoInputFieldVariant>;
+            default: import("@/components/input-field").BentoInputFieldVariant;
+        };
+    }>>> & import("vue").ShallowUnwrapRef<{
+        BentoTypographyVariant: typeof import("../typography").BentoTypographyVariant;
+        BentoTypographyElement: typeof import("../typography").BentoTypographyElement;
+        BentoInputFieldVariant: typeof import("@/components/input-field").BentoInputFieldVariant;
+        onInput: (event: Event) => void;
+        focusInput: () => void;
+        hasSlot: (name: string) => boolean;
+        inputFieldConditionalClasses: import("vue").ComputedRef<{
+            [x: string]: boolean;
+        }>;
+        inputFieldElement: any;
+        shouldDisplayStaticValueAtStart: import("vue").ComputedRef<boolean>;
+        shouldDisplayStaticValueAtEnd: import("vue").ComputedRef<boolean>;
+    }> & import("vue/types/v3-component-options").ExtractComputedReturns<{}> & import("vue").ComponentCustomProperties & Readonly<import("vue").ExtractPropTypes<{
+        ariaHidden: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        ariaLabel: {
+            type: StringConstructor;
+            default: any;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        error: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        staticValue: {
+            type: StringConstructor;
+            default: string;
+        };
+        staticValuePosition: {
+            type: import("vue").PropType<import("@/components/input-field").BentoInputFieldStaticValuePosition>;
+            default: import("@/components/input-field").BentoInputFieldStaticValuePosition;
+        };
+        type: {
+            type: import("vue").PropType<BentoInputFieldType>;
+            default: BentoInputFieldType;
+        };
+        value: {
+            type: StringConstructor;
+            default: string;
+        };
+        variant: {
+            type: import("vue").PropType<import("@/components/input-field").BentoInputFieldVariant>;
+            default: import("@/components/input-field").BentoInputFieldVariant;
+        };
+    }>>>;
     onClearSearch: () => void;
     onInputEvent: () => void;
     BentoInputFieldType: typeof BentoInputFieldType;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("input" | "clear")[], string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("input" | "clear" | "escape-pressed")[], string, Readonly<import("vue").ExtractPropTypes<{
     ariaLabel: {
         type: StringConstructor;
         required: true;