@adyen/bento-vue3 1.3.0 → 1.4.0

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

@@ -8,7 +8,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         default: any;
     };
     actionsLayout: {
-        type: PropType<BentoButtonActionsLayout | "buttons-end" | "fill-container" | "space-between" | "vertical-stack" | "buttons-start">;
+        type: PropType<"space-between" | BentoButtonActionsLayout | "buttons-end" | "fill-container" | "vertical-stack" | "buttons-start">;
         default: import("../button").BentoButtonActionsLayoutBasic;
         validator: (value: BentoButtonActionsLayout) => boolean;
     };
@@ -49,7 +49,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         default: any;
     };
     position: {
-        type: PropType<"left" | "auto" | "top" | "right" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition>;
+        type: PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition>;
         default: import("../popper-container").PopperContainerPositionBasic;
         validator: (value: BentoPopoverPositions) => boolean;
     };
@@ -70,6 +70,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         default: boolean;
     };
 }, {
+    computedAriaLabel: import("../../../../vue3/node_modules/vue").ComputedRef<string>;
     conditionalClasses: import("../../../../vue3/node_modules/vue").ComputedRef<{
         'b-popover--small': boolean;
         'b-popover--with-divider': boolean;
@@ -83,7 +84,6 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     computedAttributes: import("../../../../vue3/node_modules/vue").ComputedRef<{
         id: string;
     }>;
-    computedAriaLabel: import("../../../../vue3/node_modules/vue").ComputedRef<string>;
     PopperContainerAriaRole: typeof PopperContainerAriaRole;
     dismissPopover: () => void;
     hasSlot: (name: string) => boolean;
@@ -93,7 +93,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         default: any;
     };
     actionsLayout: {
-        type: PropType<BentoButtonActionsLayout | "buttons-end" | "fill-container" | "space-between" | "vertical-stack" | "buttons-start">;
+        type: PropType<"space-between" | BentoButtonActionsLayout | "buttons-end" | "fill-container" | "vertical-stack" | "buttons-start">;
         default: import("../button").BentoButtonActionsLayoutBasic;
         validator: (value: BentoButtonActionsLayout) => boolean;
     };
@@ -134,7 +134,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         default: any;
     };
     position: {
-        type: PropType<"left" | "auto" | "top" | "right" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition>;
+        type: PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition>;
         default: import("../popper-container").PopperContainerPositionBasic;
         validator: (value: BentoPopoverPositions) => boolean;
     };
@@ -160,17 +160,17 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     small: boolean;
     title: string;
     large: boolean;
+    position: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition;
+    open: boolean;
     modifiers: unknown[];
-    position: "left" | "auto" | "top" | "right" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition;
-    ariaLabel: string;
     fixedPositioning: boolean;
+    ariaLabel: string;
     actions: BentoButtonActionsList;
-    actionsLayout: BentoButtonActionsLayout | "buttons-end" | "fill-container" | "space-between" | "vertical-stack" | "buttons-start";
+    actionsLayout: "space-between" | BentoButtonActionsLayout | "buttons-end" | "fill-container" | "vertical-stack" | "buttons-start";
     divider: boolean;
     disableFocusTrap: boolean;
     dismissible: boolean;
     fitContent: boolean;
-    open: boolean;
     withoutSpace: boolean;
 }>;
 export default _default;

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

@@ -7,16 +7,12 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         type: StringConstructor;
         default: any;
     };
-    ariaLabel: {
-        type: StringConstructor;
-        default: any;
-    };
     targetElement: {
         type: PropType<VueNodeElement>;
         required: true;
     };
     position: {
-        type: PropType<"left" | "auto" | "top" | "right" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | PopperContainerPosition>;
+        type: PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | PopperContainerPosition>;
         default: import("./popper-container.types").PopperContainerPositionExtended;
         validator: (value: unknown) => boolean;
     };
@@ -71,16 +67,12 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         type: StringConstructor;
         default: any;
     };
-    ariaLabel: {
-        type: StringConstructor;
-        default: any;
-    };
     targetElement: {
         type: PropType<VueNodeElement>;
         required: true;
     };
     position: {
-        type: PropType<"left" | "auto" | "top" | "right" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | PopperContainerPosition>;
+        type: PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | PopperContainerPosition>;
         default: import("./popper-container.types").PopperContainerPositionExtended;
         validator: (value: unknown) => boolean;
     };
