@adyen/bento-vue2 0.2.0 → 0.3.0

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

@@ -1,6 +1,7 @@
 import { PropType } from 'vue';
 import { BentoButtonVariant } from './button.types';
 import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+import { Booleanish } from '../../types';
 declare const _default: import("vue").DefineComponent<{
     disabled: {
         type: BooleanConstructor;
@@ -26,7 +27,9 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     BentoTypographyElement: typeof BentoTypographyElement;
     BentoTypographyVariant: typeof BentoTypographyVariant;
-    ariaLabel: import("vue").ComputedRef<string>;
+    ariaAttributes: import("vue").ComputedRef<{
+        'aria-expanded': Booleanish;
+    }>;
     conditionalClasses: import("vue").ComputedRef<{
         [x: string]: boolean;
     }>;

package/dist/@types/components/data-grid/data-grid.types.d.ts

@@ -50,3 +50,17 @@ export interface BentoDatagridAllItemsSelectedState {
     allItemsSelected: boolean;
     isIndeterminate: boolean;
 }
+export declare enum BentoDatagridEvent {
+    COLUMN_RESIZE = "column-resize",
+    SORT = "sort",
+    SELECT = "select",
+    NAVIGATE = "navigate",
+    UPDATE_FILERS = "update:filters",
+    ITEMS_PAGE = "items-page",
+    UPDATE_FILTER_SEARCH_TERM = "update:filter-search-term",
+    FILTER_SEARCH_INPUT = "filter-search-input",
+    FILTER_SEARCH_CLEAR = "filter-search-clear",
+    COLUMNS = "columns",
+    UPDATE_COLUMNS = "update:columns",
+    ROW_CLICK = "row-click"
+}

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

@@ -1,7 +1,11 @@
 import { PropType } from 'vue';
-import { BentoColumn, BentoColumnOverflow, BentoDatagridData, BentoDatagridDataItem, BentoDatagridDataItemId, BentoDatagridGetDataItemIdFn, BentoDatagridIsDataItemDisabledFn, BentoDatagridSortByColumn, BentoDatagridSortDirection } from './data-grid.types';
+import { BentoColumn, BentoColumnOverflow, BentoDatagridData, BentoDatagridDataItem, BentoDatagridDataItemId, BentoDatagridEvent, BentoDatagridGetDataItemIdFn, BentoDatagridIsDataItemDisabledFn, BentoDatagridSortByColumn, BentoDatagridSortDirection } from './data-grid.types';
 import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
 declare const _default: import("vue").DefineComponent<{
+    allowRowClicks: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     condensed: {
         type: BooleanConstructor;
         default: boolean;
@@ -159,6 +163,7 @@ declare const _default: import("vue").DefineComponent<{
     }>;
     conditionalRowClasses: (row: BentoDatagridDataItem) => {
         'b-data-grid__row--disabled': boolean;
+        'b-data-grid__row--row-clicks-enabled': boolean;
     };
     conditionalRowCellClasses: (column: BentoColumn) => {
         [x: string]: boolean;
@@ -186,17 +191,23 @@ declare const _default: import("vue").DefineComponent<{
     onAllRowSelect: (allItemsSelected: boolean) => void;
     onRowSelect: () => void;
     DATAGRID_SELECT_FIELD_NAME: string;
+    onRowClick: (row: BentoDatagridDataItem, event: MouseEvent) => void;
     compactView: import("vue").Ref<boolean>;
     onConfigSettingsUpdate: (isCompactView: boolean) => boolean;
     onColumnVisibiltyChange: (columnIndexes: string[]) => void;
     BentoDatagridSortDirection: typeof BentoDatagridSortDirection;
     BentoTypographyElement: typeof BentoTypographyElement;
     BentoTypographyVariant: typeof BentoTypographyVariant;
+    BentoDatagridEvent: typeof BentoDatagridEvent;
     onPaginationNavigate: (page: number) => void;
     onItemsPerPageChange: (itemsPerPage: number) => void;
     onSearchTermCleared: () => void;
     onSearchTermInput: (newSearchTerm: any) => void;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("sort" | "navigate" | "select" | "items-page" | "column-resize" | "update:filters" | "update:filter-search-term" | "filter-search-input" | "filter-search-clear")[], string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoDatagridEvent[], string, Readonly<import("vue").ExtractPropTypes<{
+    allowRowClicks: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     condensed: {
         type: BooleanConstructor;
         default: boolean;
@@ -329,6 +340,7 @@ declare const _default: import("vue").DefineComponent<{
     filters: import("../filter-bar").BentoFilterBarModel;
     hasResizableColumns: boolean;
     sortBy: BentoDatagridSortByColumn[];
+    allowRowClicks: boolean;
     columnPanel: boolean;
     filterSearchTerm: string;
     getDataItemId: BentoDatagridGetDataItemIdFn;

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

@@ -46,4 +46,8 @@ export declare const DropdownBaseTextboxProps: {
         default: number;
     };
 };
+export declare enum DropdownBaseTextboxState {
+    DISABLED = "disabled",
+    HAS_ITEMS = "has-items"
+}
 export default DropdownBaseTextboxProps;

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

@@ -52,9 +52,13 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     selectedValueItem: {
-        type: PropType<BentoListboxOptionItem>;
+        type: PropType<BentoListboxOptionItem | BentoListboxOptionItem[]>;
         default: any;
     };
+    showSlotContentInMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     multiple: {
         type: BooleanConstructor;
         default: boolean;
@@ -63,19 +67,20 @@ declare const _default: import("vue").DefineComponent<{
     BentoTypographyElement: typeof BentoTypographyElement;
     BentoTypographyVariant: typeof BentoTypographyVariant;
     conditionalClasses: import("vue").ComputedRef<{
-        'b-dropdown-base-textbox--disabled': boolean;
+        [x: string]: boolean;
     }>;
     textboxId: string;
     textbox: any;
     isFiltering: import("vue").ComputedRef<boolean>;
     ariaAttributes: import("vue").ComputedRef<HTMLAttributes>;
+    selectedValueItems: import("vue").ComputedRef<BentoListboxOptionItem[]>;
     onCloseDropdown: () => void;
     onToggleDropdown: () => void;
     onClearSearch: () => void;
     onInputEvent: (event: Event) => void;
     onSpaceBar: () => void;
     hasSlot: (name: string) => boolean;
-}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("input" | "open" | "clear" | "close")[], string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("input" | "open" | "clear" | "close")[], string, Readonly<import("vue").ExtractPropTypes<{
     additionalItemsSelected: {
         type: NumberConstructor;
         default: number;
@@ -125,9 +130,13 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     selectedValueItem: {
-        type: PropType<BentoListboxOptionItem>;
+        type: PropType<BentoListboxOptionItem | BentoListboxOptionItem[]>;
         default: any;
     };
+    showSlotContentInMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     multiple: {
         type: BooleanConstructor;
         default: boolean;
@@ -144,6 +153,7 @@ declare const _default: import("vue").DefineComponent<{
     displayValue: string;
     dynamicFiltering: boolean;
     isInvalid: boolean;
-    selectedValueItem: BentoListboxOptionItem;
+    selectedValueItem: BentoListboxOptionItem | BentoListboxOptionItem[];
+    showSlotContentInMultiple: boolean;
 }>;
 export default _default;

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

@@ -47,9 +47,13 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     selectedValueItem: {
-        type: PropType<BentoListboxOptionItem>;
+        type: PropType<BentoListboxOptionItem | BentoListboxOptionItem[]>;
         default: any;
     };
+    showSlotContentInMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     value: {
         type: StringConstructor;
         default: string;
@@ -111,9 +115,13 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     selectedValueItem: {
-        type: PropType<BentoListboxOptionItem>;
+        type: PropType<BentoListboxOptionItem | BentoListboxOptionItem[]>;
         default: any;
     };
+    showSlotContentInMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     value: {
         type: StringConstructor;
         default: string;
@@ -134,6 +142,7 @@ declare const _default: import("vue").DefineComponent<{
     displayValue: string;
     dynamicFiltering: boolean;
     isInvalid: boolean;
-    selectedValueItem: BentoListboxOptionItem;
+    selectedValueItem: BentoListboxOptionItem | BentoListboxOptionItem[];
+    showSlotContentInMultiple: boolean;
 }>;
 export default _default;

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

@@ -42,6 +42,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    showSlotContentInMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -94,6 +98,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    showSlotContentInMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -110,5 +118,6 @@ declare const _default: import("vue").DefineComponent<{
     items: BentoAvatarListboxOptions;
     isOptionDisabled: import("../../../../../types").BentoListboxIsOptionDisabled;
     dynamicFiltering: boolean;
+    showSlotContentInMultiple: boolean;
 }>;
 export default _default;

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

@@ -48,6 +48,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    showSlotContentInMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -102,6 +106,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    showSlotContentInMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -119,5 +127,6 @@ declare const _default: import("vue").DefineComponent<{
     items: BentoCountryListboxOptions;
     isOptionDisabled: import("../../../../../types").BentoListboxIsOptionDisabled;
     dynamicFiltering: boolean;
+    showSlotContentInMultiple: boolean;
 }>;
 export default _default;

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

@@ -42,6 +42,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    showSlotContentInMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -89,6 +93,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    showSlotContentInMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -105,5 +113,6 @@ declare const _default: import("vue").DefineComponent<{
     items: BentoCurrencyListboxOptions;
     isOptionDisabled: import("../../../../../types").BentoListboxIsOptionDisabled;
     dynamicFiltering: boolean;
+    showSlotContentInMultiple: boolean;
 }>;
 export default _default;

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

@@ -42,6 +42,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    showSlotContentInMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -89,6 +93,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    showSlotContentInMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -105,5 +113,6 @@ declare const _default: import("vue").DefineComponent<{
     items: BentoPaymentMethodListboxOptions;
     isOptionDisabled: import("../../../../../types").BentoListboxIsOptionDisabled;
     dynamicFiltering: boolean;
+    showSlotContentInMultiple: boolean;
 }>;
 export default _default;

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

@@ -0,0 +1,6 @@
+import { BentoListboxOptionItem, OmitStrict } from '@/types';
+import { BentoTagVariant } from '../../../../tag';
+export type BentoTagListboxOptionItem = OmitStrict<BentoListboxOptionItem, 'data'> & {
+    variant: BentoTagVariant;
+};
+export type BentoTagListboxOptions = BentoTagListboxOptionItem[];

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

@@ -0,0 +1,123 @@
+import { PropType } from 'vue';
+import type { BentoTagListboxOptions } from './dropdown-tag.types';
+import type { BentoListboxSelectedValue } from '../../../../../types';
+declare const _default: import("vue").DefineComponent<{
+    items: {
+        type: PropType<BentoTagListboxOptions>;
+        default: () => any[];
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dynamicFiltering: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: any;
+    };
+    description: {
+        type: StringConstructor;
+        default: any;
+    };
+    isOptionDisabled: {
+        type: PropType<import("../../../../../types").BentoListboxIsOptionDisabled>;
+        default: any;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    optional: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showSlotContentInMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    value: {
+        type: PropType<BentoListboxSelectedValue>;
+        default: any;
+    };
+}, {
+    tagItems: import("vue").ComputedRef<{
+        label: string;
+        value: import("../../../../../types").BentoListboxValue;
+        data: import("../../../../tag").BentoTagVariant;
+    }[]>;
+    onInput: (selectedValue: BentoListboxSelectedValue) => void;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "input"[], string, Readonly<import("vue").ExtractPropTypes<{
+    items: {
+        type: PropType<BentoTagListboxOptions>;
+        default: () => any[];
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dynamicFiltering: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: any;
+    };
+    description: {
+        type: StringConstructor;
+        default: any;
+    };
+    isOptionDisabled: {
+        type: PropType<import("../../../../../types").BentoListboxIsOptionDisabled>;
+        default: any;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    optional: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showSlotContentInMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    value: {
+        type: PropType<BentoListboxSelectedValue>;
+        default: any;
+    };
+}>>, {
+    required: boolean;
+    optional: boolean;
+    value: BentoListboxSelectedValue;
+    label: string;
+    ariaLabel: string;
+    disabled: boolean;
+    multiple: boolean;
+    description: string;
+    items: BentoTagListboxOptions;
+    isOptionDisabled: import("../../../../../types").BentoListboxIsOptionDisabled;
+    dynamicFiltering: boolean;
+    showSlotContentInMultiple: boolean;
+}>;
+export default _default;

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

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import type { BentoListboxIsOptionDisabled, BentoListboxOptionItem, BentoListboxOptions, BentoListboxSelectedValue } from '@/types';
+import type { BentoListboxIsOptionDisabled, BentoListboxOptions, BentoListboxSelectedValue } from '@/types';
 import { BentoTypographyElement } from '../typography';
 declare const _default: import("vue").DefineComponent<{
     ariaLabel: {
@@ -42,6 +42,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    showSlotContentInMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -51,10 +55,10 @@ declare const _default: import("vue").DefineComponent<{
     isDropdownOpen: import("vue").Ref<boolean>;
     displayValue: import("vue").ComputedRef<string>;
     dropdownOptionsContainerId: string;
-    filteredItems: import("vue").ComputedRef<BentoListboxOptionItem[]>;
+    filteredItems: import("vue").ComputedRef<import("@/types").BentoListboxOptionItem[]>;
     searchTerm: import("vue").Ref<string>;
     labelId: string;
-    selectedValueItem: import("vue").ComputedRef<BentoListboxOptionItem>;
+    selectedValueItem: import("vue").ComputedRef<import("@/types").BentoListboxOptionItem | import("@/types").BentoListboxOptionItem[]>;
     inputContainerRef: any;
     closeOpenedDropdown: () => void;
     toggleDropdown: () => void;
@@ -101,6 +105,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    showSlotContentInMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -117,5 +125,6 @@ declare const _default: import("vue").DefineComponent<{
     items: BentoListboxOptions;
     isOptionDisabled: BentoListboxIsOptionDisabled;
     dynamicFiltering: boolean;
+    showSlotContentInMultiple: boolean;
 }>;
 export default _default;

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

@@ -6,11 +6,11 @@ declare const _default: import("vue").DefineComponent<{
     };
     disableApplyButton: {
         type: BooleanConstructor;
-        deafault: boolean;
+        default: boolean;
     };
     disableClearButton: {
         type: BooleanConstructor;
-        deafault: boolean;
+        default: boolean;
     };
     field: {
         type: StringConstructor;
@@ -21,7 +21,20 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     value: {
-        type: StringConstructor;
+        type: (StringConstructor | {
+            (arrayLength: number): string[];
+            (...items: string[]): string[];
+            new (arrayLength: number): string[];
+            new (...items: string[]): string[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        })[];
         default: any;
     };
 }, {
@@ -75,11 +88,11 @@ declare const _default: import("vue").DefineComponent<{
     };
     disableApplyButton: {
         type: BooleanConstructor;
-        deafault: boolean;
+        default: boolean;
     };
     disableClearButton: {
         type: BooleanConstructor;
-        deafault: boolean;
+        default: boolean;
     };
     field: {
         type: StringConstructor;
@@ -90,11 +103,24 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     value: {
-        type: StringConstructor;
+        type: (StringConstructor | {
+            (arrayLength: number): string[];
+            (...items: string[]): string[];
+            new (arrayLength: number): string[];
+            new (...items: string[]): string[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        })[];
         default: any;
     };
 }>>, {
-    value: string;
+    value: string | string[];
     appliedFiltersCount: number;
     disableApplyButton: boolean;
     disableClearButton: boolean;

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

@@ -0,0 +1,43 @@
+declare const _default: import("vue").DefineComponent<{
+    field: {
+        type: StringConstructor;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    value: {
+        type: StringConstructor;
+        default: any;
+    };
+}, {
+    items: import("vue").Ref<{
+        value: string;
+        label: string;
+    }[]>;
+    appliedFiltersCount: import("vue").ComputedRef<number>;
+    internalFilterValue: import("vue").Ref<string>;
+    isApplyButtonDisabled: import("vue").ComputedRef<boolean>;
+    isClearButtonDisabled: import("vue").ComputedRef<boolean>;
+    onInput: (event: any) => void;
+    updateFilter: () => void;
+    clearFilter: () => void;
+    openFilter: () => void;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "update"[], string, Readonly<import("vue").ExtractPropTypes<{
+    field: {
+        type: StringConstructor;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    value: {
+        type: StringConstructor;
+        default: any;
+    };
+}>>, {
+    value: string;
+}>;
+export default _default;

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

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

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

@@ -0,0 +1,42 @@
+import { PropType } from 'vue';
+import { BentoInputFieldType } from '@/components/input-field';
+declare const _default: import("vue").DefineComponent<{
+    field: {
+        type: StringConstructor;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    value: {
+        type: PropType<string[]>;
+        required: true;
+    };
+}, {
+    BentoInputFieldType: typeof BentoInputFieldType;
+    inputTextRef: any;
+    appliedFiltersCount: import("vue").ComputedRef<number>;
+    internalFilterValue: import("vue").Ref<string[]>;
+    isApplyButtonDisabled: import("vue").ComputedRef<boolean>;
+    isClearButtonDisabled: import("vue").ComputedRef<boolean>;
+    updateFrom: (newValue: any) => void;
+    updateTo: (newValue: any) => void;
+    updateFilter: () => void;
+    clearFilter: () => void;
+    openFilter: () => void;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "update"[], string, Readonly<import("vue").ExtractPropTypes<{
+    field: {
+        type: StringConstructor;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    value: {
+        type: PropType<string[]>;
+        required: true;
+    };
+}>>, {}>;
+export default _default;

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

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