@adyen/bento-vue2 1.37.0 → 1.38.0

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

@@ -43,6 +43,8 @@ declare type __VLS_NonUndefinedable_15<T> = T extends undefined ? never : T;
 
 declare type __VLS_NonUndefinedable_16<T> = T extends undefined ? never : T;
 
+declare type __VLS_NonUndefinedable_17<T> = T extends undefined ? never : T;
+
 declare type __VLS_NonUndefinedable_2<T> = T extends undefined ? never : T;
 
 declare type __VLS_NonUndefinedable_3<T> = T extends undefined ? never : T;
@@ -147,6 +149,17 @@ declare type __VLS_TypePropsToRuntimeProps_16<T> = {
           };
 };
 
+declare type __VLS_TypePropsToRuntimeProps_17<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K>
+        ? {
+              type: PropType<__VLS_NonUndefinedable_17<T[K]>>;
+          }
+        : {
+              type: PropType<T[K]>;
+              required: true;
+          };
+};
+
 declare type __VLS_TypePropsToRuntimeProps_2<T> = {
     [K in keyof T]-?: {} extends Pick<T, K>
         ? {
@@ -275,6 +288,14 @@ declare type __VLS_WithDefaults_13<P, D> = {
         : P[K];
 };
 
+declare type __VLS_WithDefaults_14<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D
+        ? P[K] & {
+              default: D[K];
+          }
+        : P[K];
+};
+
 declare type __VLS_WithDefaults_2<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D
         ? P[K] & {
@@ -1529,8 +1550,8 @@ export declare enum BentoButtonVariant {
  */
 export declare const BentoCard: __VLS_WithTemplateSlots_11<
     DefineComponent<
-        __VLS_WithDefaults_5<
-            __VLS_TypePropsToRuntimeProps_5<{
+        __VLS_WithDefaults_6<
+            __VLS_TypePropsToRuntimeProps_6<{
                 /**
                  * List of actions that will be used to render the buttons.
                  * First element in the list will be rendered as "primary".
@@ -1613,8 +1634,8 @@ export declare const BentoCard: __VLS_WithTemplateSlots_11<
         string,
         Readonly<
             ExtractPropTypes<
-                __VLS_WithDefaults_5<
-                    __VLS_TypePropsToRuntimeProps_5<{
+                __VLS_WithDefaults_6<
+                    __VLS_TypePropsToRuntimeProps_6<{
                         /**
                          * List of actions that will be used to render the buttons.
                          * First element in the list will be rendered as "primary".
@@ -1834,9 +1855,7 @@ export declare const BentoCheckbox: DefineComponent<
     {
         descriptionId: string;
         errorId: string;
-        ariaChecked: ComputedRef<(boolean | 'true' | 'false') | 'mixed'>;
         ariaDescribedBy: ComputedRef<string>;
-        ariaInvalid: ComputedRef<(boolean | 'true' | 'false') | 'grammar' | 'spelling'>;
         computedAriaLabel: ComputedRef<string>;
         conditionalClass: ComputedRef<{
             'b-checkbox--disabled': boolean;
@@ -1844,8 +1863,6 @@ export declare const BentoCheckbox: DefineComponent<
         }>;
         defaultSlotValue: string;
         descriptionSlotValue: string;
-        isCheckboxGroup: ComputedRef<boolean>;
-        isChecked: ComputedRef<boolean>;
         isIndeterminate: ComputedRef<boolean>;
         shouldShowError: ComputedRef<boolean>;
         shouldShowErrorMessage: ComputedRef<boolean>;
@@ -3708,8 +3725,8 @@ export declare type BentoCurrencyListboxOptions = BentoCurrencyListboxOptionItem
  */
 export declare const BentoDashboardSection: __VLS_WithTemplateSlots_37<
     DefineComponent<
-        __VLS_WithDefaults_13<
-            __VLS_TypePropsToRuntimeProps_16<{
+        __VLS_WithDefaults_14<
+            __VLS_TypePropsToRuntimeProps_17<{
                 /**
                  * The header of the section
                  */
@@ -3733,8 +3750,8 @@ export declare const BentoDashboardSection: __VLS_WithTemplateSlots_37<
         string,
         Readonly<
             ExtractPropTypes<
-                __VLS_WithDefaults_13<
-                    __VLS_TypePropsToRuntimeProps_16<{
+                __VLS_WithDefaults_14<
+                    __VLS_TypePropsToRuntimeProps_17<{
                         /**
                          * The header of the section
                          */
@@ -3792,8 +3809,8 @@ export declare const BentoDashboardSection: __VLS_WithTemplateSlots_37<
  */
 export declare const BentoDashboardTemplate: __VLS_WithTemplateSlots_36<
     DefineComponent<
-        __VLS_WithDefaults_12<
-            __VLS_TypePropsToRuntimeProps_15<{
+        __VLS_WithDefaults_13<
+            __VLS_TypePropsToRuntimeProps_16<{
                 /**
                  * The header that goes to the top of the template
                  */
@@ -3829,8 +3846,8 @@ export declare const BentoDashboardTemplate: __VLS_WithTemplateSlots_36<
         string,
         Readonly<
             ExtractPropTypes<
-                __VLS_WithDefaults_12<
-                    __VLS_TypePropsToRuntimeProps_15<{
+                __VLS_WithDefaults_13<
+                    __VLS_TypePropsToRuntimeProps_16<{
                         /**
                          * The header that goes to the top of the template
                          */
@@ -4466,7 +4483,9 @@ export declare const BentoDataGrid: __VLS_WithTemplateSlots_8<
             lazyLoadType: BentoLazyLoadType;
             emptyState: any;
             fitContent: boolean;
+            pagination: any;
             hasResizableColumns: boolean;
+            selectable: boolean;
             selectableAcrossPages: boolean;
             sortBy: BentoDatagridSortByColumn[];
             truncateColumnHeaders: boolean;
@@ -4478,10 +4497,8 @@ export declare const BentoDataGrid: __VLS_WithTemplateSlots_8<
             bulkActions: BentoButtonActionsList;
             columnPanel: boolean;
             filterSearchTerm: string;
-            pagination: any;
             stickyPagination: boolean;
             stickyFilters: boolean;
-            selectable: boolean;
             selection: BentoDatagridDataItemId[];
             highlightedRows: BentoDatagridDataItemId[];
             noSpacingTop: boolean;
@@ -4571,8 +4588,8 @@ export declare enum BentoDatagridSortDirection {
  * }
  */
 export declare const BentoDataGridStaticIcon: DefineComponent<
-    __VLS_WithDefaults_4<
-        __VLS_TypePropsToRuntimeProps_4<{
+    __VLS_WithDefaults_5<
+        __VLS_TypePropsToRuntimeProps_5<{
             /**
              * Renderes the icon with color.
              */
@@ -4601,8 +4618,8 @@ export declare const BentoDataGridStaticIcon: DefineComponent<
     string,
     Readonly<
         ExtractPropTypes<
-            __VLS_WithDefaults_4<
-                __VLS_TypePropsToRuntimeProps_4<{
+            __VLS_WithDefaults_5<
+                __VLS_TypePropsToRuntimeProps_5<{
                     /**
                      * Renderes the icon with color.
                      */
@@ -5344,6 +5361,16 @@ export declare const BentoDateRangePicker: DefineComponent<
             type: PropType<BentoDateRangePickerValue>;
             default: 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: any;
@@ -5352,6 +5379,8 @@ export declare const BentoDateRangePicker: DefineComponent<
         descriptionConditionalClasses: ComputedRef<{
             'b-date-range-picker__description--error': boolean;
         }>;
+        displayedTextInputValue: ComputedRef<DateRangePickerCalendarFormData>;
+        displayedDateValue: ComputedRef<string>;
         isDateIncorrect: Ref<boolean>;
         isDateRangePickerOpen: Ref<boolean>;
         isReadOnly: ComputedRef<boolean>;
@@ -5360,8 +5389,30 @@ export declare const BentoDateRangePicker: DefineComponent<
         dateErrorId: string;
         errorId: string;
         popoverAriaLabel: ComputedRef<string>;
+        shouldDisplayError: ComputedRef<boolean>;
         ariaDescribedBy: ComputedRef<string>;
         textInputDisplayValue: DateRangePickerCalendarFormData;
+        rangePickerButtonActions: 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;
@@ -5372,6 +5423,8 @@ export declare const BentoDateRangePicker: DefineComponent<
         onDateRangePickerFormDateInputUpdate: (dateFormDate: DateRangePickerCalendarFormData) => void;
         t: (
             key:
+                | 'cancel'
+                | 'apply'
                 | 'selectDateRange'
                 | 'dateRangePicker'
                 | 'provideDateInAFormat'
@@ -5530,6 +5583,16 @@ export declare const BentoDateRangePicker: DefineComponent<
                 type: PropType<BentoDateRangePickerValue>;
                 default: 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;
+            };
         }>
     >,
     {
@@ -5552,6 +5615,7 @@ export declare const BentoDateRangePicker: DefineComponent<
         allowTimeInput: boolean;
         granularities: BentoDateRangePickerGranularityConfig<CalendarGranularityType>[];
         quickSelectRanges: DateRangePickerCalendarRangeSelectorItems;
+        hasActions: boolean;
     }
 >;
 
@@ -9322,8 +9386,8 @@ export declare type BentoInpuWithDropdowntFilterValue = {
  */
 export declare const BentoInspector: __VLS_WithTemplateSlots_17<
     DefineComponent<
-        __VLS_WithDefaults_6<
-            __VLS_TypePropsToRuntimeProps_6<{
+        __VLS_WithDefaults_7<
+            __VLS_TypePropsToRuntimeProps_7<{
                 /**
                  * Shows the Expand icon in the inspector
                  */
@@ -9366,8 +9430,8 @@ export declare const BentoInspector: __VLS_WithTemplateSlots_17<
         string,
         Readonly<
             ExtractPropTypes<
-                __VLS_WithDefaults_6<
-                    __VLS_TypePropsToRuntimeProps_6<{
+                __VLS_WithDefaults_7<
+                    __VLS_TypePropsToRuntimeProps_7<{
                         /**
                          * Shows the Expand icon in the inspector
                          */
@@ -9472,8 +9536,8 @@ export declare type BentoLazyLoadType = 'automatic' | 'button' | 'none';
  */
 export declare const BentoLink: __VLS_WithTemplateSlots_18<
     DefineComponent<
-        __VLS_WithDefaults_7<
-            __VLS_TypePropsToRuntimeProps_7<LinkProps>,
+        __VLS_WithDefaults_8<
+            __VLS_TypePropsToRuntimeProps_8<LinkProps>,
             {
                 target: any;
                 variant: BentoLinkVariant;
@@ -9491,8 +9555,8 @@ export declare const BentoLink: __VLS_WithTemplateSlots_18<
         string,
         Readonly<
             ExtractPropTypes<
-                __VLS_WithDefaults_7<
-                    __VLS_TypePropsToRuntimeProps_7<LinkProps>,
+                __VLS_WithDefaults_8<
+                    __VLS_TypePropsToRuntimeProps_8<LinkProps>,
                     {
                         target: any;
                         variant: BentoLinkVariant;
@@ -10966,82 +11030,8 @@ export declare type BentoMultiCheckboxType = Array<string | number>;
  * }
  */
 export declare const BentoPagination: DefineComponent<
-    {
-        /**
-         * @deprecated from version 2.0.0. Use the aria-label attribute instead.
-         */
-        /**
-         * A brief description of the purpose of the navigation (for a11y).
-         * Omit the term "navigation", as the screen reader will read both the role and the contents of the label.
-         */
-        ariaLabel: {
-            type: StringConstructor;
-            default: any;
-        };
-        /**
-         * Use to determine if the pager has a "next page".
-         */
-        hasNext: {
-            type: BooleanConstructor;
-            default: any;
-        };
-        /**
-         * Toggles the visibility of the "results per page" part of the pagination component.
-         */
-        hidePageSize: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        /**
-         * The current page number of the pager.
-         */
-        page: {
-            type: NumberConstructor;
-            default: number;
-            validator: (value: number) => boolean;
-        };
-        /**
-         *  The size of the items the pager is paging through.
-         */
-        size: {
-            type: NumberConstructor;
-            default: number;
-            validator: (itemsPerPageValue: number) => boolean;
-        };
-        /**
-         * The total number of items the pager is paging through.
-         */
-        totalCount: {
-            type: NumberConstructor;
-            default: any;
-        };
-        /**
-         * Enables virtual scrolling on all dropdowns if set to true.
-         */
-        virtualScroll: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    },
-    {
-        computedAriaLabel: ComputedRef<string>;
-        totalPages: ComputedRef<number>;
-        navigationConditionalClasses: ComputedRef<{
-            'b-pagination__navigation--no-results-per-page': boolean;
-        }>;
-        navigate: (pageArg: number, itemsPerPage?: number) => void;
-        onItemsPerPageChange: (elements: number) => void;
-        onPageSelected: (pageNumber: number) => void;
-    },
-    {},
-    {},
-    {},
-    ComponentOptionsMixin,
-    ComponentOptionsMixin,
-    ('navigate' | 'items-page' | 'update:page' | 'update:size')[],
-    string,
-    Readonly<
-        ExtractPropTypes<{
+    __VLS_WithDefaults_4<
+        __VLS_TypePropsToRuntimeProps_4<{
             /**
              * @deprecated from version 2.0.0. Use the aria-label attribute instead.
              */
@@ -11049,55 +11039,106 @@ export declare const BentoPagination: DefineComponent<
              * A brief description of the purpose of the navigation (for a11y).
              * Omit the term "navigation", as the screen reader will read both the role and the contents of the label.
              */
-            ariaLabel: {
-                type: StringConstructor;
-                default: any;
-            };
+            ariaLabel?: string;
             /**
              * Use to determine if the pager has a "next page".
              */
-            hasNext: {
-                type: BooleanConstructor;
-                default: any;
-            };
+            hasNext?: boolean;
             /**
              * Toggles the visibility of the "results per page" part of the pagination component.
              */
-            hidePageSize: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
+            hidePageSize?: boolean;
             /**
              * The current page number of the pager.
              */
-            page: {
-                type: NumberConstructor;
-                default: number;
-                validator: (value: number) => boolean;
-            };
+            page?: number;
             /**
              *  The size of the items the pager is paging through.
              */
-            size: {
-                type: NumberConstructor;
-                default: number;
-                validator: (itemsPerPageValue: number) => boolean;
-            };
+            size?: number;
             /**
              * The total number of items the pager is paging through.
              */
-            totalCount: {
-                type: NumberConstructor;
-                default: any;
-            };
+            totalCount?: number;
             /**
              * Enables virtual scrolling on all dropdowns if set to true.
              */
-            virtualScroll: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>
+            virtualScroll?: boolean;
+        }>,
+        {
+            ariaLabel: any;
+            hasNext: any;
+            hidePageSize: boolean;
+            page: number;
+            size: number;
+            totalCount: any;
+            virtualScroll: boolean;
+        }
+    >,
+    {},
+    {},
+    {},
+    {},
+    ComponentOptionsMixin,
+    ComponentOptionsMixin,
+    {
+        navigate: (page: number, items?: number) => void;
+    } & {
+        'items-page': (size: number) => void;
+    } & {
+        'update:page': (page: number) => void;
+    } & {
+        'update:size': (size: number) => void;
+    },
+    string,
+    Readonly<
+        ExtractPropTypes<
+            __VLS_WithDefaults_4<
+                __VLS_TypePropsToRuntimeProps_4<{
+                    /**
+                     * @deprecated from version 2.0.0. Use the aria-label attribute instead.
+                     */
+                    /**
+                     * A brief description of the purpose of the navigation (for a11y).
+                     * Omit the term "navigation", as the screen reader will read both the role and the contents of the label.
+                     */
+                    ariaLabel?: string;
+                    /**
+                     * Use to determine if the pager has a "next page".
+                     */
+                    hasNext?: boolean;
+                    /**
+                     * Toggles the visibility of the "results per page" part of the pagination component.
+                     */
+                    hidePageSize?: boolean;
+                    /**
+                     * The current page number of the pager.
+                     */
+                    page?: number;
+                    /**
+                     *  The size of the items the pager is paging through.
+                     */
+                    size?: number;
+                    /**
+                     * The total number of items the pager is paging through.
+                     */
+                    totalCount?: number;
+                    /**
+                     * Enables virtual scrolling on all dropdowns if set to true.
+                     */
+                    virtualScroll?: boolean;
+                }>,
+                {
+                    ariaLabel: any;
+                    hasNext: any;
+                    hidePageSize: boolean;
+                    page: number;
+                    size: number;
+                    totalCount: any;
+                    virtualScroll: boolean;
+                }
+            >
+        >
     >,
     {
         page: number;
@@ -13384,7 +13425,7 @@ export declare interface BentoSearchBarItem {
  * }
  */
 export declare const BentoSecondaryNav: DefineComponent<
-    __VLS_TypePropsToRuntimeProps_9<{
+    __VLS_TypePropsToRuntimeProps_10<{
         /**
          * An array containing all the items on the nav. The array can have either {@see BentoSecondaryNavItemsCategory },
          * which is used to group different items or {@see BentoSecondaryNavItemsItem } if you don't need to group them.
@@ -13408,7 +13449,7 @@ export declare const BentoSecondaryNav: DefineComponent<
     string,
     Readonly<
         ExtractPropTypes<
-            __VLS_TypePropsToRuntimeProps_9<{
+            __VLS_TypePropsToRuntimeProps_10<{
                 /**
                  * An array containing all the items on the nav. The array can have either {@see BentoSecondaryNavItemsCategory },
                  * which is used to group different items or {@see BentoSecondaryNavItemsItem } if you don't need to group them.
@@ -13458,8 +13499,8 @@ export declare interface BentoSecondaryNavState {
  * }
  */
 export declare const BentoSegmentedControl: DefineComponent<
-    __VLS_WithDefaults_9<
-        __VLS_TypePropsToRuntimeProps_10<{
+    __VLS_WithDefaults_10<
+        __VLS_TypePropsToRuntimeProps_11<{
             /**
              * Accessible name describing the segmented control.
              * @deprecated from version 2.0.0. Use the aria-label attribute instead.
@@ -13500,8 +13541,8 @@ export declare const BentoSegmentedControl: DefineComponent<
     string,
     Readonly<
         ExtractPropTypes<
-            __VLS_WithDefaults_9<
-                __VLS_TypePropsToRuntimeProps_10<{
+            __VLS_WithDefaults_10<
+                __VLS_TypePropsToRuntimeProps_11<{
                     /**
                      * Accessible name describing the segmented control.
                      * @deprecated from version 2.0.0. Use the aria-label attribute instead.
@@ -14491,7 +14532,7 @@ export declare const BentoSidepanelPage: __VLS_WithTemplateSlots_28<
  */
 export declare const BentoStatus: __VLS_WithTemplateSlots_30<
     DefineComponent<
-        __VLS_TypePropsToRuntimeProps_11<{
+        __VLS_TypePropsToRuntimeProps_12<{
             variant: BentoStatusVariant | `${BentoStatusVariant}`;
         }>,
         {},
@@ -14504,7 +14545,7 @@ export declare const BentoStatus: __VLS_WithTemplateSlots_30<
         string,
         Readonly<
             ExtractPropTypes<
-                __VLS_TypePropsToRuntimeProps_11<{
+                __VLS_TypePropsToRuntimeProps_12<{
                     variant: BentoStatusVariant | `${BentoStatusVariant}`;
                 }>
             >
@@ -14752,8 +14793,8 @@ export declare enum BentoStepperVariantOption {
  */
 export declare const BentoStructuredList: __VLS_WithTemplateSlots_33<
     DefineComponent<
-        __VLS_WithDefaults_10<
-            __VLS_TypePropsToRuntimeProps_12<{
+        __VLS_WithDefaults_11<
+            __VLS_TypePropsToRuntimeProps_13<{
                 /**
                  * Width of the labels container, in pixels. Overrides layout prop.
                  */
@@ -14787,8 +14828,8 @@ export declare const BentoStructuredList: __VLS_WithTemplateSlots_33<
         string,
         Readonly<
             ExtractPropTypes<
-                __VLS_WithDefaults_10<
-                    __VLS_TypePropsToRuntimeProps_12<{
+                __VLS_WithDefaults_11<
+                    __VLS_TypePropsToRuntimeProps_13<{
                         /**
                          * Width of the labels container, in pixels. Overrides layout prop.
                          */
@@ -14851,7 +14892,7 @@ export declare const BentoStructuredList: __VLS_WithTemplateSlots_33<
  */
 export declare const BentoStructuredListItem: __VLS_WithTemplateSlots_34<
     DefineComponent<
-        __VLS_TypePropsToRuntimeProps_13<{
+        __VLS_TypePropsToRuntimeProps_14<{
             /**
              * Label to display for the value
              */
@@ -14887,7 +14928,7 @@ export declare const BentoStructuredListItem: __VLS_WithTemplateSlots_34<
         string,
         Readonly<
             ExtractPropTypes<
-                __VLS_TypePropsToRuntimeProps_13<{
+                __VLS_TypePropsToRuntimeProps_14<{
                     /**
                      * Label to display for the value
                      */
@@ -16087,8 +16128,8 @@ declare enum BentoTabsEvent {
 }
 
 export declare const BentoTag: DefineComponent<
-    __VLS_WithDefaults_8<
-        __VLS_TypePropsToRuntimeProps_8<BentoTagProps>,
+    __VLS_WithDefaults_9<
+        __VLS_TypePropsToRuntimeProps_9<BentoTagProps>,
         {
             label: any;
             truncate: any;
@@ -16105,8 +16146,8 @@ export declare const BentoTag: DefineComponent<
     string,
     Readonly<
         ExtractPropTypes<
-            __VLS_WithDefaults_8<
-                __VLS_TypePropsToRuntimeProps_8<BentoTagProps>,
+            __VLS_WithDefaults_9<
+                __VLS_TypePropsToRuntimeProps_9<BentoTagProps>,
                 {
                     label: any;
                     truncate: any;
@@ -17357,8 +17398,8 @@ export declare interface BentoTutorialStep {
  */
 export declare const BentoTypography: __VLS_WithTemplateSlots_35<
     DefineComponent<
-        __VLS_WithDefaults_11<
-            __VLS_TypePropsToRuntimeProps_14<{
+        __VLS_WithDefaults_12<
+            __VLS_TypePropsToRuntimeProps_15<{
                 /**
                  * Sets the HTML DOM element.
                  * @values h1, h2, h3, h4, h5, h6, div, p, span
@@ -17419,8 +17460,8 @@ export declare const BentoTypography: __VLS_WithTemplateSlots_35<
         string,
         Readonly<
             ExtractPropTypes<
-                __VLS_WithDefaults_11<
-                    __VLS_TypePropsToRuntimeProps_14<{
+                __VLS_WithDefaults_12<
+                    __VLS_TypePropsToRuntimeProps_15<{
                         /**
                          * Sets the HTML DOM element.
                          * @values h1, h2, h3, h4, h5, h6, div, p, span
@@ -17886,6 +17927,24 @@ export declare interface UseBentoTheme {
     setTheme: (theme: BentoTheme | `${BentoTheme}`) => void;
 }
 
+/**
+ * Composable that handles theming-related capabilities for the Bento component library.
+ * Requires the use of `BentoPlugin`.
+ *
+ * @example
+ * <script setup lang="ts">
+ *    import { useBentoTheme, BentoTheme } from '@adyen/bento-vue2';
+ *
+ *    const { setTheme } = useBentoTheme();
+ *
+ *    setTheme(BentoTheme.BENTO_DARK)
+ * </script>
+ *
+ * @returns {UseBentoTheme} An object with getter and setter method for the Bento theme.
+ * @returns {Function} getTheme - Returns the current theme in the string form of BentoTheme enum.
+ * @returns {Function} setTheme - Sets the theme of the Bento component library.
+ *
+ */
 export declare function useBentoTheme(): UseBentoTheme;
 
 export declare const useBentoThemeKey: unique symbol;

package/dist/action-bar.js

@@ -1,4 +1,4 @@
-import { B as t } from "./chunks/action-bar.CjdRoIjd.js";
+import { B as t } from "./chunks/action-bar.D4-U6Fkb.js";
 export {
   t as BentoActionBar
 };