@adyen/bento-vue2 0.1.2 → 0.1.4

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

@@ -1,55 +1,40 @@
-import { PropType } from 'vue';
-import { BentoAvatarColor, BentoAvatarVariant } from './avatar.types';
+import { BentoAvatarImageColor, BentoAvatarImageVariant } from '@/components/avatar-image';
 import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
 declare const _default: import("vue").DefineComponent<{
-    src: {
-        type: StringConstructor;
-        default: any;
+    iconOnly: {
+        type: BooleanConstructor;
+        default: boolean;
     };
     username: {
         type: StringConstructor;
-        default: any;
+        required: true;
     };
-    variant: {
-        type: PropType<BentoAvatarVariant>;
-        default: BentoAvatarVariant;
-        validator: (value: BentoAvatarVariant) => boolean;
-    };
-    color: {
-        type: PropType<BentoAvatarColor>;
-        default: BentoAvatarColor;
-        validator: (value: BentoAvatarColor) => boolean;
+    src: {
+        type: StringConstructor;
+        default: any;
     };
 }, {
+    BentoAvatarImageVariant: typeof BentoAvatarImageVariant;
     BentoTypographyElement: typeof BentoTypographyElement;
     BentoTypographyVariant: typeof BentoTypographyVariant;
-    conditionalClasses: import("vue").ComputedRef<{
-        [x: string]: boolean | BentoAvatarColor;
-    }>;
-    initials: import("vue").ComputedRef<string>;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
-    src: {
-        type: StringConstructor;
-        default: any;
+    computedAriaLabel: import("vue").ComputedRef<string>;
+    computedUsername: import("vue").ComputedRef<string>;
+    avatarColor: import("vue").ComputedRef<BentoAvatarImageColor>;
+}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    iconOnly: {
+        type: BooleanConstructor;
+        default: boolean;
     };
     username: {
         type: StringConstructor;
-        default: any;
+        required: true;
     };
-    variant: {
-        type: PropType<BentoAvatarVariant>;
-        default: BentoAvatarVariant;
-        validator: (value: BentoAvatarVariant) => boolean;
-    };
-    color: {
-        type: PropType<BentoAvatarColor>;
-        default: BentoAvatarColor;
-        validator: (value: BentoAvatarColor) => boolean;
+    src: {
+        type: StringConstructor;
+        default: any;
     };
 }>>, {
-    color: BentoAvatarColor;
     src: string;
-    variant: BentoAvatarVariant;
-    username: string;
+    iconOnly: boolean;
 }>;
 export default _default;

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

@@ -1,2 +1 @@
-export { default as Avatar } from './avatar.vue';
-export * from './avatar.types';
+export { default as BentoAvatar } from './avatar.vue';

package/dist/@types/components/{avatar/avatar.types.d.ts → avatar-image/avatar-image.types.d.ts}

@@ -1,8 +1,8 @@
-export declare enum BentoAvatarVariant {
+export declare enum BentoAvatarImageVariant {
     LARGE = "large",
     SMALL = "small"
 }
-export declare enum BentoAvatarColor {
+export declare enum BentoAvatarImageColor {
     BLUE = "blue",
     GREEN = "green",
     RED = "red",

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

@@ -0,0 +1,55 @@
+import { PropType } from 'vue';
+import { BentoAvatarImageColor, BentoAvatarImageVariant } from './avatar-image.types';
+import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+declare const _default: import("vue").DefineComponent<{
+    src: {
+        type: StringConstructor;
+        default: any;
+    };
+    username: {
+        type: StringConstructor;
+        default: any;
+    };
+    variant: {
+        type: PropType<BentoAvatarImageVariant>;
+        default: BentoAvatarImageVariant;
+        validator: (value: BentoAvatarImageVariant) => boolean;
+    };
+    color: {
+        type: PropType<BentoAvatarImageColor>;
+        default: BentoAvatarImageColor;
+        validator: (value: BentoAvatarImageColor) => boolean;
+    };
+}, {
+    BentoTypographyElement: typeof BentoTypographyElement;
+    BentoTypographyVariant: typeof BentoTypographyVariant;
+    conditionalClasses: import("vue").ComputedRef<{
+        [x: string]: boolean | BentoAvatarImageColor;
+    }>;
+    initials: import("vue").ComputedRef<string>;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    src: {
+        type: StringConstructor;
+        default: any;
+    };
+    username: {
+        type: StringConstructor;
+        default: any;
+    };
+    variant: {
+        type: PropType<BentoAvatarImageVariant>;
+        default: BentoAvatarImageVariant;
+        validator: (value: BentoAvatarImageVariant) => boolean;
+    };
+    color: {
+        type: PropType<BentoAvatarImageColor>;
+        default: BentoAvatarImageColor;
+        validator: (value: BentoAvatarImageColor) => boolean;
+    };
+}>>, {
+    color: BentoAvatarImageColor;
+    src: string;
+    variant: BentoAvatarImageVariant;
+    username: string;
+}>;
+export default _default;

package/dist/@types/components/avatar-image/index.d.ts

@@ -0,0 +1,2 @@
+export { default as AvatarImage } from './avatar-image.vue';
+export * from './avatar-image.types';

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.types.d.ts

@@ -37,10 +37,6 @@ export declare const DropdownBaseTextboxProps: {
         type: BooleanConstructor;
         default: boolean;
     };
-    placeholder: {
-        type: StringConstructor;
-        default: any;
-    };
     value: {
         type: StringConstructor;
         default: string;

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

@@ -47,10 +47,6 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    placeholder: {
-        type: StringConstructor;
-        default: any;
-    };
     value: {
         type: StringConstructor;
         default: string;
@@ -61,8 +57,6 @@ declare const _default: import("vue").DefineComponent<{
     conditionalClasses: import("vue").ComputedRef<{
         'b-dropdown-base-textbox--disabled': boolean;
     }>;
-    computedDisplayValue: import("vue").ComputedRef<string>;
-    shouldShowPlaceholder: import("vue").ComputedRef<boolean>;
     textboxId: string;
     textbox: any;
     isFiltering: import("vue").ComputedRef<boolean>;
@@ -71,6 +65,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: {
@@ -117,10 +112,6 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    placeholder: {
-        type: StringConstructor;
-        default: any;
-    };
     value: {
         type: StringConstructor;
         default: string;
@@ -130,7 +121,6 @@ declare const _default: import("vue").DefineComponent<{
     value: string;
     ariaLabel: string;
     disabled: boolean;
-    placeholder: string;
     debounceTime: number;
     additionalItemsSelected: number;
     ariaLabelledby: string;

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

@@ -45,10 +45,6 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    placeholder: {
-        type: StringConstructor;
-        default: any;
-    };
     value: {
         type: StringConstructor;
         default: string;
@@ -105,10 +101,6 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    placeholder: {
-        type: StringConstructor;
-        default: any;
-    };
     value: {
         type: StringConstructor;
         default: string;
@@ -118,7 +110,6 @@ declare const _default: import("vue").DefineComponent<{
     value: string;
     ariaLabel: string;
     disabled: boolean;
-    placeholder: string;
     debounceTime: number;
     additionalItemsSelected: number;
     ariaLabelledby: string;

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

@@ -0,0 +1,42 @@
+import { PropType } from 'vue';
+import { BentoTypographyElement } from '@/components/typography';
+import type { BentoDropdownIsOptionDisabled, BentoDropdownOptions, BentoDropdownSelectedValue, BentoDropdownValue } from '../../../../dropdown.types';
+declare const _default: import("vue").DefineComponent<{
+    isOptionDisabled: {
+        type: PropType<BentoDropdownIsOptionDisabled>;
+        default: () => false;
+    };
+    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<{
+    isOptionDisabled: {
+        type: PropType<BentoDropdownIsOptionDisabled>;
+        default: () => false;
+    };
+    items: {
+        type: PropType<BentoDropdownOptions>;
+        required: true;
+    };
+    selectedValues: {
+        type: PropType<BentoDropdownSelectedValue>;
+        default: BentoDropdownSelectedValue;
+    };
+}>>, {
+    isOptionDisabled: BentoDropdownIsOptionDisabled;
+    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';