@@ -119,13 +111,12 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         validator: (value: unknown) => boolean;
     };
 }>>, {
-    id: string;
+    position: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | PopperContainerPosition;
+    offset: number[];
     modifiers: unknown[];
     arrow: any;
-    offset: number[];
-    position: "left" | "auto" | "top" | "right" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | PopperContainerPosition;
     matchWidth: boolean;
-    ariaLabel: string;
+    id: string;
     fixedPositioning: boolean;
     disabledFocusTrap: boolean;
     fallbackPosition: FallbackPositionProp;

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

@@ -1,4 +1,3 @@
-import { BentoTypographyElement, BentoTypographyVariant } from "../../../typography";
 import { ComputedRef } from "../../../../../../vue3/node_modules/vue";
 import { BentoRadioGroupEvent } from '../../radio-group.types';
 declare const _default: import("../../../../../../vue3/node_modules/vue").DefineComponent<{
@@ -26,8 +25,8 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     ariaLabel: ComputedRef<string>;
     ariaInvalid: ComputedRef<(boolean | "true" | "false") | "grammar" | "spelling">;
     isChecked: ComputedRef<boolean>;
-    defaultSlotValue: boolean;
-    descriptionSlotValue: boolean;
+    defaultSlotValue: string;
+    descriptionSlotValue: string;
     conditionalClassContainer: ComputedRef<{
         [x: string]: boolean;
     }>;
@@ -36,11 +35,10 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     }>;
     radioButtonId: string;
     descriptionId: string;
+    hasSlot: (name: string) => boolean;
     onChange: () => void;
     onClick: (event: any) => void;
-    BentoTypographyVariant: typeof BentoTypographyVariant;
-    BentoTypographyElement: typeof BentoTypographyElement;
-}, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, BentoRadioGroupEvent[], BentoRadioGroupEvent, import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, BentoRadioGroupEvent.UPDATE[], BentoRadioGroupEvent.UPDATE, import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
     disabled: {
         type: BooleanConstructor;
         default: boolean;

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

@@ -12,5 +12,6 @@ export interface BentoRadioGroupItem {
 }
 export type BentoRadioGroupItems = Array<BentoRadioGroupItem>;
 export declare enum BentoRadioGroupEvent {
-    UPDATE = "update:model-value"
+    UPDATE = "update:model-value",
+    INPUT = "input"
 }

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

@@ -54,7 +54,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         default: any;
     };
     variant: {
-        type: PropType<"vertical" | "horizontal" | BentoRadioGroupVariant>;
+        type: PropType<"horizontal" | "vertical" | BentoRadioGroupVariant>;
         default: BentoRadioGroupVariant;
         validator: (value: BentoRadioGroupVariant) => boolean;
     };
