@adyen/bento-vue2 0.9.1 → 0.9.3

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

@@ -1,6 +1,7 @@
 import { PropType } from 'vue';
-import { BentoFilterBarModel, BentoFilterModel } from './filter-bar.types';
+import { BentoFilterBarEvent, BentoFilterBarModel, BentoFilterModel } from './filter-bar.types';
 import { BentoButtonVariant } from '@/components/button';
+import { BentoSearchBarEvent } from '@/components/search-bar';
 declare const _default: import("vue").DefineComponent<{
     searchTerm: {
         type: StringConstructor;
@@ -11,19 +12,21 @@ declare const _default: import("vue").DefineComponent<{
         default: () => any[];
     };
 }, {
+    hasHiddenFilters: import("vue").ComputedRef<boolean>;
     isClearAllVisible: import("vue").ComputedRef<boolean>;
     isSearchBarEnabled: import("vue").ComputedRef<boolean>;
-    searchBarAriaLabel: string;
+    searchBarAriaLabel: import("vue").ComputedRef<string>;
     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;
     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<{
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, (BentoFilterBarEvent | BentoSearchBarEvent)[], string, Readonly<import("vue").ExtractPropTypes<{
     searchTerm: {
         type: StringConstructor;
         default: any;

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

@@ -21,12 +21,12 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
     lastUpdated: {
-        type: (NumberConstructor | DateConstructor)[];
+        type: (DateConstructor | NumberConstructor)[];
         default: any;
     };
 }, {
     hasSlot: (name: string) => boolean;
-    timestamp: import("vue").ComputedRef<import("vue-i18n").default.TranslateResult>;
+    timestamp: import("vue").ComputedRef<any>;
     typography: import("vue").ComputedRef<{
         el: BentoTypographyElement;
         variant: BentoTypographyVariant;
@@ -54,7 +54,7 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
     lastUpdated: {
-        type: (NumberConstructor | DateConstructor)[];
+        type: (DateConstructor | NumberConstructor)[];
         default: any;
     };
 }>>, {

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

@@ -29,6 +29,9 @@ export declare enum BentoInputFieldEvent {
     INPUT = "input",
     ESCAPE_PRESSED = "escape-pressed",
     UPDATE_DROPDOWN = "update:dropdown",
-    DROPDOWN_INPUT = "dropdown-input"
+    DROPDOWN_INPUT = "dropdown-input",
+    FOCUS = "focus",
+    CHANGE = "change",
+    BLUR = "blur"
 }
 export {};

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

@@ -122,15 +122,15 @@ declare const _default: import("vue").DefineComponent<{
         default: BentoInputFieldVariant;
     };
 }>>, {
-    type: BentoInputFieldType;
     error: boolean;
     value: string;
-    ariaHidden: boolean;
-    ariaLabel: string;
+    type: BentoInputFieldType;
+    variant: BentoInputFieldVariant;
     disabled: boolean;
+    ariaLabel: string;
     placeholder: string;
-    variant: BentoInputFieldVariant;
     dropdown: BentoInputDropdownProps;
+    ariaHidden: boolean;
     dropdownPosition: BentoInputFieldElementPosition;
     staticValue: string;
     staticValuePosition: BentoInputFieldElementPosition;

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

@@ -12,7 +12,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     type: {
-        type: PropType<"button" | "reset" | "submit">;
+        type: PropType<"button" | "submit" | "reset">;
         default: string;
     };
 }, {
@@ -36,12 +36,12 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     type: {
-        type: PropType<"button" | "reset" | "submit">;
+        type: PropType<"button" | "submit" | "reset">;
         default: string;
     };
 }>>, {
-    type: "button" | "reset" | "submit";
-    disabled: boolean;
+    type: "button" | "submit" | "reset";
     critical: boolean;
+    disabled: boolean;
 }>;
 export default _default;

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

@@ -0,0 +1,5 @@
+export declare enum CopyTooltipState {
+    DEFAULT = "default",
+    COPYING = "copying",
+    ERROR = "error"
+}

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

@@ -12,7 +12,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     BentoButtonVariant: typeof BentoButtonVariant;
-    copyText: import("vue").Ref<import("vue-i18n").default.TranslateResult>;
+    copyText: import("vue").ComputedRef<any>;
     onClickCopy: () => Promise<void>;
     resetText: () => void;
     showScreenReaderAlert: import("vue").Ref<boolean>;

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

@@ -1,3 +1,8 @@
+export declare enum GridLayoutContainerType {
+    INLINE = "inline-size",
+    SIZE = "size",
+    NORMAL = "normal"
+}
 export interface GridLayoutColumnWidth {
     small: number | string;
     medium: number | string;

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

@@ -1,13 +1,21 @@
 import { PropType } from 'vue';
-import { GridLayoutColumnWidths } from './grid-layout.types';
+import { GridLayoutColumnWidths, GridLayoutContainerType } from './grid-layout.types';
 declare const _default: import("vue").DefineComponent<{
     columnWidth: {
         type: PropType<GridLayoutColumnWidths>;
         default: any;
         validator: (array: GridLayoutColumnWidths) => boolean;
     };
+    containerType: {
+        type: PropType<GridLayoutContainerType>;
+        default: GridLayoutContainerType;
+    };
 }, {
     computeColumnSize: (index: any) => string[];
+    computedClasses: import("vue").ComputedRef<{
+        'b-grid-layout--container-type-normal': boolean;
+        'b-grid-layout--container-type-size': boolean;
+    }>;
     hasSlot: (name: string) => boolean;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     columnWidth: {
@@ -15,7 +23,12 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
         validator: (array: GridLayoutColumnWidths) => boolean;
     };
+    containerType: {
+        type: PropType<GridLayoutContainerType>;
+        default: GridLayoutContainerType;
+    };
 }>>, {
     columnWidth: GridLayoutColumnWidths;
+    containerType: GridLayoutContainerType;
 }>;
 export default _default;

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

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

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

@@ -24,7 +24,7 @@ declare const _default: import("vue").DefineComponent<{
     isAnOptionSelected: import("vue").ComputedRef<boolean>;
     isIndeterminate: import("vue").ComputedRef<boolean>;
     selectedItemsList: import("vue").Ref<BentoListboxValue[]>;
-    selectAllCheckboxText: import("vue").ComputedRef<import("vue-i18n").default.TranslateResult>;
+    selectAllCheckboxText: import("vue").ComputedRef<any>;
     selectedOptions: import("vue").ComputedRef<BentoListboxOptionItem[]>;
     BentoTypographyElement: typeof BentoTypographyElement;
     toggleCheckboxSelection: (value: BentoListboxValue) => void;

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

@@ -17,7 +17,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     ariaDisabled: import("vue").ComputedRef<boolean>;
     ariaSelected: import("vue").ComputedRef<boolean>;
-    tabIndex: import("vue").ComputedRef<0 | -1>;
+    tabIndex: import("vue").ComputedRef<-1 | 0>;
     BentoTypographyElement: typeof BentoTypographyElement;
     onOptionSelected: () => void;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("select" | "escape-pressed")[], string, Readonly<import("vue").ExtractPropTypes<{

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

@@ -22,6 +22,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    noResultsMessage: {
+        type: StringConstructor;
+        required: true;
+    };
     searching: {
         type: BooleanConstructor;
         default: boolean;
@@ -55,6 +59,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    noResultsMessage: {
+        type: StringConstructor;
+        required: true;
+    };
     searching: {
         type: BooleanConstructor;
         default: boolean;
@@ -65,9 +73,9 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     ariaLabel: string;
-    multiple: boolean;
     isOptionDisabled: BentoListboxIsOptionDisabled;
     searching: boolean;
+    multiple: boolean;
     selectedValue: BentoListboxSelectedValue;
 }>;
 export default _default;

package/dist/@types/components/loading-indicator/loading-indicator.vue.d.ts

@@ -33,7 +33,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     small: boolean;
-    inverse: boolean;
     large: boolean;
+    inverse: boolean;
 }>;
 export default _default;

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

@@ -85,9 +85,9 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }>>, {
-    disabled: boolean;
-    icon: VueNodeElement;
     critical: boolean;
+    disabled: boolean;
+    icon: any;
     secondaryText: string;
     chevron: boolean;
     indent: boolean;

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

@@ -56,7 +56,7 @@ declare const _default: import("vue").DefineComponent<{
     onKeyDown: () => void;
     onKeyUp: () => void;
     closeMenu: () => void;
-    toggleShowMenu: () => void;
+    toggleShowMenu: (e: MouseEvent) => void;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     data: {
         type: PropType<BentoMenuItem[]>;

package/dist/@types/components/modal/components/base-modal/__mocks__/base-modal.vue.d.ts

@@ -0,0 +1,123 @@
+import { PropType } from 'vue';
+import { BentoModalColumnLayoutVariant, BentoModalEvent, BentoModalRole, BentoModalSize } from '@/components/modal/modal.types';
+import { BentoButtonVariant } from '@/components/button/button.types';
+import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+declare const _default: import("vue").DefineComponent<{
+    modalRole: {
+        type: StringConstructor;
+        default: BentoModalRole;
+    };
+    isDismissible: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    hideCloseButton: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    customPadding: {
+        type: StringConstructor;
+        default: any;
+    };
+    withColumnLayout: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    columnsSize: {
+        type: PropType<BentoModalColumnLayoutVariant>;
+        default: BentoModalColumnLayoutVariant;
+    };
+    isOpen: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    size: {
+        type: PropType<BentoModalSize>;
+        default: BentoModalSize;
+    };
+    initiallyOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    modal: any;
+    computedAriaLabel: import("vue").ComputedRef<string>;
+    openModal: () => void;
+    closeModalOnClickOutside: ({ target }: Event) => void;
+    onCloseButtonClick: () => void;
+    hasSlot: (name: string) => boolean;
+    emitCloseEvent: () => void;
+    modalConditionalClasses: import("vue").ComputedRef<{
+        [x: string]: boolean | BentoModalSize;
+        "b-modal-base__container--visible": boolean;
+    }>;
+    modalContentConditionalClasses: import("vue").ComputedRef<{
+        'b-modal-base__content--column-layout': boolean;
+    }>;
+    wrapperStyles: import("vue").ComputedRef<{
+        padding: string;
+    } | {
+        padding?: undefined;
+    }>;
+    dividerStyles: import("vue").ComputedRef<{
+        marginLeft: string;
+        width: string;
+    } | {
+        marginLeft?: undefined;
+        width?: undefined;
+    }>;
+    hasColumnLayout: import("vue").ComputedRef<boolean>;
+    computedColumnWidth: import("vue").ComputedRef<{
+        small: number;
+        medium: number;
+        large: number;
+    }[]>;
+    BentoButtonVariant: typeof BentoButtonVariant;
+    BentoTypographyElement: typeof BentoTypographyElement;
+    BentoTypographyVariant: typeof BentoTypographyVariant;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoModalEvent[], string, Readonly<import("vue").ExtractPropTypes<{
+    modalRole: {
+        type: StringConstructor;
+        default: BentoModalRole;
+    };
+    isDismissible: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    hideCloseButton: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    customPadding: {
+        type: StringConstructor;
+        default: any;
+    };
+    withColumnLayout: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    columnsSize: {
+        type: PropType<BentoModalColumnLayoutVariant>;
+        default: BentoModalColumnLayoutVariant;
+    };
+    isOpen: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    size: {
+        type: PropType<BentoModalSize>;
+        default: BentoModalSize;
+    };
+    initiallyOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    size: BentoModalSize;
+    modalRole: string;
+    customPadding: string;
+    withColumnLayout: boolean;
+    columnsSize: BentoModalColumnLayoutVariant;
+    initiallyOpen: boolean;
+}>;
+export default _default;

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

@@ -1,7 +1,8 @@
 import { PropType } from 'vue';
-import { BentoModalColumnLayoutVariant, BentoModalEvent, BentoModalRole, BentoModalSize } from '@/components/modal';
+import { BentoModalColumnLayoutVariant, BentoModalEvent, BentoModalRole, BentoModalSize } from '@/components/modal/modal.types';
 import { BentoButtonVariant } from '@/components/button/button.types';
 import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+import { GridLayoutContainerType } from '@/internal';
 declare const _default: import("vue").DefineComponent<{
     modalRole: {
         type: StringConstructor;
@@ -47,6 +48,9 @@ declare const _default: import("vue").DefineComponent<{
     onCloseButtonClick: () => void;
     hasSlot: (name: string) => boolean;
     emitCloseEvent: () => void;
+    modalActionsConditionalClasses: import("vue").ComputedRef<{
+        'b-modal-base__actions--column-layout': boolean;
+    }>;
     modalConditionalClasses: import("vue").ComputedRef<{
         [x: string]: boolean | BentoModalSize;
         "b-modal-base__container--visible": boolean;
@@ -75,6 +79,7 @@ declare const _default: import("vue").DefineComponent<{
     BentoButtonVariant: typeof BentoButtonVariant;
     BentoTypographyElement: typeof BentoTypographyElement;
     BentoTypographyVariant: typeof BentoTypographyVariant;
+    GridLayoutContainerType: typeof GridLayoutContainerType;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoModalEvent[], string, Readonly<import("vue").ExtractPropTypes<{
     modalRole: {
         type: StringConstructor;

package/dist/@types/components/modal/components/modal-dialog/modal-dialog.vue.d.ts

@@ -28,11 +28,11 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     dialogActions: import("vue").ComputedRef<BentoButtonActionObject[]>;
-    acknowledgementDialogActions: {
+    acknowledgementDialogActions: import("vue").ComputedRef<{
         title: string;
         event: () => void;
         variant: BentoButtonVariant;
-    }[];
+    }[]>;
     onCloseModal: () => void;
     onCloseActionButton: () => void;
     modalDialogConditionalClasses: import("vue").ComputedRef<{

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

@@ -133,8 +133,8 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     content: string;
-    size: BentoModalSize;
     variant: BentoModalVariant;
+    size: BentoModalSize;
     actions: BentoButtonActionsList;
     isDismissible: boolean;
     hideCloseButton: boolean;

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

@@ -63,8 +63,8 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     ariaLabel: string;
     size: number;
-    page: number;
     totalCount: number;
+    page: number;
     hasNext: boolean;
     hidePageSize: boolean;
 }>;

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

@@ -152,13 +152,13 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     small: boolean;
-    open: boolean;
-    position: import("@/components/popper-container").PopperContainerPosition;
     title: string;
+    large: boolean;
     ariaLabel: string;
     modifiers: unknown[];
-    large: boolean;
+    position: import("@/components/popper-container").PopperContainerPosition;
     fixedPositioning: boolean;
+    open: boolean;
     actions: BentoButtonActionsList;
     actionsLayout: BentoButtonActionsLayout;
     divider: boolean;

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

@@ -119,12 +119,12 @@ declare const _default: import("vue").DefineComponent<{
         validator: (value: unknown) => boolean;
     };
 }>>, {
-    offset: number[];
     id: string;
-    position: PopperContainerPosition;
     ariaLabel: string;
     modifiers: unknown[];
     arrow: any;
+    offset: number[];
+    position: PopperContainerPosition;
     matchWidth: boolean;
     fixedPositioning: boolean;
     disabledFocusTrap: boolean;

package/dist/@types/components/radio-group/components/radio-button/radio-button.types.d.ts

@@ -0,0 +1,4 @@
+export declare enum BentoRadioButtonStateClass {
+    DISABLED = "disabled",
+    ERROR = "error"
+}

package/dist/@types/components/radio-group/components/radio-button/radio-button.vue.d.ts

@@ -5,6 +5,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    hasError: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     value: {
         type: (StringConstructor | NumberConstructor)[];
         required: true;
@@ -15,21 +19,29 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     ariaLabel: ComputedRef<string>;
+    ariaInvalid: ComputedRef<(boolean | "true" | "false") | "grammar" | "spelling">;
     isChecked: ComputedRef<boolean>;
     defaultSlotValue: boolean;
     descriptionSlotValue: boolean;
-    conditionalClass: ComputedRef<{
-        'b-radio-button--disabled': boolean;
+    conditionalClassContainer: ComputedRef<{
+        [x: string]: boolean;
+    }>;
+    conditionalClassInput: ComputedRef<{
+        [x: string]: boolean;
     }>;
     radioButtonId: string;
     onClick: () => void;
     BentoTypographyVariant: typeof BentoTypographyVariant;
     BentoTypographyElement: typeof BentoTypographyElement;
-}, {}, {}, {}, 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").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "input"[], string, Readonly<import("vue").ExtractPropTypes<{
     disabled: {
         type: BooleanConstructor;
         default: boolean;
     };
+    hasError: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     value: {
         type: (StringConstructor | NumberConstructor)[];
         required: true;
@@ -41,5 +53,6 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     disabled: boolean;
     modelValue: string | number;
+    hasError: boolean;
 }>;
 export default _default;

package/dist/@types/components/radio-group/radio-group.types.d.ts

@@ -7,5 +7,6 @@ export interface BentoRadioGroupItem {
     label: string;
     description?: string;
     disabled?: boolean;
+    hasError?: boolean;
 }
 export type BentoRadioGroupItems = Array<BentoRadioGroupItem>;

package/dist/@types/components/radio-group/radio-group.vue.d.ts

@@ -18,6 +18,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    hasError: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     label: {
         type: StringConstructor;
         required: true;
@@ -50,6 +54,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    hasError: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     label: {
         type: StringConstructor;
         required: true;
@@ -59,8 +67,9 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
 }>>, {
-    disabled: boolean;
     variant: BentoRadioGroupVariant;
+    disabled: boolean;
+    hasError: boolean;
     formId: string;
     selectedValue: string | number;
 }>;

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

@@ -1,3 +1,14 @@
+export declare enum BentoSearchBarInternalEvent {
+    CLEAR = "clear",
+    ESCAPE = "escape-pressed",
+    INPUT = "input",
+    UPDATE = "update:search-term"
+}
+export declare enum BentoSearchBarEvent {
+    CLEAR = "search-clear",
+    INPUT = "search-input",
+    UPDATE = "update:search-term"
+}
 export interface BentoSearchBarItem {
     label: string;
 }

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

@@ -1,4 +1,5 @@
 import { BentoInputFieldType } from '@/components/input-field/input-field.types';
+import { BentoSearchBarInternalEvent } from './search-bar.types';
 declare const _default: import("vue").DefineComponent<{
     inputFieldAriaLabel: {
         type: StringConstructor;
@@ -117,15 +118,15 @@ declare const _default: import("vue").DefineComponent<{
             default: import("@/components/input-field/input-field.types").BentoInputFieldVariant;
         };
     }>>, import("@/components/input-field/input-field.types").BentoInputFieldEvent[], {
-        type: BentoInputFieldType;
         error: boolean;
         value: string;
-        ariaHidden: boolean;
-        ariaLabel: string;
+        type: BentoInputFieldType;
+        variant: import("@/components/input-field/input-field.types").BentoInputFieldVariant;
         disabled: boolean;
+        ariaLabel: string;
         placeholder: string;
-        variant: import("@/components/input-field/input-field.types").BentoInputFieldVariant;
         dropdown: import("@/components/input-field/input-field.types").BentoInputDropdownProps;
+        ariaHidden: boolean;
         dropdownPosition: import("@/components/input-field/input-field.types").BentoInputFieldElementPosition;
         staticValue: string;
         staticValuePosition: import("@/components/input-field/input-field.types").BentoInputFieldElementPosition;
@@ -251,7 +252,8 @@ declare const _default: import("vue").DefineComponent<{
     onClearSearch: () => void;
     onInputEvent: () => void;
     BentoInputFieldType: typeof BentoInputFieldType;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("input" | "clear" | "escape-pressed")[], string, Readonly<import("vue").ExtractPropTypes<{
+    BentoSearchBarInternalEvent: typeof BentoSearchBarInternalEvent;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, (BentoSearchBarInternalEvent.CLEAR | BentoSearchBarInternalEvent.ESCAPE | BentoSearchBarInternalEvent.INPUT)[], string, Readonly<import("vue").ExtractPropTypes<{
     inputFieldAriaLabel: {
         type: StringConstructor;
         required: true;
@@ -270,7 +272,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     value: string;
-    placeholder: string;
     debounceTime: number;
+    placeholder: string;
 }>;
 export default _default;