@adyen/bento-vue2 0.1.2 → 0.1.3

package/dist/@types/components/button/components/button-actions/button-actions.types.d.ts

@@ -5,9 +5,20 @@ export interface BentoButtonActionObject {
     icon?: VueNodeElement;
 }
 export type BentoButtonActionsList = Array<BentoButtonActionObject>;
-export declare enum BentoButtonActionsLayout {
+export declare enum BentoButtonActionsLayoutBasic {
     BUTTONS_END = "buttons-end",
     FILL_CONTAINER = "fill-container",
     SPACE_BETWEEN = "space-between",
     VERTICAL_STACK = "vertical-stack"
 }
+export declare enum BentoButtonActionsLayoutExtended {
+    BUTTONS_START = "buttons-start"
+}
+export declare const BentoButtonActionsLayout: {
+    BUTTONS_START: BentoButtonActionsLayoutExtended.BUTTONS_START;
+    BUTTONS_END: BentoButtonActionsLayoutBasic.BUTTONS_END;
+    FILL_CONTAINER: BentoButtonActionsLayoutBasic.FILL_CONTAINER;
+    SPACE_BETWEEN: BentoButtonActionsLayoutBasic.SPACE_BETWEEN;
+    VERTICAL_STACK: BentoButtonActionsLayoutBasic.VERTICAL_STACK;
+};
+export type BentoButtonActionsLayout = BentoButtonActionsLayoutBasic | BentoButtonActionsLayoutExtended;

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

@@ -8,7 +8,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     layout: {
         type: PropType<BentoButtonActionsLayout>;
-        default: BentoButtonActionsLayout;
+        default: import("@/components/button").BentoButtonActionsLayoutBasic;
         validator: (layout: BentoButtonActionsLayout) => boolean;
     };
 }, {
@@ -24,7 +24,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     layout: {
         type: PropType<BentoButtonActionsLayout>;
-        default: BentoButtonActionsLayout;
+        default: import("@/components/button").BentoButtonActionsLayoutBasic;
         validator: (layout: BentoButtonActionsLayout) => boolean;
     };
 }>>, {

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

@@ -1,10 +1,4 @@
-export declare enum AdlCardImagePosition {
-    TOP = "top",
-    LEFT = "left"
-}
-export declare enum AdlCardPropClass {
-    CLICKABLE = "clickable",
-    WITH_FOOTER = "with-footer",
-    WITH_IMAGE = "with-image",
-    WITH_LEFT_SIDE_IMAGE = "with-left-side-image"
+export declare enum BentoCardBackground {
+    PRIMARY = "primary",
+    SECONDARY = "secondary"
 }

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

@@ -1,42 +1,77 @@
 import { PropType } from 'vue';
-import { AdlCardImagePosition } from './card.types';
+import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+import { BentoButtonActionsLayout, BentoButtonActionsList } from '@/components/button';
+import { BentoCardBackground } from '@/components/card/card.types';
 declare const _default: import("vue").DefineComponent<{
-    title: {
-        type: StringConstructor;
-        required: true;
+    background: {
+        type: PropType<BentoCardBackground>;
+        default: BentoCardBackground;
     };
-    subTitle: {
-        type: StringConstructor;
+    expandable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    actions: {
+        type: PropType<BentoButtonActionsList>;
         default: any;
     };
-    imagePosition: {
-        type: PropType<AdlCardImagePosition>;
-        default: AdlCardImagePosition;
+    actionsLayout: {
+        type: PropType<BentoButtonActionsLayout>;
+        default: import("@/components/button").BentoButtonActionsLayoutBasic;
+        validator: (value: BentoButtonActionsLayout) => boolean;
     };
 }, {
-    conditionalClasses: import("vue").ComputedRef<{
-        [x: string]: boolean;
+    cardId: string;
+    cardConditionalClasses: import("vue").ComputedRef<{
+        [x: string]: boolean | BentoCardBackground;
+        'b-card--expandable': boolean;
+        'b-card--disabled': boolean;
+    }>;
+    cardBodyConditionalClasses: import("vue").ComputedRef<{
+        'b-card__body--expandable': boolean;
+    }>;
+    cardHeaderConditionalClasses: import("vue").ComputedRef<{
+        'b-card__header--with-body': boolean;
     }>;
-    showBody: import("vue").ComputedRef<boolean>;
-    showHeaderActions: import("vue").ComputedRef<boolean>;
-    showImage: import("vue").ComputedRef<boolean>;
-    showFooter: import("vue").ComputedRef<boolean>;
-    onClickCard: () => void;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "click"[], string, Readonly<import("vue").ExtractPropTypes<{
-    title: {
-        type: StringConstructor;
-        required: true;
-    };
-    subTitle: {
-        type: StringConstructor;
+    showCardBody: import("vue").ComputedRef<boolean>;
+    showContent: import("vue").Ref<boolean>;
+    tabIndex: import("vue").ComputedRef<0 | -1>;
+    onClick: () => void;
+    toggleExpansion: () => void;
+    hasSlot: (name: string) => boolean;
+    BentoTypographyVariant: typeof BentoTypographyVariant;
+    BentoTypographyElement: typeof BentoTypographyElement;
+}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("click" | "expanded")[], string, Readonly<import("vue").ExtractPropTypes<{
+    background: {
+        type: PropType<BentoCardBackground>;
+        default: BentoCardBackground;
+    };
+    expandable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    actions: {
+        type: PropType<BentoButtonActionsList>;
         default: any;
     };
-    imagePosition: {
-        type: PropType<AdlCardImagePosition>;
-        default: AdlCardImagePosition;
+    actionsLayout: {
+        type: PropType<BentoButtonActionsLayout>;
+        default: import("@/components/button").BentoButtonActionsLayoutBasic;
+        validator: (value: BentoButtonActionsLayout) => boolean;
     };
 }>>, {
-    subTitle: string;
-    imagePosition: AdlCardImagePosition;
+    background: BentoCardBackground;
+    disabled: boolean;
+    actions: BentoButtonActionsList;
+    expandable: boolean;
+    actionsLayout: BentoButtonActionsLayout;
 }>;
 export default _default;

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

@@ -1,3 +1,2 @@
-export { default as AdlCard } from './card.vue';
-export { default as AdlCardImage } from './components/card-image/card-image.vue';
+export { default as BentoCard } from './card.vue';
 export * from './card.types';

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

@@ -1,7 +1,13 @@
+import { PropType } from 'vue';
 import { BentoButtonVariant } from '../../../button';
 import { BentoTypographyElement, BentoTypographyVariant } from '../../../typography';
 import { AdlLabelPosition } from '../../../../types';
+import { BentoColumn } from '../../data-grid.types';
 declare const _default: import("vue").DefineComponent<{
+    columns: {
+        type: PropType<BentoColumn[]>;
+        required: true;
+    };
     condensed: {
         type: BooleanConstructor;
         default: boolean;
@@ -9,8 +15,19 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     configSettingsButtonRef: any;
     isConfigSettingsPanelOpen: import("vue").Ref<boolean>;
+    isColumnVisibilityToggleDisabled: (fieldName: string, isMandatory: boolean) => boolean;
+    allColumnsVisbilityToggleState: import("vue").Ref<boolean>;
+    filteredColumnVisibilityColumns: import("vue").ComputedRef<BentoColumn[]>;
+    searchTerm: import("vue").Ref<string>;
+    isColumnVisibilityFilterShown: import("vue").Ref<boolean>;
+    searchBarRef: any;
     toggleConfigSettingsPanelVisibility: () => void;
     emitCondensedToggle: (isCompactView: boolean) => void;
+    isColumnVisible: (fieldName: string) => boolean;
+    toggleColumnVisiblity: (fieldName: string) => void;
+    toggleAllColumnVisibility: (toggleState: boolean) => void;
+    clearAction: () => void;
+    toggleColumnFilter: () => void;
     AdlLabelPosition: typeof AdlLabelPosition;
     BentoTypographyElement: typeof BentoTypographyElement;
     BentoTypographyVariant: typeof BentoTypographyVariant;
@@ -32,7 +49,11 @@ declare const _default: import("vue").DefineComponent<{
         BOTTOM: import("../../../popper-container").PopperContainerPositionBasic.BOTTOM;
         LEFT: import("../../../popper-container").PopperContainerPositionBasic.LEFT;
     };
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "config-settings"[], string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("config-settings" | "visible-columns")[], string, Readonly<import("vue").ExtractPropTypes<{
+    columns: {
+        type: PropType<BentoColumn[]>;
+        required: true;
+    };
     condensed: {
         type: BooleanConstructor;
         default: boolean;

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

@@ -18,6 +18,8 @@ export declare const useCalculateColumnWidth: (newColumns: MaybeRef<BentoColumn[
             right?: boolean;
         };
         overflow?: import("../../data-grid.types").BentoColumnOverflow;
+        visible?: boolean;
+        mandatory?: boolean;
     }[]>;
     gridColumnWidthStyle: import("vue").ComputedRef<{
         gridTemplateColumns: string;

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

@@ -1,5 +1,7 @@
 import { MaybeRef } from '../../../types';
-export declare const useConfigSettings: (condensed: MaybeRef<boolean>) => {
+import { BentoColumn } from '../data-grid.types';
+export declare const useConfigSettings: (condensed: MaybeRef<boolean>, columnsRef: MaybeRef<BentoColumn[]>, emit: (event: string, columns: BentoColumn[]) => void) => {
     compactView: import("vue").Ref<boolean>;
     onConfigSettingsUpdate: (isCompactView: boolean) => boolean;
+    onColumnVisibiltyChange: (columnIndexes: string[]) => void;
 };

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

@@ -16,6 +16,8 @@ export interface BentoColumn {
         right?: boolean;
     };
     overflow?: BentoColumnOverflow;
+    visible?: boolean;
+    mandatory?: boolean;
 }
 export declare enum BentoDatagridStyleState {
     OUTLINE = "outline"

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

@@ -10,6 +10,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoColumn[]>;
         required: true;
     };
+    columnPanel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     data: {
         type: PropType<BentoDatagridData>;
         required: true;
@@ -103,6 +107,10 @@ declare const _default: import("vue").DefineComponent<{
         }>>>>;
         default: any;
     };
+    stickyPagination: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     selectable: {
         type: BooleanConstructor;
         default: boolean;
@@ -130,6 +138,8 @@ declare const _default: import("vue").DefineComponent<{
             right?: boolean;
         };
         overflow?: BentoColumnOverflow;
+        visible?: boolean;
+        mandatory?: boolean;
     }[]>;
     ariaGridHeaderText: import("vue").ComputedRef<string>;
     conditionalTitleAttribute: (column: BentoColumn, content: unknown) => string;
@@ -155,6 +165,7 @@ declare const _default: import("vue").DefineComponent<{
     conditionalPaginationClasses: import("vue").ComputedRef<{
         'b-data-grid__pagination--padding-left-unset': boolean;
         'b-data-grid__pagination--padding-right-unset': boolean;
+        'b-data-grid__pagination--sticky': boolean;
     }>;
     onColumnWidthOverride: (newColumnWidthOverridesLookup: import("./data-grid.types").BentoColumnWidthOverridesLookup) => void;
     onColumnResized: (resizeEvent: {
@@ -172,6 +183,7 @@ declare const _default: import("vue").DefineComponent<{
     DATAGRID_SELECT_FIELD_NAME: string;
     compactView: import("vue").Ref<boolean>;
     onConfigSettingsUpdate: (isCompactView: boolean) => boolean;
+    onColumnVisibiltyChange: (columnIndexes: string[]) => void;
     BentoDatagridSortDirection: typeof BentoDatagridSortDirection;
     BentoTypographyElement: typeof BentoTypographyElement;
     BentoTypographyVariant: typeof BentoTypographyVariant;
@@ -186,6 +198,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoColumn[]>;
         required: true;
     };
+    columnPanel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     data: {
         type: PropType<BentoDatagridData>;
         required: true;
@@ -279,6 +295,10 @@ declare const _default: import("vue").DefineComponent<{
         }>>>>;
         default: any;
     };
+    stickyPagination: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     selectable: {
         type: BooleanConstructor;
         default: boolean;
@@ -298,9 +318,11 @@ declare const _default: import("vue").DefineComponent<{
     filters: import("../filter-bar").BentoFilterBarModel;
     hasResizableColumns: boolean;
     sortBy: BentoDatagridSortByColumn[];
+    columnPanel: boolean;
     getDataItemId: BentoDatagridGetDataItemIdFn;
     isDataItemDisabled: BentoDatagridIsDataItemDisabledFn;
     pagination: any;
+    stickyPagination: boolean;
     selectable: boolean;
     selection: BentoDatagridDataItemId[];
 }>;

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

@@ -71,6 +71,7 @@ declare const _default: import("vue").DefineComponent<{
     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<{
     additionalItemsSelected: {

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

@@ -0,0 +1,33 @@
+import { PropType } from 'vue';
+import { BentoTypographyElement } from '@/components/typography';
+import type { BentoDropdownOptions, BentoDropdownSelectedValue, BentoDropdownValue } from '../../../../dropdown.types';
+declare const _default: import("vue").DefineComponent<{
+    items: {
+        type: PropType<BentoDropdownOptions>;
+        required: true;
+    };
+    selectedValues: {
+        type: PropType<BentoDropdownSelectedValue>;
+        default: BentoDropdownSelectedValue;
+    };
+}, {
+    isAllSelected: import("vue").ComputedRef<boolean>;
+    isIndeterminate: import("vue").ComputedRef<boolean>;
+    selectedItemsList: import("vue").Ref<BentoDropdownValue[]>;
+    selectAllCheckboxText: import("vue").ComputedRef<import("vue-i18n").default.TranslateResult>;
+    BentoTypographyElement: typeof BentoTypographyElement;
+    toggleCheckboxSelection: (value: BentoDropdownValue) => void;
+    toggleSelectAll: (selectedValue: boolean) => void;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "select"[], string, Readonly<import("vue").ExtractPropTypes<{
+    items: {
+        type: PropType<BentoDropdownOptions>;
+        required: true;
+    };
+    selectedValues: {
+        type: PropType<BentoDropdownSelectedValue>;
+        default: BentoDropdownSelectedValue;
+    };
+}>>, {
+    selectedValues: BentoDropdownSelectedValue;
+}>;
+export default _default;

package/dist/@types/components/dropdown/components/dropdown-options-container/components/dropdown-multi-select/index.d.ts

@@ -0,0 +1 @@
+export { default as BentoDropdownMultiSelect } from './dropdown-multi-select.vue';

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

@@ -0,0 +1,29 @@
+declare const _default: import("vue").DefineComponent<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    conditionalClasses: import("vue").ComputedRef<{
+        'b-dropdown-option--disabled': boolean;
+        'b-dropdown-option--selected': boolean;
+    }>;
+    onClick: (e: Event) => void;
+}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("click" | "escape-pressed" | "enter-pressed")[], string, Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    disabled: boolean;
+    selected: boolean;
+}>;
+export default _default;

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

@@ -0,0 +1 @@
+export { default as BentoDropdownOption } from './dropdown-option.vue';

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

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

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

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

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

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