@@ -122,16 +122,17 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         default: any;
     };
     variant: {
-        type: PropType<"vertical" | "horizontal" | BentoRadioGroupVariant>;
+        type: PropType<"horizontal" | "vertical" | BentoRadioGroupVariant>;
         default: BentoRadioGroupVariant;
         validator: (value: BentoRadioGroupVariant) => boolean;
     };
 }>> & {
+    onInput?: (...args: any[]) => any;
     "onUpdate:model-value"?: (...args: any[]) => any;
 }, {
     required: boolean;
+    variant: "horizontal" | "vertical" | BentoRadioGroupVariant;
     disabled: boolean;
-    variant: "vertical" | "horizontal" | BentoRadioGroupVariant;
     description: string;
     tooltipText: string;
     optional: boolean;

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

@@ -1,10 +1,12 @@
-import { BentoInputFieldType } from "../input-field/input-field.types";
-import { BentoSearchBarInternalEvent } from './search-bar.types';
 declare const _default: import("../../../../vue3/node_modules/vue").DefineComponent<{
     inputFieldAriaLabel: {
         type: StringConstructor;
         required: true;
     };
+    condensed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     debounceTime: {
         type: NumberConstructor;
         default: number;
@@ -17,395 +19,21 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         type: StringConstructor;
         default: any;
     };
-}, {
-    searchTerm: import("../../../../vue3/node_modules/vue").Ref<string>;
-    bentoInputField: import("../../../../vue3/node_modules/vue").Ref<{
-        $: import("../../../../vue3/node_modules/vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            value: import("../input-field/input-field.types").BentoInputFieldValue;
-            type: "number" | "search" | "text" | BentoInputFieldType;
-            required: boolean;
-            disabled: boolean;
-            variant: "default" | "payment-method" | "static-value" | "dropdown" | import("../input-field/input-field.types").BentoInputFieldVariant;
-            error: boolean;
-            ariaLabel: string;
-            placeholder: string;
-            optional: boolean;
-            errorMessage: string;
-            readonly: boolean;
-            dropdown: import("../input-field/input-field.types").BentoInputDropdownProps;
-            ariaHidden: boolean;
-            dropdownPosition: "start" | "end" | import("../input-field/input-field.types").BentoInputFieldElementPosition;
-            staticValue: string;
-            staticValuePosition: "start" | "end" | import("../input-field/input-field.types").BentoInputFieldElementPosition;
-        }> & Omit<Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
-            ariaHidden: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            ariaLabel: {
-                type: StringConstructor;
-                default: any;
-            };
-            disabled: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            dropdown: {
-                type: import("../../../../vue3/node_modules/vue").PropType<import("../input-field/input-field.types").BentoInputDropdownProps>;
-                default: any;
-            };
-            dropdownPosition: {
-                type: import("../../../../vue3/node_modules/vue").PropType<"start" | "end" | import("../input-field/input-field.types").BentoInputFieldElementPosition>;
-                default: import("../input-field/input-field.types").BentoInputFieldElementPosition;
-                validator: (value: import("../input-field/input-field.types").BentoInputFieldElementPosition) => boolean;
-            };
-            error: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            errorMessage: {
-                type: StringConstructor;
-                default: any;
-            };
-            optional: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            placeholder: {
-                type: StringConstructor;
-                default: string;
-            };
-            required: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            readonly: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            staticValue: {
-                type: StringConstructor;
-                default: string;
-            };
-            staticValuePosition: {
-                type: import("../../../../vue3/node_modules/vue").PropType<"start" | "end" | import("../input-field/input-field.types").BentoInputFieldElementPosition>;
-                default: import("../input-field/input-field.types").BentoInputFieldElementPosition;
-                validator: (value: import("../input-field/input-field.types").BentoInputFieldElementPosition) => boolean;
-            };
-            type: {
-                type: import("../../../../vue3/node_modules/vue").PropType<"number" | "search" | "text" | BentoInputFieldType>;
-                default: BentoInputFieldType;
-                validator: (value: BentoInputFieldType) => boolean;
-            };
-            value: {
-                type: import("../../../../vue3/node_modules/vue").PropType<import("../input-field/input-field.types").BentoInputFieldValue>;
-                default: any;
-            };
-            variant: {
-                type: import("../../../../vue3/node_modules/vue").PropType<"default" | "payment-method" | "static-value" | "dropdown" | import("../input-field/input-field.types").BentoInputFieldVariant>;
-                default: import("../input-field/input-field.types").BentoInputFieldVariant;
-                validator: (value: import("../input-field/input-field.types").BentoInputFieldVariant) => boolean;
-            };
-        }>> & {
-            onFocus?: (...args: any[]) => any;
-            onBlur?: (...args: any[]) => any;
-            onChange?: (...args: any[]) => any;
-            onInput?: (...args: any[]) => any;
-            onKeydown?: (...args: any[]) => any;
-            "onEscape-pressed"?: (...args: any[]) => any;
-            "onUpdate:dropdown"?: (...args: any[]) => any;
-            "onDropdown-input"?: (...args: any[]) => any;
-        } & import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, "value" | "type" | "required" | "disabled" | "variant" | "error" | "ariaLabel" | "placeholder" | "optional" | "errorMessage" | "readonly" | "dropdown" | "ariaHidden" | "dropdownPosition" | "staticValue" | "staticValuePosition">;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import("../../../../vue3/node_modules/vue").Slot;
-        }>;
-        $root: import("../../../../vue3/node_modules/vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("../../../../vue3/node_modules/vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-        $parent: import("../../../../vue3/node_modules/vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("../../../../vue3/node_modules/vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-        $emit: (event: import("../input-field/input-field.types").BentoInputFieldEvent, ...args: any[]) => void;
-        $el: any;
-        $options: import("../../../../vue3/node_modules/vue").ComponentOptionsBase<Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
-            ariaHidden: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            ariaLabel: {
-                type: StringConstructor;
-                default: any;
-            };
-            disabled: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            dropdown: {
-                type: import("../../../../vue3/node_modules/vue").PropType<import("../input-field/input-field.types").BentoInputDropdownProps>;
-                default: any;
-            };
-            dropdownPosition: {
-                type: import("../../../../vue3/node_modules/vue").PropType<"start" | "end" | import("../input-field/input-field.types").BentoInputFieldElementPosition>;
-                default: import("../input-field/input-field.types").BentoInputFieldElementPosition;
-                validator: (value: import("../input-field/input-field.types").BentoInputFieldElementPosition) => boolean;
-            };
-            error: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            errorMessage: {
-                type: StringConstructor;
-                default: any;
-            };
-            optional: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            placeholder: {
-                type: StringConstructor;
-                default: string;
-            };
-            required: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            readonly: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            staticValue: {
-                type: StringConstructor;
-                default: string;
-            };
-            staticValuePosition: {
-                type: import("../../../../vue3/node_modules/vue").PropType<"start" | "end" | import("../input-field/input-field.types").BentoInputFieldElementPosition>;
-                default: import("../input-field/input-field.types").BentoInputFieldElementPosition;
-                validator: (value: import("../input-field/input-field.types").BentoInputFieldElementPosition) => boolean;
-            };
-            type: {
-                type: import("../../../../vue3/node_modules/vue").PropType<"number" | "search" | "text" | BentoInputFieldType>;
-                default: BentoInputFieldType;
-                validator: (value: BentoInputFieldType) => boolean;
-            };
-            value: {
-                type: import("../../../../vue3/node_modules/vue").PropType<import("../input-field/input-field.types").BentoInputFieldValue>;
-                default: any;
-            };
-            variant: {
-                type: import("../../../../vue3/node_modules/vue").PropType<"default" | "payment-method" | "static-value" | "dropdown" | import("../input-field/input-field.types").BentoInputFieldVariant>;
-                default: import("../input-field/input-field.types").BentoInputFieldVariant;
-                validator: (value: import("../input-field/input-field.types").BentoInputFieldVariant) => boolean;
-            };
-        }>> & {
-            onFocus?: (...args: any[]) => any;
-            onBlur?: (...args: any[]) => any;
-            onChange?: (...args: any[]) => any;
-            onInput?: (...args: any[]) => any;
-            onKeydown?: (...args: any[]) => any;
-            "onEscape-pressed"?: (...args: any[]) => any;
-            "onUpdate:dropdown"?: (...args: any[]) => any;
-            "onDropdown-input"?: (...args: any[]) => any;
-        }, {
-            BentoTypographyVariant: typeof import("../typography").BentoTypographyVariant;
-            BentoTypographyElement: typeof import("../typography").BentoTypographyElement;
-            BentoInputFieldVariant: typeof import("../input-field/input-field.types").BentoInputFieldVariant;
-            BentoDropdownSize: typeof import("../dropdown/dropdown.types").BentoDropdownSize;
-            BentoInputFieldEvent: typeof import("../input-field/input-field.types").BentoInputFieldEvent;
-            t: import("vue-i18n-bridge").ComposerTranslation<import("../../utils/ts/i18n").i18nMessages, string, import("@intlify/core-base").RemoveIndexSignature<{
-                [x: string]: import("vue-i18n-bridge").LocaleMessageValue<import("vue-i18n-bridge").VueMessageType>;
-            }>, never, import("@intlify/core-base")._ResourcePath<{
-                [key: string]: string;
-            }>, import("@intlify/core-base")._ResourcePath<{
-                [key: string]: string;
-            }>> | ((key: "required" | "optional", values?: import("vue-i18n").default.Values) => string);
-            onDropdownInput: (selectedValue: import("../..").BentoListboxSelectedValue) => void;
-            onInput: (event: Event) => void;
-            focusInput: () => void;
-            hasSlot: (name: string) => boolean;
-            inputFieldConditionalClasses: import("../../../../vue3/node_modules/vue").ComputedRef<{
-                [x: string]: boolean;
-            }>;
-            inputFieldElement: any;
-            inputFieldId: string;
-            dropdownId: string;
-            staticValueId: string;
-            descriptionId: string;
-            errorId: string;
-            isReadOnly: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
-            shouldDisplayStaticValueAtStart: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
-            shouldDisplayStaticValueAtEnd: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
-            shouldShowDropdown: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
-            shouldDisplayDropdownAtStart: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
-            shouldDisplayDropdownAtEnd: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
-            shouldShowError: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
-            computedAriaOwns: import("../../../../vue3/node_modules/vue").ComputedRef<string>;
-            computedAriaLabel: import("../../../../vue3/node_modules/vue").ComputedRef<any>;
-            computedAriaDescribedBy: import("../../../../vue3/node_modules/vue").ComputedRef<string>;
-        }, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../input-field/input-field.types").BentoInputFieldEvent[], string, {
-            value: import("../input-field/input-field.types").BentoInputFieldValue;
-            type: "number" | "search" | "text" | BentoInputFieldType;
-            required: boolean;
-            disabled: boolean;
-            variant: "default" | "payment-method" | "static-value" | "dropdown" | import("../input-field/input-field.types").BentoInputFieldVariant;
-            error: boolean;
-            ariaLabel: string;
-            placeholder: string;
-            optional: boolean;
-            errorMessage: string;
-            readonly: boolean;
-            dropdown: import("../input-field/input-field.types").BentoInputDropdownProps;
-            ariaHidden: boolean;
-            dropdownPosition: "start" | "end" | import("../input-field/input-field.types").BentoInputFieldElementPosition;
-            staticValue: string;
-            staticValuePosition: "start" | "end" | import("../input-field/input-field.types").BentoInputFieldElementPosition;
-        }, {}, string> & {
-            beforeCreate?: (() => void) | (() => void)[];
-            created?: (() => void) | (() => void)[];
-            beforeMount?: (() => void) | (() => void)[];
-            mounted?: (() => void) | (() => void)[];
-            beforeUpdate?: (() => void) | (() => void)[];
-            updated?: (() => void) | (() => void)[];
-            activated?: (() => void) | (() => void)[];
-            deactivated?: (() => void) | (() => void)[];
-            beforeDestroy?: (() => void) | (() => void)[];
-            beforeUnmount?: (() => void) | (() => void)[];
-            destroyed?: (() => void) | (() => void)[];
-            unmounted?: (() => void) | (() => void)[];
-            renderTracked?: ((e: import("../../../../vue3/node_modules/vue").DebuggerEvent) => void) | ((e: import("../../../../vue3/node_modules/vue").DebuggerEvent) => void)[];
-            renderTriggered?: ((e: import("../../../../vue3/node_modules/vue").DebuggerEvent) => void) | ((e: import("../../../../vue3/node_modules/vue").DebuggerEvent) => void)[];
-            errorCaptured?: ((err: unknown, instance: import("../../../../vue3/node_modules/vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("../../../../vue3/node_modules/vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("../../../../vue3/node_modules/vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("../../../../vue3/node_modules/vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("../../../../vue3/node_modules/vue").nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("../../../../vue3/node_modules/vue").WatchOptions<boolean>): import("../../../../vue3/node_modules/vue").WatchStopHandle;
-    } & Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
-        ariaHidden: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        ariaLabel: {
-            type: StringConstructor;
-            default: any;
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        dropdown: {
-            type: import("../../../../vue3/node_modules/vue").PropType<import("../input-field/input-field.types").BentoInputDropdownProps>;
-            default: any;
-        };
-        dropdownPosition: {
-            type: import("../../../../vue3/node_modules/vue").PropType<"start" | "end" | import("../input-field/input-field.types").BentoInputFieldElementPosition>;
-            default: import("../input-field/input-field.types").BentoInputFieldElementPosition;
-            validator: (value: import("../input-field/input-field.types").BentoInputFieldElementPosition) => boolean;
-        };
-        error: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        errorMessage: {
-            type: StringConstructor;
-            default: any;
-        };
-        optional: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        placeholder: {
-            type: StringConstructor;
-            default: string;
-        };
-        required: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        readonly: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        staticValue: {
-            type: StringConstructor;
-            default: string;
-        };
-        staticValuePosition: {
-            type: import("../../../../vue3/node_modules/vue").PropType<"start" | "end" | import("../input-field/input-field.types").BentoInputFieldElementPosition>;
-            default: import("../input-field/input-field.types").BentoInputFieldElementPosition;
-            validator: (value: import("../input-field/input-field.types").BentoInputFieldElementPosition) => boolean;
-        };
-        type: {
-            type: import("../../../../vue3/node_modules/vue").PropType<"number" | "search" | "text" | BentoInputFieldType>;
-            default: BentoInputFieldType;
-            validator: (value: BentoInputFieldType) => boolean;
-        };
-        value: {
-            type: import("../../../../vue3/node_modules/vue").PropType<import("../input-field/input-field.types").BentoInputFieldValue>;
-            default: any;
-        };
-        variant: {
-            type: import("../../../../vue3/node_modules/vue").PropType<"default" | "payment-method" | "static-value" | "dropdown" | import("../input-field/input-field.types").BentoInputFieldVariant>;
-            default: import("../input-field/input-field.types").BentoInputFieldVariant;
-            validator: (value: import("../input-field/input-field.types").BentoInputFieldVariant) => boolean;
-        };
-    }>> & {
-        onFocus?: (...args: any[]) => any;
-        onBlur?: (...args: any[]) => any;
-        onChange?: (...args: any[]) => any;
-        onInput?: (...args: any[]) => any;
-        onKeydown?: (...args: any[]) => any;
-        "onEscape-pressed"?: (...args: any[]) => any;
-        "onUpdate:dropdown"?: (...args: any[]) => any;
-        "onDropdown-input"?: (...args: any[]) => any;
-    } & import("../../../../vue3/node_modules/vue").ShallowUnwrapRef<{
-        BentoTypographyVariant: typeof import("../typography").BentoTypographyVariant;
-        BentoTypographyElement: typeof import("../typography").BentoTypographyElement;
-        BentoInputFieldVariant: typeof import("../input-field/input-field.types").BentoInputFieldVariant;
-        BentoDropdownSize: typeof import("../dropdown/dropdown.types").BentoDropdownSize;
-        BentoInputFieldEvent: typeof import("../input-field/input-field.types").BentoInputFieldEvent;
-        t: import("vue-i18n-bridge").ComposerTranslation<import("../../utils/ts/i18n").i18nMessages, string, import("@intlify/core-base").RemoveIndexSignature<{
-            [x: string]: import("vue-i18n-bridge").LocaleMessageValue<import("vue-i18n-bridge").VueMessageType>;
-        }>, never, import("@intlify/core-base")._ResourcePath<{
-            [key: string]: string;
-        }>, import("@intlify/core-base")._ResourcePath<{
-            [key: string]: string;
-        }>> | ((key: "required" | "optional", values?: import("vue-i18n").default.Values) => string);
-        onDropdownInput: (selectedValue: import("../..").BentoListboxSelectedValue) => void;
-        onInput: (event: Event) => void;
-        focusInput: () => void;
-        hasSlot: (name: string) => boolean;
-        inputFieldConditionalClasses: import("../../../../vue3/node_modules/vue").ComputedRef<{
-            [x: string]: boolean;
-        }>;
-        inputFieldElement: any;
-        inputFieldId: string;
-        dropdownId: string;
-        staticValueId: string;
-        descriptionId: string;
-        errorId: string;
-        isReadOnly: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
-        shouldDisplayStaticValueAtStart: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
-        shouldDisplayStaticValueAtEnd: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
-        shouldShowDropdown: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
-        shouldDisplayDropdownAtStart: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
-        shouldDisplayDropdownAtEnd: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
-        shouldShowError: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
-        computedAriaOwns: import("../../../../vue3/node_modules/vue").ComputedRef<string>;
-        computedAriaLabel: import("../../../../vue3/node_modules/vue").ComputedRef<any>;
-        computedAriaDescribedBy: import("../../../../vue3/node_modules/vue").ComputedRef<string>;
-    }> & {} & import("../../../../vue3/node_modules/vue").ComponentCustomProperties & {}>;
-    onClearSearch: () => void;
-    onInputEvent: (value: string) => void;
-    BentoInputFieldType: typeof BentoInputFieldType;
-    BentoSearchBarInternalEvent: typeof BentoSearchBarInternalEvent;
-}, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, (BentoSearchBarInternalEvent.CLEAR | BentoSearchBarInternalEvent.ESCAPE | BentoSearchBarInternalEvent.INPUT)[], BentoSearchBarInternalEvent.CLEAR | BentoSearchBarInternalEvent.ESCAPE | BentoSearchBarInternalEvent.INPUT, import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, {
+    input: (inputValue: string) => void;
+} & {
+    clear: () => void;
+} & {
+    "escape-pressed": () => void;
+}, string, import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
     inputFieldAriaLabel: {
         type: StringConstructor;
         required: true;
     };
+    condensed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     debounceTime: {
         type: NumberConstructor;
         default: number;
@@ -419,11 +47,12 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         default: any;
     };
 }>> & {
-    onInput?: (...args: any[]) => any;
-    "onEscape-pressed"?: (...args: any[]) => any;
-    onClear?: (...args: any[]) => any;
+    onInput?: (inputValue: string) => any;
+    "onEscape-pressed"?: () => any;
+    onClear?: () => any;
 }, {
     value: string;
+    condensed: boolean;
     placeholder: string;
     debounceTime: number;
 }>;