@adyen/bento-vue3 1.37.0 → 1.38.0

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

@@ -113,9 +113,7 @@ declare const _default: import("../../../../../node_modules/.pnpm/vue@3.5.13_typ
 }>, {
     descriptionId: string;
     errorId: string;
-    ariaChecked: import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<(boolean | "true" | "false") | "mixed">;
     ariaDescribedBy: import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<string>;
-    ariaInvalid: import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<(boolean | "true" | "false") | "grammar" | "spelling">;
     computedAriaLabel: import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<string>;
     conditionalClass: import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<{
         "b-checkbox--disabled": boolean;
@@ -123,8 +121,6 @@ declare const _default: import("../../../../../node_modules/.pnpm/vue@3.5.13_typ
     }>;
     defaultSlotValue: string;
     descriptionSlotValue: string;
-    isCheckboxGroup: import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<boolean>;
-    isChecked: import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<boolean>;
     isIndeterminate: import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<boolean>;
     shouldShowError: import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<boolean>;
     shouldShowErrorMessage: import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<boolean>;

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

@@ -333,9 +333,7 @@ declare const _default: import("../../../../../../../node_modules/.pnpm/vue@3.5.
     }>, {
         descriptionId: string;
         errorId: string;
-        ariaChecked: import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<(boolean | "true" | "false") | "mixed">;
         ariaDescribedBy: import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<string>;
-        ariaInvalid: import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<(boolean | "true" | "false") | "grammar" | "spelling">;
         computedAriaLabel: import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<string>;
         conditionalClass: import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<{
             "b-checkbox--disabled": boolean;
@@ -343,8 +341,6 @@ declare const _default: import("../../../../../../../node_modules/.pnpm/vue@3.5.
         }>;
         defaultSlotValue: string;
         descriptionSlotValue: string;
-        isCheckboxGroup: import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<boolean>;
-        isChecked: import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<boolean>;
         isIndeterminate: import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<boolean>;
         shouldShowError: import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<boolean>;
         shouldShowErrorMessage: import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<boolean>;

package/dist/@types/packages/vue2/src/components/data-grid/components/data-grid-cell/data-grid-cell.vue.d.ts

@@ -92,6 +92,13 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../../../nod
         type: NumberConstructor;
         required: true;
     };
+    /**
+     * Determines if the row selection is enabled.
+     */
+    selectable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     selectedItems: {
         type: PropType<BentoDatagridDataItemId[]>;
         required: true;
@@ -185,6 +192,13 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../../../nod
         type: NumberConstructor;
         required: true;
     };
+    /**
+     * Determines if the row selection is enabled.
+     */
+    selectable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     selectedItems: {
         type: PropType<BentoDatagridDataItemId[]>;
         required: true;
@@ -198,6 +212,7 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../../../nod
     condensed: boolean;
     draggingColumns: BentoDatagridDraggingColumnState;
     isMeasuringColumnWidths: boolean;
+    selectable: boolean;
     getDataItemId: BentoDatagridGetDataItemIdFn;
     isDataItemDisabled: BentoDatagridIsDataItemDisabledFn;
 }, {}, {}, {}, string, import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentProvideOptions, true, {}, any>, Record<string, (_: {

package/dist/@types/packages/vue2/src/components/data-grid/components/data-grid-columns/data-grid-columns.vue.d.ts

@@ -25,6 +25,7 @@ import type { DatagridColumnHoveringState } from "../../composables/use-column-h
  *              :has-left-overflow="hasLeftOverflow"
  *              :has-first-column-panel-right-aligned="index === computedColumnPanelAlignment"
  *              :is-only-one-visible-column="isOnlyOneVisibleColumn"
+ *              :selectable="selectable"
  *              :selectable-across-pages="selectableAcrossPagesComputed"
  *              :truncate-column-headers="truncateColumnHeaders"
  *              v-on="draggingEventsForColumns"
@@ -135,6 +136,13 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../../../nod
         type: PropType<BentoDatagridAllItemsSelectedState>;
         default: any;
     };
+    /**
+     * Determines if the user has enabled row selection
+     */
+    selectable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * Adds an extra option when selecting all, to select items in other pages too
      */
@@ -282,6 +290,13 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../../../nod
         type: PropType<BentoDatagridAllItemsSelectedState>;
         default: any;
     };
+    /**
+     * Determines if the user has enabled row selection
+     */
+    selectable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * Adds an extra option when selecting all, to select items in other pages too
      */
@@ -334,6 +349,7 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../../../nod
     isOnlyOneVisibleColumn: boolean;
     showFrozenColumnsSeparator: boolean;
     allItemsSelectedState: BentoDatagridAllItemsSelectedState;
+    selectable: boolean;
     selectableAcrossPages: boolean;
     sortBy: BentoDatagridSortByColumn[];
     truncateColumnHeaders: boolean;

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

@@ -26,7 +26,7 @@ declare const _default: import("../../../../../../../node_modules/.pnpm/vue@3.5.
     isColumnVisibilityFilterShown: import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").Ref<boolean, boolean>;
     searchBarRef: import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").Ref<any, any>;
     searchButtonRef: import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").Ref<any, any>;
-    DATAGRID_SELECT_FIELD_NAME: string;
+    DATAGRID_ACTIONS_COLUMN_FIELD_NAME: string;
     setConfigSettingsPanelVisibility: (isVisible: boolean) => void;
     emitCondensedToggle: (isCondensedView: boolean) => void;
     toggleAllColumnVisibility: (toggleState: boolean) => void;

package/dist/@types/packages/vue2/src/components/data-grid/composables/use-calculate-column-width/use-calculate-column-width.d.ts

@@ -5,7 +5,7 @@ import type { MaybeRef } from "../../../../types";
 import type { DatagridColumnsHeaderReferences } from '../../components/data-grid-columns/data-grid-columns.types';
 export declare const DEFAULT_COLUMN_WIDTH = 100;
 export declare const DEFAULT_COLUMN_MIN_WIDTH = 50;
-export declare const DATAGRID_SELECT_FIELD_NAME = "b-select";
+export declare const DATAGRID_ACTIONS_COLUMN_FIELD_NAME = "b-actions-column";
 export declare const DATAGRID_SELECT_WIDTH = 32;
 export declare const DATAGRID_SELECT_WIDTH_WITH_SELECT_ALL_PAGES_ENABLED = 56;
 export declare const DATAGRID_CELL_OFFSET_INITIAL = 1;

package/dist/@types/packages/vue2/src/components/data-grid/composables/use-calculate-column-width/use-calculate-column-width.types.d.ts

@@ -10,5 +10,6 @@ export interface CalculateColumnWidthOptions {
     hasColumnPanel?: Ref<boolean>;
     hasSelectableColumn?: Ref<boolean>;
     hasSelectableAcrossPages?: Ref<boolean>;
+    hasNestedContent?: Ref<boolean>;
     isDataGridTemplate?: boolean;
 }

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

@@ -513,18 +513,6 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../node_modu
         readonly headingEl?: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span";
     } & import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").VNodeProps & import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").AllowedComponentProps & import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentCustomProps, "title" | "image" | "variant" | "action" | "description" | "headingEl">;
     fitContent: boolean;
-    hasResizableColumns: boolean;
-    selectableAcrossPages: boolean;
-    sortBy: BentoDatagridSortByColumn[];
-    truncateColumnHeaders: boolean;
-    getDataItemId: BentoDatagridGetDataItemIdFn;
-    isDataItemDisabled: BentoDatagridIsDataItemDisabledFn;
-    filterValues: any;
-    allowRowClicks: boolean;
-    allowColumnDragAndDrop: boolean;
-    bulkActions: BentoButtonActionsList;
-    columnPanel: boolean;
-    filterSearchTerm: any;
     pagination: Partial<{
         size: number;
         page: number;
@@ -541,14 +529,26 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../node_modu
         readonly ariaLabel?: string;
         readonly totalCount?: number;
         readonly hasNext?: boolean;
-        readonly onNavigate?: (...args: any[]) => any;
-        readonly "onItems-page"?: (...args: any[]) => any;
-        readonly "onUpdate:page"?: (...args: any[]) => any;
-        readonly "onUpdate:size"?: (...args: any[]) => any;
+        readonly onNavigate?: (page: number, items?: number) => any;
+        readonly "onItems-page"?: (size: number) => any;
+        readonly "onUpdate:page"?: (page: number) => any;
+        readonly "onUpdate:size"?: (size: number) => any;
     } & import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").VNodeProps & import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").AllowedComponentProps & import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentCustomProps, "size" | "page" | "ariaLabel" | "virtualScroll" | "totalCount" | "hasNext" | "hidePageSize">;
+    hasResizableColumns: boolean;
+    selectable: boolean;
+    selectableAcrossPages: boolean;
+    sortBy: BentoDatagridSortByColumn[];
+    truncateColumnHeaders: boolean;
+    getDataItemId: BentoDatagridGetDataItemIdFn;
+    isDataItemDisabled: BentoDatagridIsDataItemDisabledFn;
+    filterValues: any;
+    allowRowClicks: boolean;
+    allowColumnDragAndDrop: boolean;
+    bulkActions: BentoButtonActionsList;
+    columnPanel: boolean;
+    filterSearchTerm: any;
     stickyPagination: boolean;
     stickyFilters: boolean;
-    selectable: boolean;
     selection: BentoDatagridDataItemId[];
     highlightedRows: BentoDatagridDataItemId[];
     noSpacingTop: boolean;

package/dist/@types/packages/vue2/src/components/date-range-picker/date-range-picker.vue.d.ts

@@ -1,4 +1,5 @@
 import { PropType } from "../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue";
+import { BentoButtonActionsLayout } from "../button";
 import { BentoDateRangePickerEvent, BentoDateRangePickerValue } from './date-range-picker.types';
 import { DateRangePickerCalendarFormData, DateRangePickerCalendarRangeSelectorItems } from './components/date-range-picker-calendar/date-range-picker-calendar.types';
 /**
@@ -143,6 +144,16 @@ declare const _default: import("../../../../../node_modules/.pnpm/vue@3.5.13_typ
      * Selected date
      */
     value: any;
+    /**
+     * Enables the date picker selection to persist until it is explicitly applied.
+     * Displays a set of buttons: Apply and Cancel.
+     *
+     * @deprecated This will be the default behaviour in v2.0.0.
+     */
+    hasActions: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {
     inputContainerRef: import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").Ref<any, any>;
     dateDisplayValue: import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<string>;
@@ -150,6 +161,8 @@ declare const _default: import("../../../../../node_modules/.pnpm/vue@3.5.13_typ
     descriptionConditionalClasses: import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<{
         'b-date-range-picker__description--error': boolean;
     }>;
+    displayedTextInputValue: import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<DateRangePickerCalendarFormData>;
+    displayedDateValue: import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<string>;
     isDateIncorrect: import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").Ref<boolean, boolean>;
     isDateRangePickerOpen: import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").Ref<boolean, boolean>;
     isReadOnly: import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<boolean>;
@@ -158,8 +171,25 @@ declare const _default: import("../../../../../node_modules/.pnpm/vue@3.5.13_typ
     dateErrorId: string;
     errorId: string;
     popoverAriaLabel: import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<string>;
+    shouldDisplayError: import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<boolean>;
     ariaDescribedBy: import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<string>;
     textInputDisplayValue: DateRangePickerCalendarFormData;
+    rangePickerButtonActions: import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<({
+        title: string;
+        event: () => void;
+        disabled: boolean;
+    } | {
+        title: string;
+        event: () => void;
+        disabled?: undefined;
+    })[]>;
+    BentoButtonActionsLayout: {
+        BUTTONS_START: import("../button").BentoButtonActionsLayoutExtended.BUTTONS_START;
+        BUTTONS_END: import("../button").BentoButtonActionsLayoutBasic.BUTTONS_END;
+        FILL_CONTAINER: import("../button").BentoButtonActionsLayoutBasic.FILL_CONTAINER;
+        SPACE_BETWEEN: import("../button").BentoButtonActionsLayoutBasic.SPACE_BETWEEN;
+        VERTICAL_STACK: import("../button").BentoButtonActionsLayoutBasic.VERTICAL_STACK;
+    };
     closeDateRangePicker: () => void;
     clearDateRangePickerValue: () => Promise<void>;
     openDateRangePicker: () => void;
@@ -168,7 +198,7 @@ declare const _default: import("../../../../../node_modules/.pnpm/vue@3.5.13_typ
     onDateRangePickerInput: (selectedRange: BentoDateRangePickerValue) => void;
     onDateRangePickerError: (dateTextInput: any) => void;
     onDateRangePickerFormDateInputUpdate: (dateFormDate: DateRangePickerCalendarFormData) => void;
-    t: (key: "selectDateRange" | "dateRangePicker" | "provideDateInAFormat" | "selectDate" | "selectedDateIsNotAvailable", values?: import("vue-i18n").default.Values) => string;
+    t: (key: "cancel" | "apply" | "selectDateRange" | "dateRangePicker" | "provideDateInAFormat" | "selectDate" | "selectedDateIsNotAvailable", values?: import("vue-i18n").default.Values) => string;
 }, {}, {}, {}, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, BentoDateRangePickerEvent[], BentoDateRangePickerEvent, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").PublicProps, Readonly<import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ExtractPropTypes<{
     /**
      * Allows user to enter time values in the form
@@ -284,6 +314,16 @@ declare const _default: import("../../../../../node_modules/.pnpm/vue@3.5.13_typ
      * Selected date
      */
     value: any;
+    /**
+     * Enables the date picker selection to persist until it is explicitly applied.
+     * Displays a set of buttons: Apply and Cancel.
+     *
+     * @deprecated This will be the default behaviour in v2.0.0.
+     */
+    hasActions: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     onInput?: (...args: any[]) => any;
 }>, {
@@ -306,7 +346,41 @@ declare const _default: import("../../../../../node_modules/.pnpm/vue@3.5.13_typ
     allowTimeInput: boolean;
     granularities: any;
     quickSelectRanges: DateRangePickerCalendarRangeSelectorItems;
+    hasActions: boolean;
 }, {}, {
+    BentoButtonActions: import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").DefineComponent<import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ExtractPropTypes<{
+        actions: {
+            type: PropType<import("../../../../core/src/components/button-actions/button-actions.types").BentoButtonActionsList>;
+            required: true;
+        };
+        inverse: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        layout: {
+            type: PropType<BentoButtonActionsLayout | `${BentoButtonActionsLayout}`>;
+            default: import("../button").BentoButtonActionsLayoutBasic;
+            validator: (layout: BentoButtonActionsLayout) => boolean;
+        };
+    }>, {}, {}, {}, {}, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, {}, string, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").PublicProps, Readonly<import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ExtractPropTypes<{
+        actions: {
+            type: PropType<import("../../../../core/src/components/button-actions/button-actions.types").BentoButtonActionsList>;
+            required: true;
+        };
+        inverse: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        layout: {
+            type: PropType<BentoButtonActionsLayout | `${BentoButtonActionsLayout}`>;
+            default: import("../button").BentoButtonActionsLayoutBasic;
+            validator: (layout: BentoButtonActionsLayout) => boolean;
+        };
+    }>> & Readonly<{}>, {
+        inverse: boolean;
+        layout: "buttons-end" | "fill-container" | "space-between" | "vertical-stack" | "buttons-start" | BentoButtonActionsLayout;
+    }, {}, {}, {}, string, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentProvideOptions, true, {}, any>;
+    BentoDivider: import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").DefineComponent<{}, {}, {}, {}, {}, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, {}, string, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentProvideOptions, true, {}, any>;
     BentoTypography: {
         new (...args: any[]): import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").CreateComponentPublicInstanceWithMixins<Readonly<import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ExtractPropTypes<{
             wide: {
@@ -472,9 +546,9 @@ declare const _default: import("../../../../../node_modules/.pnpm/vue@3.5.13_typ
                 default: any;
             };
             actionsLayout: {
-                type: PropType<import("../../../../core/src/components/button-actions/button-actions.types").BentoButtonActionsLayout | `${import("../../../../core/src/components/button-actions/button-actions.types").BentoButtonActionsLayout}`>;
-                default: import("../../../../core/src/components/button-actions/button-actions.types").BentoButtonActionsLayoutBasic;
-                validator: (value: import("../../../../core/src/components/button-actions/button-actions.types").BentoButtonActionsLayout) => boolean;
+                type: PropType<BentoButtonActionsLayout | `${BentoButtonActionsLayout}`>;
+                default: import("../button").BentoButtonActionsLayoutBasic;
+                validator: (value: BentoButtonActionsLayout) => boolean;
             };
             ariaLabel: {
                 type: StringConstructor;
@@ -555,7 +629,7 @@ declare const _default: import("../../../../../node_modules/.pnpm/vue@3.5.13_typ
             fallbackPosition: import("@floating-ui/core").Placement[];
             fixedPositioning: boolean;
             ariaLabel: string;
-            actionsLayout: "buttons-end" | "fill-container" | "space-between" | "vertical-stack" | "buttons-start" | import("../../../../core/src/components/button-actions/button-actions.types").BentoButtonActionsLayout;
+            actionsLayout: "buttons-end" | "fill-container" | "space-between" | "vertical-stack" | "buttons-start" | BentoButtonActionsLayout;
             divider: boolean;
             disableFocusTrap: boolean;
             dismissible: boolean;
@@ -574,9 +648,9 @@ declare const _default: import("../../../../../node_modules/.pnpm/vue@3.5.13_typ
                 default: any;
             };
             actionsLayout: {
-                type: PropType<import("../../../../core/src/components/button-actions/button-actions.types").BentoButtonActionsLayout | `${import("../../../../core/src/components/button-actions/button-actions.types").BentoButtonActionsLayout}`>;
-                default: import("../../../../core/src/components/button-actions/button-actions.types").BentoButtonActionsLayoutBasic;
-                validator: (value: import("../../../../core/src/components/button-actions/button-actions.types").BentoButtonActionsLayout) => boolean;
+                type: PropType<BentoButtonActionsLayout | `${BentoButtonActionsLayout}`>;
+                default: import("../button").BentoButtonActionsLayoutBasic;
+                validator: (value: BentoButtonActionsLayout) => boolean;
             };
             ariaLabel: {
                 type: StringConstructor;
@@ -653,7 +727,7 @@ declare const _default: import("../../../../../node_modules/.pnpm/vue@3.5.13_typ
             fallbackPosition: import("@floating-ui/core").Placement[];
             fixedPositioning: boolean;
             ariaLabel: string;
-            actionsLayout: "buttons-end" | "fill-container" | "space-between" | "vertical-stack" | "buttons-start" | import("../../../../core/src/components/button-actions/button-actions.types").BentoButtonActionsLayout;
+            actionsLayout: "buttons-end" | "fill-container" | "space-between" | "vertical-stack" | "buttons-start" | BentoButtonActionsLayout;
             divider: boolean;
             disableFocusTrap: boolean;
             dismissible: boolean;
@@ -669,9 +743,9 @@ declare const _default: import("../../../../../node_modules/.pnpm/vue@3.5.13_typ
             default: any;
         };
         actionsLayout: {
-            type: PropType<import("../../../../core/src/components/button-actions/button-actions.types").BentoButtonActionsLayout | `${import("../../../../core/src/components/button-actions/button-actions.types").BentoButtonActionsLayout}`>;
-            default: import("../../../../core/src/components/button-actions/button-actions.types").BentoButtonActionsLayoutBasic;
-            validator: (value: import("../../../../core/src/components/button-actions/button-actions.types").BentoButtonActionsLayout) => boolean;
+            type: PropType<BentoButtonActionsLayout | `${BentoButtonActionsLayout}`>;
+            default: import("../button").BentoButtonActionsLayoutBasic;
+            validator: (value: BentoButtonActionsLayout) => boolean;
         };
         ariaLabel: {
             type: StringConstructor;
@@ -752,7 +826,7 @@ declare const _default: import("../../../../../node_modules/.pnpm/vue@3.5.13_typ
         fallbackPosition: import("@floating-ui/core").Placement[];
         fixedPositioning: boolean;
         ariaLabel: string;
-        actionsLayout: "buttons-end" | "fill-container" | "space-between" | "vertical-stack" | "buttons-start" | import("../../../../core/src/components/button-actions/button-actions.types").BentoButtonActionsLayout;
+        actionsLayout: "buttons-end" | "fill-container" | "space-between" | "vertical-stack" | "buttons-start" | BentoButtonActionsLayout;
         divider: boolean;
         disableFocusTrap: boolean;
         dismissible: boolean;
@@ -3071,9 +3145,9 @@ declare const _default: import("../../../../../node_modules/.pnpm/vue@3.5.13_typ
                             default: string;
                         };
                         variant: {
-                            type: PropType<import("../../../../core/src/components/button/button.types").BentoButtonVariant | `${import("../../../../core/src/components/button/button.types").BentoButtonVariant}`>;
-                            default: import("../../../../core/src/components/button/button.types").BentoButtonVariant;
-                            validator: (value: import("../../../../core/src/components/button/button.types").BentoButtonVariant) => boolean;
+                            type: PropType<import("../button").BentoButtonVariant | `${import("../button").BentoButtonVariant}`>;
+                            default: import("../button").BentoButtonVariant;
+                            validator: (value: import("../button").BentoButtonVariant) => boolean;
                         };
                     }>> & Readonly<{
                         onBlur?: () => any;
@@ -3091,7 +3165,7 @@ declare const _default: import("../../../../../node_modules/.pnpm/vue@3.5.13_typ
                     }, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").PublicProps, {
                         type: "reset" | "submit" | "button";
                         link: Record<string, any>;
-                        variant: "primary" | "secondary" | "tertiary" | "tertiary-with-background" | import("../../../../core/src/components/button/button.types").BentoButtonVariant;
+                        variant: "primary" | "secondary" | "tertiary" | "tertiary-with-background" | import("../button").BentoButtonVariant;
                         condensed: boolean;
                         critical: boolean;
                         disabled: boolean;
@@ -3129,9 +3203,9 @@ declare const _default: import("../../../../../node_modules/.pnpm/vue@3.5.13_typ
                             default: string;
                         };
                         variant: {
-                            type: PropType<import("../../../../core/src/components/button/button.types").BentoButtonVariant | `${import("../../../../core/src/components/button/button.types").BentoButtonVariant}`>;
-                            default: import("../../../../core/src/components/button/button.types").BentoButtonVariant;
-                            validator: (value: import("../../../../core/src/components/button/button.types").BentoButtonVariant) => boolean;
+                            type: PropType<import("../button").BentoButtonVariant | `${import("../button").BentoButtonVariant}`>;
+                            default: import("../button").BentoButtonVariant;
+                            validator: (value: import("../button").BentoButtonVariant) => boolean;
                         };
                     }>> & Readonly<{
                         onBlur?: () => any;
@@ -3141,7 +3215,7 @@ declare const _default: import("../../../../../node_modules/.pnpm/vue@3.5.13_typ
                     }>, {}, {}, {}, {}, {
                         type: "reset" | "submit" | "button";
                         link: Record<string, any>;
-                        variant: "primary" | "secondary" | "tertiary" | "tertiary-with-background" | import("../../../../core/src/components/button/button.types").BentoButtonVariant;
+                        variant: "primary" | "secondary" | "tertiary" | "tertiary-with-background" | import("../button").BentoButtonVariant;
                         condensed: boolean;
                         critical: boolean;
                         disabled: boolean;
@@ -3176,9 +3250,9 @@ declare const _default: import("../../../../../node_modules/.pnpm/vue@3.5.13_typ
                         default: string;
                     };
                     variant: {
-                        type: PropType<import("../../../../core/src/components/button/button.types").BentoButtonVariant | `${import("../../../../core/src/components/button/button.types").BentoButtonVariant}`>;
-                        default: import("../../../../core/src/components/button/button.types").BentoButtonVariant;
-                        validator: (value: import("../../../../core/src/components/button/button.types").BentoButtonVariant) => boolean;
+                        type: PropType<import("../button").BentoButtonVariant | `${import("../button").BentoButtonVariant}`>;
+                        default: import("../button").BentoButtonVariant;
+                        validator: (value: import("../button").BentoButtonVariant) => boolean;
                     };
                 }>> & Readonly<{
                     onBlur?: () => any;
@@ -3196,7 +3270,7 @@ declare const _default: import("../../../../../node_modules/.pnpm/vue@3.5.13_typ
                 }, string, {
                     type: "reset" | "submit" | "button";
                     link: Record<string, any>;
-                    variant: "primary" | "secondary" | "tertiary" | "tertiary-with-background" | import("../../../../core/src/components/button/button.types").BentoButtonVariant;
+                    variant: "primary" | "secondary" | "tertiary" | "tertiary-with-background" | import("../button").BentoButtonVariant;
                     condensed: boolean;
                     critical: boolean;
                     disabled: boolean;

package/dist/@types/packages/vue2/src/components/filter-bar/components/all-filters-modal/all-filters-modal.vue.d.ts

@@ -6995,6 +6995,10 @@ declare const _default: import("../../../../../../../node_modules/.pnpm/vue@3.5.
             max: any;
             numberOfMonths: any;
             value: any;
+            hasActions: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>, {
             inputContainerRef: import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").Ref<any, any>;
             dateDisplayValue: import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<string>;
@@ -7002,6 +7006,8 @@ declare const _default: import("../../../../../../../node_modules/.pnpm/vue@3.5.
             descriptionConditionalClasses: import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<{
                 'b-date-range-picker__description--error': boolean;
             }>;
+            displayedTextInputValue: import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<import("../../../date-range-picker/components/date-range-picker-calendar/date-range-picker-calendar.types").DateRangePickerCalendarFormData>;
+            displayedDateValue: import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<string>;
             isDateIncorrect: import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").Ref<boolean, boolean>;
             isDateRangePickerOpen: import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").Ref<boolean, boolean>;
             isReadOnly: import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<boolean>;
@@ -7010,8 +7016,25 @@ declare const _default: import("../../../../../../../node_modules/.pnpm/vue@3.5.
             dateErrorId: string;
             errorId: string;
             popoverAriaLabel: import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<string>;
+            shouldDisplayError: import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<boolean>;
             ariaDescribedBy: import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<string>;
             textInputDisplayValue: import("../../../date-range-picker/components/date-range-picker-calendar/date-range-picker-calendar.types").DateRangePickerCalendarFormData;
+            rangePickerButtonActions: import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<({
+                title: string;
+                event: () => void;
+                disabled: boolean;
+            } | {
+                title: string;
+                event: () => void;
+                disabled?: undefined;
+            })[]>;
+            BentoButtonActionsLayout: {
+                BUTTONS_START: import("../../../button").BentoButtonActionsLayoutExtended.BUTTONS_START;
+                BUTTONS_END: import("../../../button").BentoButtonActionsLayoutBasic.BUTTONS_END;
+                FILL_CONTAINER: import("../../../button").BentoButtonActionsLayoutBasic.FILL_CONTAINER;
+                SPACE_BETWEEN: import("../../../button").BentoButtonActionsLayoutBasic.SPACE_BETWEEN;
+                VERTICAL_STACK: import("../../../button").BentoButtonActionsLayoutBasic.VERTICAL_STACK;
+            };
             closeDateRangePicker: () => void;
             clearDateRangePickerValue: () => Promise<void>;
             openDateRangePicker: () => void;
@@ -7020,7 +7043,7 @@ declare const _default: import("../../../../../../../node_modules/.pnpm/vue@3.5.
             onDateRangePickerInput: (selectedRange: BentoDateRangePickerValue) => void;
             onDateRangePickerError: (dateTextInput: any) => void;
             onDateRangePickerFormDateInputUpdate: (dateFormDate: import("../../../date-range-picker/components/date-range-picker-calendar/date-range-picker-calendar.types").DateRangePickerCalendarFormData) => void;
-            t: (key: "selectDateRange" | "dateRangePicker" | "provideDateInAFormat" | "selectDate" | "selectedDateIsNotAvailable", values?: import("vue-i18n").default.Values) => string;
+            t: (key: "cancel" | "apply" | "selectDateRange" | "dateRangePicker" | "provideDateInAFormat" | "selectDate" | "selectedDateIsNotAvailable", values?: import("vue-i18n").default.Values) => string;
         }, {}, {}, {}, import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, import("../../../date-range-picker").BentoDateRangePickerEvent[], import("../../../date-range-picker").BentoDateRangePickerEvent, import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").PublicProps, Readonly<import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ExtractPropTypes<{
             allowTimeInput: {
                 type: BooleanConstructor;
@@ -7074,6 +7097,10 @@ declare const _default: import("../../../../../../../node_modules/.pnpm/vue@3.5.
             max: any;
             numberOfMonths: any;
             value: any;
+            hasActions: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & Readonly<{
             onInput?: (...args: any[]) => any;
         }>, {
@@ -7096,7 +7123,41 @@ declare const _default: import("../../../../../../../node_modules/.pnpm/vue@3.5.
             allowTimeInput: boolean;
             granularities: any;
             quickSelectRanges: import("../../../date-range-picker/components/date-range-picker-calendar/date-range-picker-calendar.types").DateRangePickerCalendarRangeSelectorItems;
+            hasActions: boolean;
         }, {}, {
+            BentoButtonActions: import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").DefineComponent<import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ExtractPropTypes<{
+                actions: {
+                    type: PropType<import("../../../../../../core/src/components/button-actions/button-actions.types").BentoButtonActionsList>;
+                    required: true;
+                };
+                inverse: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                layout: {
+                    type: PropType<import("../../../button").BentoButtonActionsLayout | `${import("../../../button").BentoButtonActionsLayout}`>;
+                    default: import("../../../button").BentoButtonActionsLayoutBasic;
+                    validator: (layout: import("../../../button").BentoButtonActionsLayout) => boolean;
+                };
+            }>, {}, {}, {}, {}, import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, {}, string, import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").PublicProps, Readonly<import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ExtractPropTypes<{
+                actions: {
+                    type: PropType<import("../../../../../../core/src/components/button-actions/button-actions.types").BentoButtonActionsList>;
+                    required: true;
+                };
+                inverse: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                layout: {
+                    type: PropType<import("../../../button").BentoButtonActionsLayout | `${import("../../../button").BentoButtonActionsLayout}`>;
+                    default: import("../../../button").BentoButtonActionsLayoutBasic;
+                    validator: (layout: import("../../../button").BentoButtonActionsLayout) => boolean;
+                };
+            }>> & Readonly<{}>, {
+                inverse: boolean;
+                layout: "buttons-end" | "fill-container" | "space-between" | "vertical-stack" | "buttons-start" | import("../../../button").BentoButtonActionsLayout;
+            }, {}, {}, {}, string, import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentProvideOptions, true, {}, any>;
+            BentoDivider: import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").DefineComponent<{}, {}, {}, {}, {}, import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, {}, string, import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentProvideOptions, true, {}, any>;
             BentoTypography: {
                 new (...args: any[]): import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").CreateComponentPublicInstanceWithMixins<Readonly<import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ExtractPropTypes<{
                     wide: {