@adyen/bento-vue2 0.8.1 → 0.8.2

package/dist/@types/components/date-picker/components/date-picker-calendar/components/date-picker-calendar-day/date-picker-calendar-day.types.d.ts

@@ -5,6 +5,7 @@ export declare enum DatePickerCalendarDayVariant {
     END = "end"
 }
 export declare enum DatePickerCalendarDayClass {
+    SINGLE = "single",
     MIDDLE = "middle",
     BEGINNING = "beginning",
     END = "end",

package/dist/@types/components/date-picker/components/date-picker-calendar-range/date-picker-calendar-range.types.d.ts

@@ -0,0 +1,5 @@
+export declare enum DatePickerCalendarRangeEvent {
+    INPUT = "input",
+    ERROR = "error",
+    FORM_DATE = "form-date"
+}

package/dist/@types/components/date-picker/components/date-picker-calendar-range/date-picker-calendar-range.vue.d.ts

@@ -1,6 +1,7 @@
 import { PropType } from 'vue';
 import { BentoTypographyElement } from '@/components/typography';
 import { DatePickerCalendarPaneValue } from '../date-picker-calendar-pane/date-picker-calendar-pane.types';
+import { DatePickerCalendarRangeEvent } from './date-picker-calendar-range.types';
 declare const _default: import("vue").DefineComponent<{
     firstDayOfWeek: {
         type: PropType<import("../date-picker-calendar").DatePickerCalendarFirstDayOfWeek>;
@@ -16,13 +17,24 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
         validator: (n: number) => boolean;
     };
+    dateFormData: {
+        type: ObjectConstructor;
+        default: () => {
+            startDate: any;
+            endDate: any;
+        };
+    };
     value: {
         type: PropType<DatePickerCalendarPaneValue>;
         default: any;
     };
 }, {
-    startDateString: import("vue").ComputedRef<string>;
-    endDateString: import("vue").ComputedRef<string>;
+    dateTextInput: {
+        startDate: any;
+        endDate: any;
+    };
+    endDateError: import("vue").Ref<boolean>;
+    startDateError: import("vue").Ref<boolean>;
     BentoTypographyElement: typeof BentoTypographyElement;
     hasSlot: (name: string) => boolean;
     onDateInput: (selectedDate: Date) => void;
@@ -30,7 +42,7 @@ declare const _default: import("vue").DefineComponent<{
     onEndDateSelected: (newEndDate: Date) => void;
     onStartDateInput: (startDateText: string) => void;
     onEndDateInput: (endDateText: string) => void;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "input"[], string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, DatePickerCalendarRangeEvent[], string, Readonly<import("vue").ExtractPropTypes<{
     firstDayOfWeek: {
         type: PropType<import("../date-picker-calendar").DatePickerCalendarFirstDayOfWeek>;
         default: import("../date-picker-calendar").DatePickerCalendarFirstDayOfWeek;
@@ -45,6 +57,13 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
         validator: (n: number) => boolean;
     };
+    dateFormData: {
+        type: ObjectConstructor;
+        default: () => {
+            startDate: any;
+            endDate: any;
+        };
+    };
     value: {
         type: PropType<DatePickerCalendarPaneValue>;
         default: any;
@@ -54,5 +73,6 @@ declare const _default: import("vue").DefineComponent<{
     firstDayOfWeek: import("../date-picker-calendar").DatePickerCalendarFirstDayOfWeek;
     isDateDisabled: import("../date-picker-calendar").DatePickerCalendarIsDateDisabled;
     numberOfMonths: number;
+    dateFormData: Record<string, any>;
 }>;
 export default _default;

package/dist/@types/components/date-picker/date-picker.types.d.ts

@@ -2,13 +2,18 @@ import { ComputedRef, Ref } from 'vue';
 export { DatePickerCalendarFirstDayOfWeek as BentoDatePickerFirstDayOfWeek } from './components/date-picker-calendar';
 export type { DatePickerCalendarIsDateDisabled as BentoDatePickerIsDateDisabled } from './components/date-picker-calendar';
 export type { DatePickerCalendarPaneValue as BentoDatePickerValue, DatePickerCalendarPaneRangeDate as BentoDatePickerRangeDate, } from './components/date-picker-calendar-pane/date-picker-calendar-pane.types';
+export interface DatePickerCalendarPaneRangeFormData {
+    startDate: string;
+    endDate: string;
+}
 export interface UseDateDisplayTextProps<T> {
     datePickerValue: Ref<T>;
     isDateIncorrect: Ref<boolean>;
-    textInputDisplayValue: Ref<string>;
 }
 export type UseDateDisplayText<T> = (props: UseDateDisplayTextProps<T>) => {
     dateDisplayValue: ComputedRef<string>;
+    textInputDisplayValue: Ref<string> | DatePickerCalendarPaneRangeFormData;
+    formatTextInputDisplayValue: () => void;
 };
 export declare enum BentoDatePickerEvent {
     INPUT = "input"
@@ -17,15 +22,3 @@ export declare enum BentoDatePickerVariant {
     SINGLE_CALENDAR = "single-calendar",
     RANGE_CALENDAR = "range-calendar"
 }
-export declare enum BentoDatePickerDateFormat {
-    DAY_OF_MONTH = "d",
-    NUMERIC_DAY = "dd",
-    SHORT_WEEKDAY = "EEE",
-    NUMERIC_MONTH = "MM",
-    SHORT_MONTH = "MMM",
-    LONG_MONTH = "MMMM",
-    LONG_MONTH_YEAR = "MMMM yyyy",
-    FULL_YEAR = "yyyy",
-    FULL_DATE = "d MMM, yyyy",
-    NUMERIC_DATE = "yyyy-MM-dd"
-}

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

@@ -1,5 +1,5 @@
 import { PropType, Ref } from 'vue';
-import { BentoDatePickerEvent, BentoDatePickerFirstDayOfWeek, BentoDatePickerIsDateDisabled, BentoDatePickerRangeDate, BentoDatePickerValue, BentoDatePickerVariant } from './date-picker.types';
+import { BentoDatePickerEvent, BentoDatePickerFirstDayOfWeek, BentoDatePickerIsDateDisabled, BentoDatePickerRangeDate, BentoDatePickerValue, BentoDatePickerVariant, DatePickerCalendarPaneRangeFormData } from './date-picker.types';
 import { BentoTypographyElement, BentoTypographyVariant } from '../typography';
 declare const _default: import("vue").DefineComponent<{
     description: {
@@ -52,12 +52,16 @@ declare const _default: import("vue").DefineComponent<{
     descriptionConditionalClasses: import("vue").ComputedRef<{
         'b-date-picker__description--error': boolean;
     }>;
+    dropdownValue: import("vue").ComputedRef<string>;
     isDateIncorrect: Ref<boolean>;
     isDatePickerOpen: Ref<boolean>;
     labelId: string;
     popoverAriaLabel: import("vue").ComputedRef<import("vue-i18n").default.TranslateResult>;
+    popoverConditionalClasses: import("vue").ComputedRef<{
+        'b-date-picker__container-range': boolean;
+    }>;
     supportDescriptionText: import("vue").ComputedRef<import("vue-i18n").default.TranslateResult>;
-    textInputDisplayValue: any;
+    textInputDisplayValue: Ref<string> | DatePickerCalendarPaneRangeFormData;
     BentoTypographyElement: typeof BentoTypographyElement;
     BentoTypographyVariant: typeof BentoTypographyVariant;
     BentoPopoverPositions: {
@@ -85,6 +89,8 @@ declare const _default: import("vue").DefineComponent<{
     onDateInputChange: (stringDate: any) => void;
     onEnterPressedOverInput: () => void;
     onDatePickerRangeInput: (selectedRange: BentoDatePickerRangeDate) => void;
+    onDatePickerRangeError: (dateTextInput: any) => void;
+    onDatePickerRangeFormDateInputUpdate: () => void;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoDatePickerEvent[], string, Readonly<import("vue").ExtractPropTypes<{
     description: {
         type: StringConstructor;

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

@@ -147,9 +147,9 @@ declare const _default: import("vue").DefineComponent<{
     ariaLabel: string;
     disabled: boolean;
     multiple: boolean;
-    debounceTime: number;
     additionalItemsSelected: number;
     ariaLabelledby: string;
+    debounceTime: number;
     displayValue: string;
     dynamicFiltering: boolean;
     isInvalid: boolean;

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

@@ -134,9 +134,9 @@ declare const _default: import("vue").DefineComponent<{
     ariaLabel: string;
     disabled: boolean;
     multiple: boolean;
-    debounceTime: number;
     additionalItemsSelected: number;
     ariaLabelledby: string;
+    debounceTime: number;
     displayValue: string;
     dynamicFiltering: boolean;
     isInvalid: boolean;

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

@@ -1,5 +1,6 @@
 import { PropType } from 'vue';
 import { BentoListboxIsOptionDisabled, BentoListboxOptions, BentoListboxSelectedValue } from '@/types';
+import { BentoDropdownSize } from '../../dropdown.types';
 declare const _default: import("vue").DefineComponent<{
     ariaLabel: {
         type: StringConstructor;
@@ -17,6 +18,11 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoListboxIsOptionDisabled>;
         default: any;
     };
+    inputSize: {
+        type: PropType<BentoDropdownSize>;
+        default: BentoDropdownSize;
+        validator: (value: BentoDropdownSize) => boolean;
+    };
     items: {
         type: PropType<BentoListboxOptions>;
         required: true;
@@ -43,6 +49,9 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     isDropdownOpen: import("vue").ComputedRef<boolean>;
+    conditionalListboxClasses: import("vue").ComputedRef<{
+        'b-dropdown-options-container--small': boolean;
+    }>;
     PopperContainerPosition: {
         AUTO: import("@/components/popper-container").PopperContainerPositionExtended.AUTO;
         AUTO_START: import("@/components/popper-container").PopperContainerPositionExtended.AUTO_START;
@@ -61,7 +70,7 @@ declare const _default: import("vue").DefineComponent<{
         LEFT: import("@/components/popper-container").PopperContainerPositionBasic.LEFT;
     };
     onOptionSelected: (selectedValue: BentoListboxSelectedValue) => void;
-}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, "select"[], string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "select"[], string, Readonly<import("vue").ExtractPropTypes<{
     ariaLabel: {
         type: StringConstructor;
         default: any;
@@ -78,6 +87,11 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoListboxIsOptionDisabled>;
         default: any;
     };
+    inputSize: {
+        type: PropType<BentoDropdownSize>;
+        default: BentoDropdownSize;
+        validator: (value: BentoDropdownSize) => boolean;
+    };
     items: {
         type: PropType<BentoListboxOptions>;
         required: true;
@@ -109,5 +123,6 @@ declare const _default: import("vue").DefineComponent<{
     isOptionDisabled: BentoListboxIsOptionDisabled;
     searching: boolean;
     selectedValue: BentoListboxSelectedValue;
+    inputSize: BentoDropdownSize;
 }>;
 export default _default;

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

@@ -54,7 +54,7 @@ declare const _default: import("vue").DefineComponent<{
         [x: string]: boolean;
     }>;
     isDropdownOpen: import("vue").ComputedRef<boolean>;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     additionalItemsSelected: {
         type: NumberConstructor;
         default: number;
@@ -108,9 +108,9 @@ declare const _default: import("vue").DefineComponent<{
     value: string;
     ariaLabel: string;
     disabled: boolean;
-    debounceTime: number;
     additionalItemsSelected: number;
     ariaLabelledby: string;
+    debounceTime: number;
     displayValue: string;
     dynamicFiltering: boolean;
     isInvalid: boolean;

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

@@ -1,2 +1,3 @@
 export { default as DropdownInputDefault } from './dropdown-default-textbox/dropdown-default-textbox.vue';
+export { default as DropdownInputSmall } from './dropdown-small-textbox/dropdown-small-textbox.vue';
 export { DropdownBaseTextboxState } from './dropdown-base-textbox/dropdown-base-textbox.types';

package/dist/@types/components/dropdown/components/variants/dropdown-avatar/dropdown-avatar.vue.d.ts

@@ -14,6 +14,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    placeholder: {
+        type: StringConstructor;
+        default: any;
+    };
     dynamicFiltering: {
         type: BooleanConstructor;
         default: boolean;
@@ -50,6 +54,11 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    size: {
+        type: PropType<import("../../../dropdown.types").BentoDropdownSize>;
+        default: import("../../../dropdown.types").BentoDropdownSize;
+        validator: (value: import("../../../dropdown.types").BentoDropdownSize) => boolean;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -74,6 +83,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    placeholder: {
+        type: StringConstructor;
+        default: any;
+    };
     dynamicFiltering: {
         type: BooleanConstructor;
         default: boolean;
@@ -110,6 +123,11 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    size: {
+        type: PropType<import("../../../dropdown.types").BentoDropdownSize>;
+        default: import("../../../dropdown.types").BentoDropdownSize;
+        validator: (value: import("../../../dropdown.types").BentoDropdownSize) => boolean;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -123,7 +141,9 @@ declare const _default: import("vue").DefineComponent<{
     ariaLabel: string;
     disabled: boolean;
     multiple: boolean;
+    size: import("../../../dropdown.types").BentoDropdownSize;
     description: string;
+    placeholder: string;
     items: BentoAvatarListboxOptions;
     isOptionDisabled: import("@/types").BentoListboxIsOptionDisabled;
     dynamicFiltering: boolean;

package/dist/@types/components/dropdown/components/variants/dropdown-country/dropdown-country.vue.d.ts

@@ -20,6 +20,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    placeholder: {
+        type: StringConstructor;
+        default: any;
+    };
     dynamicFiltering: {
         type: BooleanConstructor;
         default: boolean;
@@ -56,6 +60,11 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    size: {
+        type: PropType<import("../../../dropdown.types").BentoDropdownSize>;
+        default: import("../../../dropdown.types").BentoDropdownSize;
+        validator: (value: import("../../../dropdown.types").BentoDropdownSize) => boolean;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -82,6 +91,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    placeholder: {
+        type: StringConstructor;
+        default: any;
+    };
     dynamicFiltering: {
         type: BooleanConstructor;
         default: boolean;
@@ -118,6 +131,11 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    size: {
+        type: PropType<import("../../../dropdown.types").BentoDropdownSize>;
+        default: import("../../../dropdown.types").BentoDropdownSize;
+        validator: (value: import("../../../dropdown.types").BentoDropdownSize) => boolean;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -131,7 +149,9 @@ declare const _default: import("vue").DefineComponent<{
     ariaLabel: string;
     disabled: boolean;
     multiple: boolean;
+    size: import("../../../dropdown.types").BentoDropdownSize;
     description: string;
+    placeholder: string;
     variant: BentoCountryVariant;
     items: BentoCountryListboxOptions;
     isOptionDisabled: import("@/types").BentoListboxIsOptionDisabled;

package/dist/@types/components/dropdown/components/variants/dropdown-currency/dropdown-currency.vue.d.ts

@@ -14,6 +14,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    placeholder: {
+        type: StringConstructor;
+        default: any;
+    };
     dynamicFiltering: {
         type: BooleanConstructor;
         default: boolean;
@@ -50,6 +54,11 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    size: {
+        type: PropType<import("../../../dropdown.types").BentoDropdownSize>;
+        default: import("../../../dropdown.types").BentoDropdownSize;
+        validator: (value: import("../../../dropdown.types").BentoDropdownSize) => boolean;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -69,6 +78,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    placeholder: {
+        type: StringConstructor;
+        default: any;
+    };
     dynamicFiltering: {
         type: BooleanConstructor;
         default: boolean;
@@ -105,6 +118,11 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    size: {
+        type: PropType<import("../../../dropdown.types").BentoDropdownSize>;
+        default: import("../../../dropdown.types").BentoDropdownSize;
+        validator: (value: import("../../../dropdown.types").BentoDropdownSize) => boolean;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -118,7 +136,9 @@ declare const _default: import("vue").DefineComponent<{
     ariaLabel: string;
     disabled: boolean;
     multiple: boolean;
+    size: import("../../../dropdown.types").BentoDropdownSize;
     description: string;
+    placeholder: string;
     items: BentoCurrencyListboxOptions;
     isOptionDisabled: import("@/types").BentoListboxIsOptionDisabled;
     dynamicFiltering: boolean;

package/dist/@types/components/dropdown/components/variants/dropdown-payment-method/dropdown-payment-method.vue.d.ts

@@ -14,6 +14,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    placeholder: {
+        type: StringConstructor;
+        default: any;
+    };
     dynamicFiltering: {
         type: BooleanConstructor;
         default: boolean;
@@ -50,6 +54,11 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    size: {
+        type: PropType<import("../../../dropdown.types").BentoDropdownSize>;
+        default: import("../../../dropdown.types").BentoDropdownSize;
+        validator: (value: import("../../../dropdown.types").BentoDropdownSize) => boolean;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -69,6 +78,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    placeholder: {
+        type: StringConstructor;
+        default: any;
+    };
     dynamicFiltering: {
         type: BooleanConstructor;
         default: boolean;
@@ -105,6 +118,11 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    size: {
+        type: PropType<import("../../../dropdown.types").BentoDropdownSize>;
+        default: import("../../../dropdown.types").BentoDropdownSize;
+        validator: (value: import("../../../dropdown.types").BentoDropdownSize) => boolean;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -118,7 +136,9 @@ declare const _default: import("vue").DefineComponent<{
     ariaLabel: string;
     disabled: boolean;
     multiple: boolean;
+    size: import("../../../dropdown.types").BentoDropdownSize;
     description: string;
+    placeholder: string;
     items: BentoPaymentMethodListboxOptions;
     isOptionDisabled: import("@/types").BentoListboxIsOptionDisabled;
     dynamicFiltering: boolean;

package/dist/@types/components/dropdown/components/variants/dropdown-tag/dropdown-tag.vue.d.ts

@@ -14,6 +14,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    placeholder: {
+        type: StringConstructor;
+        default: any;
+    };
     dynamicFiltering: {
         type: BooleanConstructor;
         default: boolean;
@@ -50,6 +54,11 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    size: {
+        type: PropType<import("../../../dropdown.types").BentoDropdownSize>;
+        default: import("../../../dropdown.types").BentoDropdownSize;
+        validator: (value: import("../../../dropdown.types").BentoDropdownSize) => boolean;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -74,6 +83,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    placeholder: {
+        type: StringConstructor;
+        default: any;
+    };
     dynamicFiltering: {
         type: BooleanConstructor;
         default: boolean;
@@ -110,6 +123,11 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    size: {
+        type: PropType<import("../../../dropdown.types").BentoDropdownSize>;
+        default: import("../../../dropdown.types").BentoDropdownSize;
+        validator: (value: import("../../../dropdown.types").BentoDropdownSize) => boolean;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -123,7 +141,9 @@ declare const _default: import("vue").DefineComponent<{
     ariaLabel: string;
     disabled: boolean;
     multiple: boolean;
+    size: import("../../../dropdown.types").BentoDropdownSize;
     description: string;
+    placeholder: string;
     items: BentoTagListboxOptions;
     isOptionDisabled: import("../../../../../types").BentoListboxIsOptionDisabled;
     dynamicFiltering: boolean;

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

@@ -0,0 +1,4 @@
+export declare enum BentoDropdownSize {
+    DEFAULT = "DropdownInputDefault",
+    SMALL = "DropdownInputSmall"
+}

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

@@ -1,6 +1,7 @@
 import { PropType } from 'vue';
 import type { BentoListboxIsOptionDisabled, BentoListboxOptions, BentoListboxSelectedValue } from '@/types';
 import { BentoTypographyElement } from '@/components/typography';
+import { BentoDropdownSize } from './dropdown.types';
 declare const _default: import("vue").DefineComponent<{
     ariaLabel: {
         type: StringConstructor;
@@ -10,6 +11,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    placeholder: {
+        type: StringConstructor;
+        default: any;
+    };
     dynamicFiltering: {
         type: BooleanConstructor;
         default: boolean;
@@ -50,6 +55,11 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    size: {
+        type: PropType<BentoDropdownSize>;
+        default: BentoDropdownSize;
+        validator: (value: BentoDropdownSize) => boolean;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -81,6 +91,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    placeholder: {
+        type: StringConstructor;
+        default: any;
+    };
     dynamicFiltering: {
         type: BooleanConstructor;
         default: boolean;
@@ -121,6 +135,11 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    size: {
+        type: PropType<BentoDropdownSize>;
+        default: BentoDropdownSize;
+        validator: (value: BentoDropdownSize) => boolean;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -134,7 +153,9 @@ declare const _default: import("vue").DefineComponent<{
     ariaLabel: string;
     disabled: boolean;
     multiple: boolean;
+    size: BentoDropdownSize;
     description: string;
+    placeholder: string;
     items: BentoListboxOptions;
     isOptionDisabled: BentoListboxIsOptionDisabled;
     dynamicFiltering: boolean;

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

@@ -3,3 +3,4 @@ export { default as BentoDropdownAvatar } from './components/variants/dropdown-a
 export { default as BentoDropdownCountry } from './components/variants/dropdown-country/dropdown-country.vue';
 export { default as BentoDropdownCurrency } from './components/variants/dropdown-currency/dropdown-currency.vue';
 export { default as BentoDropdownPaymentMethod } from './components/variants/dropdown-payment-method/dropdown-payment-method.vue';
+export { default as BentoDropdownTag } from './components/variants/dropdown-tag/dropdown-tag.vue';

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

@@ -0,0 +1,7 @@
+export declare enum BaseFilterEvent {
+    APPLY = "apply",
+    CLEAR = "clear",
+    OPEN = "open",
+    CLOSE = "close",
+    RESET = "reset"
+}