@adyen/bento-vue2 1.79.1 → 1.80.0

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

@@ -1,7 +1,4 @@
 import type { ButtonHTMLAttributes } from 'vue/types/jsx.d.ts';
-import { ButtonHTMLAttributes as ButtonHTMLAttributes_2 } from 'vue';
-import { ComponentCustomProperties } from 'vue';
-import { ComponentOptionsBase } from 'vue';
 import { ComponentOptionsMixin } from 'vue';
 import type { ComponentPublicInstance } from 'vue';
 import { ComputedRef } from 'vue';
@@ -12,7 +9,6 @@ import { DefaultKeys } from 'vue/types/v3-component-props';
 import { DefineComponent } from 'vue';
 import { DirectiveBinding } from 'vue';
 import type { DirectiveHook } from 'vue';
-import { ExtractComputedReturns } from 'vue/types/v3-component-options';
 import { ExtractPropTypes } from 'vue';
 import { HTMLAttributes } from 'vue';
 import type { Location as Location_2 } from 'vue-router/types/router.d.ts';
@@ -22,12 +18,10 @@ import type { PluginObject } from 'vue';
 import { PropType } from 'vue';
 import { Ref } from 'vue';
 import type { RouterLinkProps as RouterLinkProps_2 } from 'vue-router/types/router.d.ts';
-import { ShallowUnwrapRef } from 'vue';
 import type { typeToFlattenedError } from 'zod';
 import { UnwrapRef } from 'vue';
 import { VNode } from 'vue';
 import type { VNodeRef } from 'vue/types/vnode';
-import { Vue3Instance } from 'vue/types/v3-component-public-instance';
 import type { ZodSchema } from 'zod';
 
 declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -142,6 +136,10 @@ declare type __VLS_NonUndefinedable_59<T> = T extends undefined ? never : T;
 
 declare type __VLS_NonUndefinedable_6<T> = T extends undefined ? never : T;
 
+declare type __VLS_NonUndefinedable_60<T> = T extends undefined ? never : T;
+
+declare type __VLS_NonUndefinedable_61<T> = T extends undefined ? never : T;
+
 declare type __VLS_NonUndefinedable_7<T> = T extends undefined ? never : T;
 
 declare type __VLS_NonUndefinedable_8<T> = T extends undefined ? never : T;
@@ -652,6 +650,24 @@ declare type __VLS_TypePropsToRuntimeProps_6<T> = {
     };
 };
 
+declare type __VLS_TypePropsToRuntimeProps_60<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable_60<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+
+declare type __VLS_TypePropsToRuntimeProps_61<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable_61<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+
 declare type __VLS_TypePropsToRuntimeProps_7<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: PropType<__VLS_NonUndefinedable_7<T[K]>>;
@@ -991,6 +1007,18 @@ declare type __VLS_WithDefaults_56<P, D> = {
     } : P[K];
 };
 
+declare type __VLS_WithDefaults_57<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};
+
+declare type __VLS_WithDefaults_58<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};
+
 declare type __VLS_WithDefaults_6<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
         default: D[K];
@@ -1351,6 +1379,18 @@ declare type __VLS_WithTemplateSlots_6<T, S> = T & {
     };
 };
 
+declare type __VLS_WithTemplateSlots_60<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_61<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
 declare type __VLS_WithTemplateSlots_7<T, S> = T & {
     new (): {
         $slots: S;
@@ -1934,7 +1974,7 @@ export declare type BentoAvatarListboxOptionItem = Omit<BentoListboxOptionItem,
 
 export declare type BentoAvatarListboxOptions = Array<BentoAvatarListboxOptionItem>;
 
-export declare const BentoBaseFilter: __VLS_WithTemplateSlots_15<DefineComponent<__VLS_WithDefaults_21<__VLS_TypePropsToRuntimeProps_21<BentoBaseFilterProps_2<BentoFilterBarValue, string>>, {
+export declare const BentoBaseFilter: __VLS_WithTemplateSlots_16<DefineComponent<__VLS_WithDefaults_22<__VLS_TypePropsToRuntimeProps_22<BentoBaseFilterProps_2<BentoFilterBarValue, string>>, {
 appliedFiltersCount: any;
 buttonLabel: any;
 buttonSecondaryLabel: any;
@@ -1950,7 +1990,7 @@ tooltipPosition: any;
 value: any;
 }>, {
 closePopover: () => void;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, BaseFilterEvent[], string, Readonly<ExtractPropTypes<__VLS_WithDefaults_21<__VLS_TypePropsToRuntimeProps_21<BentoBaseFilterProps_2<BentoFilterBarValue, string>>, {
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, BaseFilterEvent[], string, Readonly<ExtractPropTypes<__VLS_WithDefaults_22<__VLS_TypePropsToRuntimeProps_22<BentoBaseFilterProps_2<BentoFilterBarValue, string>>, {
 appliedFiltersCount: any;
 buttonLabel: any;
 buttonSecondaryLabel: any;
@@ -2005,15 +2045,15 @@ disableSecondaryButton: boolean;
  * defineEmits(BentoBaseFilterEvents)
  * ```
  */
-export declare interface BentoBaseFilterEvents<CustomValue> {
+export declare interface BentoBaseFilterEvents<CustomFilterProps> {
     /**
      * Used in the All filters modal
      */
-    (e: 'input', newFilterValue: CustomValue): void;
+    (e: 'input', updatedProps: CustomFilterProps): void;
     /**
      * Used in the Filter Bar
      */
-    (e: 'update', newFilterValue: CustomValue): void;
+    (e: 'update', updatedProps: CustomFilterProps): void;
 }
 
 export declare const BentoBaseFilterEvents: string[];
@@ -2562,7 +2602,7 @@ export declare enum BentoButtonVariant {
  *     `
  * };
  */
-export declare const BentoCard: __VLS_WithTemplateSlots_10<DefineComponent<__VLS_WithDefaults_8<__VLS_TypePropsToRuntimeProps_8<{
+export declare const BentoCard: __VLS_WithTemplateSlots_11<DefineComponent<__VLS_WithDefaults_9<__VLS_TypePropsToRuntimeProps_9<{
 /**
 * List of actions that will be used to render the buttons.
 * First element in the list will be rendered as "primary".
@@ -2637,7 +2677,7 @@ titleSize: BentoCardTitleSize;
 click: () => void;
 } & {
 expanded: (isExpanded: boolean) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_8<__VLS_TypePropsToRuntimeProps_8<{
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_9<__VLS_TypePropsToRuntimeProps_9<{
 /**
 * List of actions that will be used to render the buttons.
 * First element in the list will be rendered as "primary".
@@ -3004,7 +3044,7 @@ export declare enum BentoCheckboxEvent {
  *     `
  * };
  */
-export declare const BentoCheckboxGroup: __VLS_WithTemplateSlots_12<DefineComponent<    {
+export declare const BentoCheckboxGroup: __VLS_WithTemplateSlots_13<DefineComponent<    {
 /**
 * Descriptive supporting text visbile underneath the label.
 */
@@ -3245,6 +3285,24 @@ formId: string;
 
 export declare type BentoCheckboxGroupEmits = FormFieldEmits<any>;
 
+declare interface BentoCheckboxGroupFilterOptions {
+    /**
+     * An array of objects to create the checkboxes. Each object must have a `label` and `value`.
+     * It can also have a `disabled` property.
+     */
+    checkboxItems: BentoCheckboxGroupItems;
+    /**
+     * Attaches a `BentoTooltip` if present. Text showed in the tooltip on hover.
+     */
+    tooltipText?: string;
+    /**
+     * Position the tooltip should take if space is available.
+     */
+    tooltipPosition?: BentoTooltipPosition | `${BentoTooltipPosition}`;
+}
+
+declare type BentoCheckboxGroupFilterValue = Array<number | string | null>;
+
 export declare interface BentoCheckboxGroupItem {
     value: string | number;
     label: string;
@@ -3298,7 +3356,7 @@ export declare type BentoCheckboxType = boolean | BentoMultiCheckboxType;
  *     `
  * }
  */
-export declare const BentoChip: DefineComponent<__VLS_WithDefaults_12<__VLS_TypePropsToRuntimeProps_12<BentoChipProps>, {
+export declare const BentoChip: DefineComponent<__VLS_WithDefaults_13<__VLS_TypePropsToRuntimeProps_13<BentoChipProps>, {
 disabled: boolean;
 readonly: boolean;
 error: boolean;
@@ -3306,7 +3364,7 @@ condensed: boolean;
 characterLimit: any;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 click: () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_12<__VLS_TypePropsToRuntimeProps_12<BentoChipProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_13<__VLS_TypePropsToRuntimeProps_13<BentoChipProps>, {
 disabled: boolean;
 readonly: boolean;
 error: boolean;
@@ -3388,7 +3446,7 @@ export declare const BentoClickOutsideDirective: {
  *     `
  * }
  */
-export declare const BentoCodeSnippet: __VLS_WithTemplateSlots_13<DefineComponent<__VLS_WithDefaults_13<__VLS_TypePropsToRuntimeProps_13<BentoCodeSnippetProps>, {
+export declare const BentoCodeSnippet: __VLS_WithTemplateSlots_14<DefineComponent<__VLS_WithDefaults_14<__VLS_TypePropsToRuntimeProps_14<BentoCodeSnippetProps>, {
 actionable: boolean;
 actionableText: any;
 content: string;
@@ -3398,7 +3456,7 @@ lang: BentoCodeSnippetSupportedLanguage;
 langLabel: any;
 loading: boolean;
 variant: BentoCodeSnippetVariant;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, BentoCodeSnippetEvent[], string, Readonly<ExtractPropTypes<__VLS_WithDefaults_13<__VLS_TypePropsToRuntimeProps_13<BentoCodeSnippetProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, BentoCodeSnippetEvent[], string, Readonly<ExtractPropTypes<__VLS_WithDefaults_14<__VLS_TypePropsToRuntimeProps_14<BentoCodeSnippetProps>, {
 actionable: boolean;
 actionableText: any;
 content: string;
@@ -3563,11 +3621,11 @@ export declare interface BentoColumnWidthOverridesLookup {
  *     `
  * }
  */
-export declare const BentoCountry: DefineComponent<__VLS_WithDefaults_14<__VLS_TypePropsToRuntimeProps_14<BentoCountryProps>, {
+export declare const BentoCountry: DefineComponent<__VLS_WithDefaults_15<__VLS_TypePropsToRuntimeProps_15<BentoCountryProps>, {
 code: BentoCountryCode;
 label: any;
 variant: BentoCountryVariant;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_14<__VLS_TypePropsToRuntimeProps_14<BentoCountryProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_15<__VLS_TypePropsToRuntimeProps_15<BentoCountryProps>, {
 code: BentoCountryCode;
 label: any;
 variant: BentoCountryVariant;
@@ -3883,13 +3941,13 @@ export declare enum BentoCountryVariant {
  *     `
  * }
  */
-export declare const BentoCurrency: DefineComponent<__VLS_WithDefaults_15<__VLS_TypePropsToRuntimeProps_15<BentoCurrencyProps>, {
+export declare const BentoCurrency: DefineComponent<__VLS_WithDefaults_16<__VLS_TypePropsToRuntimeProps_16<BentoCurrencyProps>, {
 currency: BentoCurrencyISOCode;
 disableTypography: boolean;
 majorUnits: boolean;
 value: any;
 currencySign: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_15<__VLS_TypePropsToRuntimeProps_15<BentoCurrencyProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_16<__VLS_TypePropsToRuntimeProps_16<BentoCurrencyProps>, {
 currency: BentoCurrencyISOCode;
 disableTypography: boolean;
 majorUnits: boolean;
@@ -4136,7 +4194,7 @@ export declare interface BentoCurrencyProps {
  *     `
  * }
  */
-export declare const BentoDashboardSection: __VLS_WithTemplateSlots_58<DefineComponent<__VLS_WithDefaults_56<__VLS_TypePropsToRuntimeProps_59<{
+export declare const BentoDashboardSection: __VLS_WithTemplateSlots_60<DefineComponent<__VLS_WithDefaults_58<__VLS_TypePropsToRuntimeProps_61<{
 /**
 * The header of the section
 */
@@ -4147,7 +4205,7 @@ header: BentoDashboardTemplateHeader;
 halfWidth?: boolean;
 }>, {
 halfWidth: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_56<__VLS_TypePropsToRuntimeProps_59<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_58<__VLS_TypePropsToRuntimeProps_61<{
 /**
 * The header of the section
 */
@@ -4195,7 +4253,7 @@ halfWidth: boolean;
  *     `
  * }
  */
-export declare const BentoDashboardTemplate: __VLS_WithTemplateSlots_57<DefineComponent<__VLS_WithDefaults_55<__VLS_TypePropsToRuntimeProps_58<{
+export declare const BentoDashboardTemplate: __VLS_WithTemplateSlots_59<DefineComponent<__VLS_WithDefaults_57<__VLS_TypePropsToRuntimeProps_60<{
 /**
 * The header that goes to the top of the template
 */
@@ -4218,7 +4276,7 @@ stickyFilters?: boolean;
 tabs: any;
 stickyTabs: boolean;
 stickyFilters: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_55<__VLS_TypePropsToRuntimeProps_58<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_57<__VLS_TypePropsToRuntimeProps_60<{
 /**
 * The header that goes to the top of the template
 */
@@ -4466,10 +4524,10 @@ default: () => any[];
 /**
 * An object of the values for each filter in the filter bar where key is a the field name and the value is the BentoFilterBarValue.
 *
-*  @example
+* @example
 * {
-*   'company': '200',
-*   'name': 'some text'
+*    'company': '200',
+*    'name': 'some text'
 * },
 */
 filterValuesObject: {
@@ -4686,7 +4744,7 @@ default: boolean;
 };
 }, {
 onEmptyStateClearResetButtonClick: () => void;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, (BentoDatagridEvent.COLUMNS | BentoDatagridEvent.COLUMN_RESIZE | BentoDatagridEvent.ITEMS_PAGE | BentoDatagridEvent.NAVIGATE | BentoDatagridEvent.NESTED_CONTENT_TOGGLED | BentoDatagridEvent.FILTER_SEARCH_INPUT | BentoDatagridEvent.FILTER_SEARCH_CLEAR | BentoDatagridEvent.UPDATE_COLUMNS | BentoDatagridEvent.UPDATE_CONDENSED | BentoDatagridEvent.UPDATE_FILTERS | BentoDatagridEvent.UPDATE_FILTER_VALUES | BentoDatagridEvent.UPDATE_FILTER_VALUES_OBJECT | BentoDatagridEvent.UPDATE_FILTER_SEARCH_TERM | BentoDatagridEvent.UPDATE_PAGINATION | BentoDatagridEvent.UPDATE_SELECTION | BentoDatagridEvent.UPDATE_SHOW_MORE | BentoDatagridEvent.UPDATE_SORT_BY | BentoDatagridEvent.ROW_CLICK | BentoDatagridEvent.SELECT | BentoDatagridEvent.SELECT_ALL_ACROSS_PAGES | BentoDatagridEvent.SELECT_ALL_CURRENT_RESULTS | BentoDatagridEvent.DESELECT_ALL_CURRENT_RESULTS | BentoDatagridEvent.SORT)[], string, Readonly<ExtractPropTypes<    {
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, (BentoDatagridEvent.CELL_FOCUS | BentoDatagridEvent.COLUMNS | BentoDatagridEvent.COLUMN_RESIZE | BentoDatagridEvent.ITEMS_PAGE | BentoDatagridEvent.NAVIGATE | BentoDatagridEvent.NESTED_CONTENT_TOGGLED | BentoDatagridEvent.FILTER_SEARCH_INPUT | BentoDatagridEvent.FILTER_SEARCH_CLEAR | BentoDatagridEvent.UPDATE_COLUMNS | BentoDatagridEvent.UPDATE_CONDENSED | BentoDatagridEvent.UPDATE_FILTERS | BentoDatagridEvent.UPDATE_FILTER_VALUES | BentoDatagridEvent.UPDATE_FILTER_VALUES_OBJECT | BentoDatagridEvent.UPDATE_FILTER_SEARCH_TERM | BentoDatagridEvent.UPDATE_PAGINATION | BentoDatagridEvent.UPDATE_SELECTION | BentoDatagridEvent.UPDATE_SHOW_MORE | BentoDatagridEvent.UPDATE_SORT_BY | BentoDatagridEvent.ROW_CLICK | BentoDatagridEvent.SELECT | BentoDatagridEvent.SELECT_ALL_ACROSS_PAGES | BentoDatagridEvent.SELECT_ALL_CURRENT_RESULTS | BentoDatagridEvent.DESELECT_ALL_CURRENT_RESULTS | BentoDatagridEvent.SORT)[], string, Readonly<ExtractPropTypes<    {
 /**
 * When true, will emit a 'rowClick' event when a row is clicked. Will add cursor: pointer to rows.
 */
@@ -4786,10 +4844,10 @@ default: () => any[];
 /**
 * An object of the values for each filter in the filter bar where key is a the field name and the value is the BentoFilterBarValue.
 *
-*  @example
+* @example
 * {
-*   'company': '200',
-*   'name': 'some text'
+*    'company': '200',
+*    'name': 'some text'
 * },
 */
 filterValuesObject: {
@@ -5073,6 +5131,7 @@ export declare type BentoDatagridDataItemId = string | number;
 export declare type BentoDatagridEmptyStateProps = BentoEmptyStateProps;
 
 export declare enum BentoDatagridEvent {
+    CELL_FOCUS = "cell-focus",
     COLUMNS = "columns",
     COLUMN_RESIZE = "column-resize",
     ITEMS_PAGE = "items-page",
@@ -5138,7 +5197,7 @@ export declare enum BentoDatagridSortDirection {
  *     `
  * }
  */
-export declare const BentoDataGridStaticIcon: DefineComponent<__VLS_WithDefaults_6<__VLS_TypePropsToRuntimeProps_6<{
+export declare const BentoDataGridStaticIcon: DefineComponent<__VLS_WithDefaults_7<__VLS_TypePropsToRuntimeProps_7<{
 /**
 * Renderes the icon with color.
 */
@@ -5154,7 +5213,7 @@ variant?: BentoDataGridStaticIconVariant;
 }>, {
 variant: string;
 colored: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_6<__VLS_TypePropsToRuntimeProps_6<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_7<__VLS_TypePropsToRuntimeProps_7<{
 /**
 * Renderes the icon with color.
 */
@@ -5204,11 +5263,11 @@ export declare enum BentoDatagridStyleState {
  *     `
  * }
  */
-export declare const BentoDataGridSummaryCell: DefineComponent<__VLS_WithDefaults_7<__VLS_TypePropsToRuntimeProps_7<BentoDataGridSummaryCellProps>, {
+export declare const BentoDataGridSummaryCell: DefineComponent<__VLS_WithDefaults_8<__VLS_TypePropsToRuntimeProps_8<BentoDataGridSummaryCellProps>, {
 dashedUnderline: () => {};
 searchTerm: string;
 tooltipText: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_7<__VLS_TypePropsToRuntimeProps_7<BentoDataGridSummaryCellProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_8<__VLS_TypePropsToRuntimeProps_8<BentoDataGridSummaryCellProps>, {
 dashedUnderline: () => {};
 searchTerm: string;
 tooltipText: any;
@@ -5266,7 +5325,7 @@ declare interface BentoDataGridSummaryCellProps {
  *     `
  * }
  */
-export declare const BentoDataGridTemplate: __VLS_WithTemplateSlots_59<DefineComponent<    {
+export declare const BentoDataGridTemplate: __VLS_WithTemplateSlots_61<DefineComponent<    {
 /**
 * The header that goes to the top of the template
 */
@@ -5490,11 +5549,11 @@ export declare interface BentoDataGridVisibleRowsState {
  *     `
  * }
  */
-export declare const BentoDate: DefineComponent<__VLS_WithDefaults_16<__VLS_TypePropsToRuntimeProps_16<BentoDateProps>, {
+export declare const BentoDate: DefineComponent<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_17<BentoDateProps>, {
 date: any;
 format: BentoDateFormat;
 disableTypography: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_16<__VLS_TypePropsToRuntimeProps_16<BentoDateProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_17<BentoDateProps>, {
 date: any;
 format: BentoDateFormat;
 disableTypography: boolean;
@@ -5561,7 +5620,7 @@ export declare enum BentoDateFormat {
  *      }
  * }
  */
-export declare const BentoDatePicker: DefineComponent<__VLS_WithDefaults_9<__VLS_TypePropsToRuntimeProps_9<BentoDatePickerProps>, {
+export declare const BentoDatePicker: DefineComponent<__VLS_WithDefaults_10<__VLS_TypePropsToRuntimeProps_10<BentoDatePickerProps>, {
 defaultDisplayMonth: any;
 description: any;
 disabled: boolean;
@@ -5595,7 +5654,7 @@ variant: any;
 "update:model-value": (value: Date) => void;
 } & {
 input: (value: Date) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_9<__VLS_TypePropsToRuntimeProps_9<BentoDatePickerProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_10<__VLS_TypePropsToRuntimeProps_10<BentoDatePickerProps>, {
 defaultDisplayMonth: any;
 description: any;
 disabled: boolean;
@@ -5753,7 +5812,7 @@ export declare type BentoDateRangeFilterValue = BentoDateRangePickerValue | null
  *      }
  * }
  */
-export declare const BentoDateRangePicker: DefineComponent<__VLS_WithDefaults_10<__VLS_TypePropsToRuntimeProps_10<BentoDateRangePickerProps>, {
+export declare const BentoDateRangePicker: DefineComponent<__VLS_WithDefaults_11<__VLS_TypePropsToRuntimeProps_11<BentoDateRangePickerProps>, {
 description: any;
 disabled: boolean;
 errorMessage: any;
@@ -5791,7 +5850,7 @@ variant: any;
 "update:model-value": (value: any) => void;
 } & {
 input: (value: any) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_10<__VLS_TypePropsToRuntimeProps_10<BentoDateRangePickerProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_11<__VLS_TypePropsToRuntimeProps_11<BentoDateRangePickerProps>, {
 description: any;
 disabled: boolean;
 errorMessage: any;
@@ -5939,9 +5998,9 @@ export declare interface BentoDateRangePickerValue {
  *     template: `<bento-divider />`
  * }
  */
-export declare const BentoDivider: DefineComponent<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_17<BentoDividerProps>, {
+export declare const BentoDivider: DefineComponent<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_18<BentoDividerProps>, {
 variant: BentoDividerVariant;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_17<BentoDividerProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_18<BentoDividerProps>, {
 variant: BentoDividerVariant;
 }>>>, {
 variant: `${BentoDividerVariant}`;
@@ -5995,7 +6054,7 @@ declare enum BentoDividerVariant {
  *     }
  * }
  */
-export declare const BentoDropdown: __VLS_WithTemplateSlots_11<DefineComponent<__VLS_WithDefaults_11<__VLS_TypePropsToRuntimeProps_11<BentoDropdownProps>, {
+export declare const BentoDropdown: __VLS_WithTemplateSlots_12<DefineComponent<__VLS_WithDefaults_12<__VLS_TypePropsToRuntimeProps_12<BentoDropdownProps>, {
 ariaLabel: any;
 condensed: boolean;
 emptyState: any;
@@ -6035,7 +6094,7 @@ input: (selectedValue: any) => void;
 "show-more": () => void;
 } & {
 open: () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_11<__VLS_TypePropsToRuntimeProps_11<BentoDropdownProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_12<__VLS_TypePropsToRuntimeProps_12<BentoDropdownProps>, {
 ariaLabel: any;
 condensed: boolean;
 emptyState: any;
@@ -8156,14 +8215,14 @@ export declare interface BentoDropdownTagProps extends BentoDropdownProps {
  *     `
  * }
  */
-export declare const BentoEmptyState: __VLS_WithTemplateSlots_14<DefineComponent<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_18<BentoEmptyStateProps>, {
+export declare const BentoEmptyState: __VLS_WithTemplateSlots_15<DefineComponent<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_19<BentoEmptyStateProps>, {
 action: any;
 description: any;
 headingEl: any;
 image: any;
 title: string;
 variant: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_18<BentoEmptyStateProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_19<BentoEmptyStateProps>, {
 action: any;
 description: any;
 headingEl: any;
@@ -8276,7 +8335,7 @@ export declare enum BentoEmptyStateVariant {
  *      }
  * }
  */
-export declare const BentoFileUploader: DefineComponent<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_19<BentoFileUploaderProps>, {
+export declare const BentoFileUploader: DefineComponent<__VLS_WithDefaults_20<__VLS_TypePropsToRuntimeProps_20<BentoFileUploaderProps>, {
 accept: any;
 description: any;
 errorMessage: any;
@@ -8293,7 +8352,7 @@ input: (value?: FileList) => void;
 "update:model-value": (value?: FileList) => void;
 } & {
 "error:upload": (value: boolean) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_19<BentoFileUploaderProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_20<__VLS_TypePropsToRuntimeProps_20<BentoFileUploaderProps>, {
 accept: any;
 description: any;
 errorMessage: any;
@@ -8402,7 +8461,7 @@ export declare type BentoFileUploaderValue = string | Array<string> | File | Arr
  *   `
  * }
  */
-export declare const BentoFilterBar: DefineComponent<__VLS_WithDefaults_20<__VLS_TypePropsToRuntimeProps_20<BentoFilterBarProps<any, undefined>>, {
+export declare const BentoFilterBar: DefineComponent<__VLS_WithDefaults_21<__VLS_TypePropsToRuntimeProps_21<BentoFilterBarProps<any, undefined>>, {
 config: () => any[];
 filterValues: () => any[];
 containerSizeLayout: () => {
@@ -8419,7 +8478,7 @@ isClearAllVisible: ComputedRef<boolean>;
 clearAllFilters: () => void;
 isResetAllVisible: ComputedRef<boolean>;
 resetAllFilters: () => void;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, (BentoFilterBarEvent | BentoSearchBarEvent)[], string, Readonly<ExtractPropTypes<__VLS_WithDefaults_20<__VLS_TypePropsToRuntimeProps_20<BentoFilterBarProps<any, undefined>>, {
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, (BentoFilterBarEvent | BentoSearchBarEvent)[], string, Readonly<ExtractPropTypes<__VLS_WithDefaults_21<__VLS_TypePropsToRuntimeProps_21<BentoFilterBarProps<any, undefined>>, {
 config: () => any[];
 filterValues: () => any[];
 containerSizeLayout: () => {
@@ -8566,7 +8625,7 @@ export declare type BentoFilterBarSearchBarProps = OmitStrict<BentoSearchBarProp
 
 export declare type BentoFilterBarSearchTerm = BentoSearchBarProps['value'];
 
-export declare type BentoFilterBarValue = BentoInputFilterValue | BentoInpuWithDropdowntFilterValue | BentoSelectFilterValue | BentoBooleanFilterValue | BentoDateFilterValue | BentoDateRangeFilterValue;
+export declare type BentoFilterBarValue = BentoInputFilterValue | BentoInpuWithDropdowntFilterValue | BentoSelectFilterValue | BentoBooleanFilterValue | BentoDateFilterValue | BentoDateRangeFilterValue | BentoRadioGroupFilterValue | BentoCheckboxGroupFilterValue;
 
 export declare enum BentoFilterEvent {
     INPUT = "input",
@@ -8585,7 +8644,9 @@ export declare enum BentoFilterItemType {
     SELECT_PAYMENT_METHOD = "BentoSelectPaymentMethodFilter",
     SELECT_TAG = "BentoSelectTagFilter",
     DATE = "BentoDateFilter",
-    DATE_RANGE = "BentoDateRangeFilter"
+    DATE_RANGE = "BentoDateRangeFilter",
+    RADIO_GROUP = "BentoRadioGroupFilter",
+    CHECKBOX_GROUP = "BentoCheckboxGroupFilter"
 }
 
 export declare interface BentoFilterModel<CustomOptions = undefined> extends BentoFilterValue {
@@ -8608,7 +8669,7 @@ export declare interface BentoFilterModel<CustomOptions = undefined> extends Ben
     value?: BentoFilterBarValue;
 }
 
-export declare type BentoFilterOptions = BentoSelectFilterOptions | BentoSelectAvatarFilterOptions | BentoSelectCountryFilterOptions | BentoSelectCurrencyFilterOptions | BentoSelectPaymentMethodFilterOptions | BentoSelectTagFilterOptions | BentoDateFilterOptions | BentoDateRangeFilterOptions | BentoBooleanFilterOptions | BentoInputFilterOptions | BentoInputWithDropdownFilterOptions | undefined;
+export declare type BentoFilterOptions = BentoSelectFilterOptions | BentoSelectAvatarFilterOptions | BentoSelectCountryFilterOptions | BentoSelectCurrencyFilterOptions | BentoSelectPaymentMethodFilterOptions | BentoSelectTagFilterOptions | BentoDateFilterOptions | BentoDateRangeFilterOptions | BentoBooleanFilterOptions | BentoInputFilterOptions | BentoInputWithDropdownFilterOptions | BentoRadioGroupFilterOptions | BentoCheckboxGroupFilterOptions | undefined;
 
 export declare interface BentoFilterValue {
     field: string;
@@ -8654,7 +8715,7 @@ export declare type BentoFilterValues = Array<BentoFilterValue>;
  *     `
  * }
  */
-export declare const BentoFormLayout: __VLS_WithTemplateSlots_16<DefineComponent<    {
+export declare const BentoFormLayout: __VLS_WithTemplateSlots_17<DefineComponent<    {
 /**
 * Renders the form layout as an HTML `form`
 */
@@ -8720,7 +8781,7 @@ loading: boolean;
  *          </bento-form-layout-field-tip>
  *     `
  */
-export declare const BentoFormLayoutFieldTip: __VLS_WithTemplateSlots_17<DefineComponent<    {
+export declare const BentoFormLayoutFieldTip: __VLS_WithTemplateSlots_18<DefineComponent<    {
 /**
 * Type of a alert; set a distinctive icon and color. Defaults to highlight.
 * @values highlight, success, critical, warning
@@ -8784,7 +8845,7 @@ declare type BentoFormLayoutFieldTipTypeOption = `${BentoAlertTypeOption}`;
  *     `
  * }
  */
-export declare const BentoFormLayoutGroup: __VLS_WithTemplateSlots_19<DefineComponent<    {
+export declare const BentoFormLayoutGroup: __VLS_WithTemplateSlots_20<DefineComponent<    {
 /**
 * The layout of the pair group of components.
 * This will render the components within the width of the proportions.
@@ -8870,7 +8931,7 @@ layout: BentoLayoutGroupProportions;
  *     `
  * }
  */
-export declare const BentoFormLayoutTitle: __VLS_WithTemplateSlots_18<DefineComponent<    {
+export declare const BentoFormLayoutTitle: __VLS_WithTemplateSlots_19<DefineComponent<    {
 /**
 * Defines if the Form Layout title is
 * a "section" or a "subsection".
@@ -9106,7 +9167,7 @@ declare enum BentoHeaderVariant {
  *   `
  * };
  */
-export declare const BentoHeaderWithViews: __VLS_WithTemplateSlots_20<DefineComponent<__VLS_WithDefaults_22<__VLS_TypePropsToRuntimeProps_22<BentoHeaderWithViewsProps>, {
+export declare const BentoHeaderWithViews: __VLS_WithTemplateSlots_21<DefineComponent<__VLS_WithDefaults_23<__VLS_TypePropsToRuntimeProps_23<BentoHeaderWithViewsProps>, {
 actions: () => any[];
 additionalViewSetting: any;
 title: any;
@@ -9132,7 +9193,7 @@ views: () => any[];
 "update:view": (value: BentoHeaderWithViewsItemUpdate) => void;
 } & {
 "update:skip-unsaved-changes": (value: boolean) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_22<__VLS_TypePropsToRuntimeProps_22<BentoHeaderWithViewsProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_23<__VLS_TypePropsToRuntimeProps_23<BentoHeaderWithViewsProps>, {
 actions: () => any[];
 additionalViewSetting: any;
 title: any;
@@ -9343,10 +9404,10 @@ export declare const BentoHighlightDirective: {
  *     `
  * }
  */
-export declare const BentoImage: DefineComponent<__VLS_WithDefaults_23<__VLS_TypePropsToRuntimeProps_23<BentoImageProps>, {
+export declare const BentoImage: DefineComponent<__VLS_WithDefaults_24<__VLS_TypePropsToRuntimeProps_24<BentoImageProps>, {
 aspectRatio: any;
 objectFit: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_23<__VLS_TypePropsToRuntimeProps_23<BentoImageProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_24<__VLS_TypePropsToRuntimeProps_24<BentoImageProps>, {
 aspectRatio: any;
 objectFit: any;
 }>>>, {
@@ -9396,11 +9457,11 @@ export declare interface BentoImageProps {
  * import { BentoInfoIcon } from '../..';
  * </scrip>
  */
-export declare const BentoInfoIcon: DefineComponent<__VLS_WithDefaults_24<__VLS_TypePropsToRuntimeProps_24<BentoInfoIconProps>, {
+export declare const BentoInfoIcon: DefineComponent<__VLS_WithDefaults_25<__VLS_TypePropsToRuntimeProps_25<BentoInfoIconProps>, {
 tooltipPosition: PopperContainerPositionExtended;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 mouseenter: (event: MouseEvent) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_24<__VLS_TypePropsToRuntimeProps_24<BentoInfoIconProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_25<__VLS_TypePropsToRuntimeProps_25<BentoInfoIconProps>, {
 tooltipPosition: PopperContainerPositionExtended;
 }>>>, {
 tooltipPosition: PopperContainerPosition | `${PopperContainerPosition}`;
@@ -9463,7 +9524,7 @@ export declare interface BentoInputDropdownProps {
  *          >
  * }
  */
-export declare const BentoInputField: __VLS_WithTemplateSlots_21<DefineComponent<__VLS_WithDefaults_25<__VLS_TypePropsToRuntimeProps_25<BentoInputFieldProps>, {
+export declare const BentoInputField: __VLS_WithTemplateSlots_22<DefineComponent<__VLS_WithDefaults_26<__VLS_TypePropsToRuntimeProps_26<BentoInputFieldProps>, {
 ariaHidden: boolean;
 ariaLabel: any;
 condensed: boolean;
@@ -9509,7 +9570,7 @@ input: (inputValue: string) => void;
 "update:dropdown": (updatedDropdownProps: BentoInputDropdownProps) => void;
 } & {
 "update:model-value": (inputValue: BentoInputFieldValue) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_25<__VLS_TypePropsToRuntimeProps_25<BentoInputFieldProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_26<__VLS_TypePropsToRuntimeProps_26<BentoInputFieldProps>, {
 ariaHidden: boolean;
 ariaLabel: any;
 condensed: boolean;
@@ -9616,7 +9677,7 @@ export declare enum BentoInputFieldEvent {
  *     `
  * }
  */
-export declare const BentoInputFieldPassword: __VLS_WithTemplateSlots_22<DefineComponent<__VLS_WithDefaults_26<__VLS_TypePropsToRuntimeProps_26<BentoInputFieldPasswordProps>, {
+export declare const BentoInputFieldPassword: __VLS_WithTemplateSlots_23<DefineComponent<__VLS_WithDefaults_27<__VLS_TypePropsToRuntimeProps_27<BentoInputFieldPasswordProps>, {
 condensed: boolean;
 debounceTime: number;
 description: any;
@@ -9645,7 +9706,7 @@ focus: () => void;
 input: (value: BentoInputFieldValue) => void;
 } & {
 "update:model-value": (value: BentoInputFieldValue) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_26<__VLS_TypePropsToRuntimeProps_26<BentoInputFieldPasswordProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_27<__VLS_TypePropsToRuntimeProps_27<BentoInputFieldPasswordProps>, {
 condensed: boolean;
 debounceTime: number;
 description: any;
@@ -9776,7 +9837,7 @@ export declare interface BentoInputFieldPasswordValidationListItem {
  *     `
  * }
  */
-export declare const BentoInputFieldPhoneNumber: __VLS_WithTemplateSlots_23<DefineComponent<__VLS_WithDefaults_27<__VLS_TypePropsToRuntimeProps_27<BentoInputFieldPhoneNumberProps>, {
+export declare const BentoInputFieldPhoneNumber: __VLS_WithTemplateSlots_24<DefineComponent<__VLS_WithDefaults_28<__VLS_TypePropsToRuntimeProps_28<BentoInputFieldPhoneNumberProps>, {
 countries: () => CountryCode_2[];
 description: any;
 dynamicFiltering: boolean;
@@ -9790,7 +9851,7 @@ input: (value: string) => void;
 "update:selected-country": (country: CountryCode_2) => void;
 } & {
 "input:valid": (value: boolean) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_27<__VLS_TypePropsToRuntimeProps_27<BentoInputFieldPhoneNumberProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_28<__VLS_TypePropsToRuntimeProps_28<BentoInputFieldPhoneNumberProps>, {
 countries: () => CountryCode_2[];
 description: any;
 dynamicFiltering: boolean;
@@ -10059,7 +10120,7 @@ export declare interface BentoInpuWithDropdowntFilterValue {
  *     `
  * }
  */
-export declare const BentoInspector: __VLS_WithTemplateSlots_24<DefineComponent<__VLS_WithDefaults_28<__VLS_TypePropsToRuntimeProps_28<BentoInspectorProps>, {
+export declare const BentoInspector: __VLS_WithTemplateSlots_25<DefineComponent<__VLS_WithDefaults_29<__VLS_TypePropsToRuntimeProps_29<BentoInspectorProps>, {
 activePage: string;
 expandable: boolean;
 isOpen: boolean;
@@ -10073,7 +10134,7 @@ pageFocusAnchor: any;
 "update:active-page": (value: string) => void;
 } & {
 expand: () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_28<__VLS_TypePropsToRuntimeProps_28<BentoInspectorProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_29<__VLS_TypePropsToRuntimeProps_29<BentoInspectorProps>, {
 activePage: string;
 expandable: boolean;
 isOpen: boolean;
@@ -10189,10 +10250,10 @@ export declare enum BentoKeyboardNavigationKeyDownEvent {
  *     `
  * }
  */
-export declare const BentoLayout: __VLS_WithTemplateSlots_25<DefineComponent<__VLS_WithDefaults_29<__VLS_TypePropsToRuntimeProps_29<BentoLayoutProps>, {
+export declare const BentoLayout: __VLS_WithTemplateSlots_26<DefineComponent<__VLS_WithDefaults_30<__VLS_TypePropsToRuntimeProps_30<BentoLayoutProps>, {
 size: string;
 variant: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_29<__VLS_TypePropsToRuntimeProps_29<BentoLayoutProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_30<__VLS_TypePropsToRuntimeProps_30<BentoLayoutProps>, {
 size: string;
 variant: string;
 }>>>, {
@@ -10235,9 +10296,9 @@ export declare interface BentoLayoutProps {
  *     `
  * }
  */
-export declare const BentoLayoutRow: __VLS_WithTemplateSlots_26<DefineComponent<__VLS_WithDefaults_30<__VLS_TypePropsToRuntimeProps_30<BentoLayoutRowProps>, {
+export declare const BentoLayoutRow: __VLS_WithTemplateSlots_27<DefineComponent<__VLS_WithDefaults_31<__VLS_TypePropsToRuntimeProps_31<BentoLayoutRowProps>, {
 columnsLayout: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_30<__VLS_TypePropsToRuntimeProps_30<BentoLayoutRowProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_31<__VLS_TypePropsToRuntimeProps_31<BentoLayoutRowProps>, {
 columnsLayout: string;
 }>>>, {
 columnsLayout: BentoLayoutRowColumnLayout;
@@ -10284,12 +10345,12 @@ export declare type BentoLazyLoadType = 'automatic' | 'button' | 'none';
  *     `
  * }
  */
-export declare const BentoLink: __VLS_WithTemplateSlots_27<DefineComponent<__VLS_WithDefaults_32<__VLS_TypePropsToRuntimeProps_32<BentoLinkProps>, {
+export declare const BentoLink: __VLS_WithTemplateSlots_28<DefineComponent<__VLS_WithDefaults_33<__VLS_TypePropsToRuntimeProps_33<BentoLinkProps>, {
 target: any;
 variant: BentoLinkVariant;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 click: (clickEvent: MouseEvent) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_32<__VLS_TypePropsToRuntimeProps_32<BentoLinkProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_33<__VLS_TypePropsToRuntimeProps_33<BentoLinkProps>, {
 target: any;
 variant: BentoLinkVariant;
 }>>>, {
@@ -10560,7 +10621,7 @@ export declare enum BentoLoadingButtonState {
  *     `
  * };
  */
-export declare const BentoLoadingIndicator: DefineComponent<__VLS_WithDefaults_31<__VLS_TypePropsToRuntimeProps_31<BentoLoadingIndicatorProps>, {
+export declare const BentoLoadingIndicator: DefineComponent<__VLS_WithDefaults_32<__VLS_TypePropsToRuntimeProps_32<BentoLoadingIndicatorProps>, {
 small: boolean;
 large: boolean;
 inverse: boolean;
@@ -10568,7 +10629,7 @@ inverse: boolean;
 "loading-start": () => void;
 } & {
 "loading-end": () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_31<__VLS_TypePropsToRuntimeProps_31<BentoLoadingIndicatorProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_32<__VLS_TypePropsToRuntimeProps_32<BentoLoadingIndicatorProps>, {
 small: boolean;
 large: boolean;
 inverse: boolean;
@@ -10615,7 +10676,7 @@ export declare interface BentoLoadingIndicatorProps {
  *           />
  * }
  */
-export declare const BentoMenu: __VLS_WithTemplateSlots_28<DefineComponent<__VLS_WithDefaults_33<__VLS_TypePropsToRuntimeProps_33<BentoMenuProps>, {
+export declare const BentoMenu: __VLS_WithTemplateSlots_29<DefineComponent<__VLS_WithDefaults_34<__VLS_TypePropsToRuntimeProps_34<BentoMenuProps>, {
 button: () => BentoMenuButtonProps;
 closeMenuOnItemSelect: boolean;
 disableArrowDownOpeningMenu: boolean;
@@ -10638,7 +10699,7 @@ open: () => void;
 "menu-item-click": () => void;
 } & {
 "click-outside": () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_33<__VLS_TypePropsToRuntimeProps_33<BentoMenuProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_34<__VLS_TypePropsToRuntimeProps_34<BentoMenuProps>, {
 button: () => BentoMenuButtonProps;
 closeMenuOnItemSelect: boolean;
 disableArrowDownOpeningMenu: boolean;
@@ -10784,7 +10845,7 @@ export declare interface BentoMenuProps {
  *     `
  * };
  */
-export declare const BentoModal: __VLS_WithTemplateSlots_29<DefineComponent<    {
+export declare const BentoModal: __VLS_WithTemplateSlots_30<DefineComponent<    {
 /**
 * List of actions that will be used to render the buttons.
 * First element in the list will be rendered as "primary".
@@ -11122,7 +11183,7 @@ export declare enum BentoModalEvent {
  *     `
  * }
  */
-export declare const BentoModalFullscreen: __VLS_WithTemplateSlots_31<DefineComponent<    {
+export declare const BentoModalFullscreen: __VLS_WithTemplateSlots_32<DefineComponent<    {
 /**
 * List of actions that will be used to render the buttons.
 * First element in the list will be rendered as "primary".
@@ -11264,7 +11325,7 @@ contextualLabel: string;
  *     `
  * }
  */
-export declare const BentoModalFullscreenPage: __VLS_WithTemplateSlots_32<DefineComponent<    {
+export declare const BentoModalFullscreenPage: __VLS_WithTemplateSlots_33<DefineComponent<    {
 /**
 * List of actions that will be used to render the buttons.
 * First element in the list will be rendered as "primary".
@@ -11406,7 +11467,7 @@ contextualLabel: string;
  *     `
  * }
  */
-export declare const BentoModalPage: __VLS_WithTemplateSlots_30<DefineComponent<__VLS_WithDefaults_34<__VLS_TypePropsToRuntimeProps_34<BentoModalPageProps>, {
+export declare const BentoModalPage: __VLS_WithTemplateSlots_31<DefineComponent<__VLS_WithDefaults_35<__VLS_TypePropsToRuntimeProps_35<BentoModalPageProps>, {
 actions: any;
 actionsLabel: any;
 columnsSize: BentoModalColumnLayoutVariant;
@@ -11415,7 +11476,7 @@ destructiveActions: boolean;
 withColumnLayout: boolean;
 pageId: any;
 previousPage: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_34<__VLS_TypePropsToRuntimeProps_34<BentoModalPageProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_35<__VLS_TypePropsToRuntimeProps_35<BentoModalPageProps>, {
 actions: any;
 actionsLabel: any;
 columnsSize: BentoModalColumnLayoutVariant;
@@ -11563,7 +11624,7 @@ export declare type BentoMultiCheckboxType = Array<string | number>;
  *     `,
  * }
  */
-export declare const BentoPagination: __VLS_WithTemplateSlots_33<DefineComponent<__VLS_WithDefaults_35<__VLS_TypePropsToRuntimeProps_35<BentoPaginationProps>, {
+export declare const BentoPagination: __VLS_WithTemplateSlots_34<DefineComponent<__VLS_WithDefaults_36<__VLS_TypePropsToRuntimeProps_36<BentoPaginationProps>, {
 ariaLabel: any;
 hasNext: any;
 hidePageSize: boolean;
@@ -11579,7 +11640,7 @@ navigate: (page: number, items?: number) => void;
 "update:page": (page: number) => void;
 } & {
 "update:size": (size: number) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_35<__VLS_TypePropsToRuntimeProps_35<BentoPaginationProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_36<__VLS_TypePropsToRuntimeProps_36<BentoPaginationProps>, {
 ariaLabel: any;
 hasNext: any;
 hidePageSize: boolean;
@@ -11645,11 +11706,11 @@ export declare interface BentoPaginationProps {
  *     `
  * }
  */
-export declare const BentoPaymentMethod: DefineComponent<__VLS_WithDefaults_36<__VLS_TypePropsToRuntimeProps_36<BentoPaymentMethodProps>, {
+export declare const BentoPaymentMethod: DefineComponent<__VLS_WithDefaults_37<__VLS_TypePropsToRuntimeProps_37<BentoPaymentMethodProps>, {
 label: any;
 small: boolean;
 type: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_36<__VLS_TypePropsToRuntimeProps_36<BentoPaymentMethodProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_37<__VLS_TypePropsToRuntimeProps_37<BentoPaymentMethodProps>, {
 label: any;
 small: boolean;
 type: string;
@@ -12846,7 +12907,7 @@ export declare enum BentoPaymentMethodType {
  *     `
  * }
  */
-export declare const BentoPopover: __VLS_WithTemplateSlots_34<DefineComponent<__VLS_WithDefaults_37<__VLS_TypePropsToRuntimeProps_37<BentoPopoverProps>, {
+export declare const BentoPopover: __VLS_WithTemplateSlots_35<DefineComponent<__VLS_WithDefaults_38<__VLS_TypePropsToRuntimeProps_38<BentoPopoverProps>, {
 actions: any;
 actionsLayout: string;
 ariaLabel: any;
@@ -12870,7 +12931,7 @@ overflowVisible: boolean;
 dismiss: () => void;
 } & {
 placement: (placement: Placement) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_37<__VLS_TypePropsToRuntimeProps_37<BentoPopoverProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_38<__VLS_TypePropsToRuntimeProps_38<BentoPopoverProps>, {
 actions: any;
 actionsLayout: string;
 ariaLabel: any;
@@ -13082,7 +13143,7 @@ export declare interface BentoPopoverProps {
  *     `
  * };
  */
-export declare const BentoPromoBanner: __VLS_WithTemplateSlots_35<DefineComponent<__VLS_WithDefaults_38<__VLS_TypePropsToRuntimeProps_38<BentoPromoBannerProps>, {
+export declare const BentoPromoBanner: __VLS_WithTemplateSlots_36<DefineComponent<__VLS_WithDefaults_39<__VLS_TypePropsToRuntimeProps_39<BentoPromoBannerProps>, {
 actions: any;
 color: BentoPromoBannerColor;
 isDismissible: boolean;
@@ -13090,7 +13151,7 @@ dismissButtonText: any;
 layout: BentoPromoBannerLayout;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 dismiss: () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_38<__VLS_TypePropsToRuntimeProps_38<BentoPromoBannerProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_39<__VLS_TypePropsToRuntimeProps_39<BentoPromoBannerProps>, {
 actions: any;
 color: BentoPromoBannerColor;
 isDismissible: boolean;
@@ -13384,7 +13445,7 @@ export declare type BentoRadioButtonValue = string | number;
  *     `
  * };
  */
-export declare const BentoRadioGroup: __VLS_WithTemplateSlots_36<DefineComponent<__VLS_WithDefaults_39<__VLS_TypePropsToRuntimeProps_39<BentoRadioGroupProps>, {
+export declare const BentoRadioGroup: __VLS_WithTemplateSlots_37<DefineComponent<__VLS_WithDefaults_40<__VLS_TypePropsToRuntimeProps_40<BentoRadioGroupProps>, {
 description: any;
 disabled: boolean;
 errorMessage: any;
@@ -13415,7 +13476,7 @@ focus: () => void;
 "update:model-value": (value: BentoRadioButtonValue) => void;
 } & {
 input: (value: BentoRadioButtonValue) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_39<__VLS_TypePropsToRuntimeProps_39<BentoRadioGroupProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_40<__VLS_TypePropsToRuntimeProps_40<BentoRadioGroupProps>, {
 description: any;
 disabled: boolean;
 errorMessage: any;
@@ -13448,6 +13509,58 @@ formId: string | null;
 
 export declare type BentoRadioGroupEmits = FormFieldEmits<BentoRadioGroupValue>;
 
+export declare interface BentoRadioGroupFilterOptions {
+    /**
+     * List of radio group options
+     */
+    items: BentoRadioGroupItems;
+    /**
+     * Attaches a `BentoTooltip` if present. Text showed in the tooltip on hover.
+     */
+    tooltipText?: string;
+    /**
+     * Position the tooltip should take if space is available.
+     */
+    tooltipPosition?: BentoTooltipPosition | `${BentoTooltipPosition}`;
+}
+
+export declare interface BentoRadioGroupFilterProps {
+    /**
+     * Disables the filter from being interacted with.
+     */
+    disabled?: boolean;
+    /**
+     * Default value of the filter to reset to.
+     */
+    defaultValue?: BentoRadioGroupFilterValue;
+    /**
+     * Filter name/key referencing the actual property name in the data set.
+     * Should be unique per filter bar.
+     */
+    field: string;
+    /**
+     * Label text to be displayed
+     */
+    label: string;
+    /**
+     * List of options that are needed to setup the filter
+     * Available options:
+     *   - items: Radio group elements containing "value" and "label"
+     */
+    options: BentoRadioGroupFilterOptions;
+    /**
+     * Renders the base filter's slot content only - leaving out the button and the popover.
+     * Used for the allFiltersModal component.
+     */
+    onlySlot?: boolean;
+    /**
+     * The current value of the filter, used for v-model.
+     */
+    value?: BentoRadioGroupFilterValue;
+}
+
+export declare type BentoRadioGroupFilterValue = BentoRadioGroupValue;
+
 export declare interface BentoRadioGroupItem {
     value: BentoRadioGroupValue;
     label: string;
@@ -15655,11 +15768,11 @@ declare enum BentoTabsEvent {
     ACTIVE_TAB_INDEX = "update:active-tab-index"
 }
 
-export declare const BentoTag: __VLS_WithTemplateSlots_37<DefineComponent<__VLS_WithDefaults_40<__VLS_TypePropsToRuntimeProps_40<BentoTagProps>, {
+export declare const BentoTag: __VLS_WithTemplateSlots_10<DefineComponent<__VLS_WithDefaults_6<__VLS_TypePropsToRuntimeProps_6<BentoTagProps>, {
 label: any;
 truncate: any;
 variant: BentoTagVariant;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_40<__VLS_TypePropsToRuntimeProps_40<BentoTagProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_6<__VLS_TypePropsToRuntimeProps_6<BentoTagProps>, {
 label: any;
 truncate: any;
 variant: BentoTagVariant;
@@ -15888,831 +16001,197 @@ export declare enum BentoTheme {
  *     `
  * }
  */
-export declare const BentoTimeline: DefineComponent<    {
-/**
-* If set to true, gives the possibility to manually add notes to the timeline via a textarea
-*/
-addNote: {
-type: BooleanConstructor;
-default: boolean;
-};
+export declare const BentoTimeline: __VLS_WithTemplateSlots_55<DefineComponent<__VLS_WithDefaults_54<__VLS_TypePropsToRuntimeProps_57<BentoTimelineProps>, {
+addNote: boolean;
+showMore: any;
+timegapLimit: any;
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "add-timeline-note"[], string, Readonly<ExtractPropTypes<__VLS_WithDefaults_54<__VLS_TypePropsToRuntimeProps_57<BentoTimelineProps>, {
+addNote: boolean;
+showMore: any;
+timegapLimit: any;
+}>>>, {
+showMore: BentoTimelineShowMoreObject;
+addNote: boolean;
+timegapLimit: BentoTimelineGapObject;
+}>, {
+    default: (_: {}) => any;
+}>;
+
+export declare interface BentoTimelineConfigData {
+    showAll: Ref<boolean>;
+    showMoreIndex: Ref<number>;
+    hiddenItems: Ref<number>;
+    visibleIndexes: Ref<Array<number>>;
+    timegapLimit: Ref<BentoTimelineGapObject>;
+    timelineEntries: Ref<Array<BentoTimelineEntry>>;
+}
+
+export declare type BentoTimelineDataList = Array<BentoTimelineDataListObject>;
+
+export declare interface BentoTimelineDataListObject {
+    label: string;
+    value: string;
+}
+
+export declare interface BentoTimelineEntry {
+    title?: string | BentoTimelineItemTitle;
+    description?: string;
+    date: Date | number;
+}
+
+export declare interface BentoTimelineGapObject {
+    amount: number;
+    unit: BentoTimelineGapUnit;
+}
+
+export declare enum BentoTimelineGapUnit {
+    SECOND = "second",
+    MINUTE = "minute",
+    HOUR = "hour",
+    DAY = "day",
+    MONTH = "month",
+    YEAR = "year"
+}
+
 /**
-* Object that determines the max number of items to show without clicking the show more button
-* and where in the timeline is the show more button placed
-*/
-showMore: {
-type: PropType<BentoTimelineShowMoreObject>;
-default: any;
-};
+ * BentoTimelineItem renders each event in the Timeline component
+ *
+ * @example
+ * import { BentoDateFormat, BentoTimelineItem } from '../../../..';
+ *
+ * export default {
+ *     components: { BentoTimelineItem },
+ *     template: `
+ *          <bento-timeline-item
+ *              title="Milestone"
+ *              :timestamp="{ date: new Date(), value: 'Created at', format: BentoDateFormat.FULL_DATE_EXACT_TIME_WITHOUT_PERIOD }"
+ *              :additional-timestamp="{ date: new Date(), value: 'Modified at' }"
+ *              description="Milestone description"
+ *              :data-list="[
+ *                 { label: 'Label', value: 'Value' },
+ *                 { label: 'Label', value: 'Value' },
+ *              ]"
+ *              :tag="{ label: 'Tag'}"
+ *          />
+ *     `
+ * }
+ */
+export declare const BentoTimelineItem: __VLS_WithTemplateSlots_56<DefineComponent<__VLS_WithDefaults_55<__VLS_TypePropsToRuntimeProps_58<BentoTimelineItemProps>, {
+additionalTimestamp: any;
+dataList: any;
+description: any;
+status: string;
+tag: any;
+title: any;
+type: string;
+variant: any;
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_55<__VLS_TypePropsToRuntimeProps_58<BentoTimelineItemProps>, {
+additionalTimestamp: any;
+dataList: any;
+description: any;
+status: string;
+tag: any;
+title: any;
+type: string;
+variant: any;
+}>>>, {
+description: string;
+type: string;
+title: BentoTimelineItemTitle | string;
+variant: BentoTimelineItemVariant | `${BentoTimelineItemVariant}`;
+tag: any;
+status: string;
+additionalTimestamp: BentoTimelineTimestamp;
+dataList: BentoTimelineDataList;
+}>, {
+    default: (_: {}) => any;
+}>;
+
+export declare interface BentoTimelineItemProps {
+    /**
+     * Additional timestamp of the event
+     */
+    additionalTimestamp?: BentoTimelineTimestamp;
+    /**
+     * Relevant key-value pair data to display in the event
+     */
+    dataList?: BentoTimelineDataList;
+    /**
+     * Description of the event
+     */
+    description?: string;
+    /**
+     * Modifier that changes the color of the timeline icon
+     * @values blue, black, green, grey, orange, red, yellow
+     */
+    status?: string;
+    /**
+     * Tag props that will be passed down to inner tag component
+     */
+    tag?: BentoTimelineTagProps;
+    /**
+     * Main timestamp of the event. Used for timegap detection.
+     */
+    timestamp: BentoTimelineTimestamp;
+    /**
+     * Title of the event
+     */
+    title?: BentoTimelineItemTitle | string;
+    /**
+     * Type of the timeline item. If set to 'note', it renders a note item in the timeline. Defaults to 'milestone'.
+     * @values milestone, note
+     */
+    type?: string;
+    /**
+     * Variant for the timeline item
+     * @values DEFAULT, SUCCESS, CRITICAL
+     *
+     * @deprecated Use "status" prop instead
+     */
+    variant?: BentoTimelineItemVariant | `${BentoTimelineItemVariant}`;
+}
+
+export declare interface BentoTimelineItemTitle extends RouterLinkProps_2 {
+    /**
+     * Link label.
+     */
+    title: string;
+    /**
+     * Set the rendered link to a regular external anchor link.
+     */
+    external?: boolean;
+    /**
+     * Sets the target of the rendered link.
+     */
+    target?: string;
+    [name: string]: any;
+}
+
 /**
-* Object that determines minimum amount of time for the automatic timegap indicator;
-* Define a unit (hour, day, month) and an amount (e.g. { amount: 7, unit: 'days' }).
-* If null, automatic timegap detection will be turned off
-*/
-timegapLimit: {
-type: PropType<BentoTimelineGapObject>;
-default: any;
-};
-}, {
-addNoteLabel: ComputedRef<string>;
-cancelLabel: ComputedRef<string>;
-toggleAddNote: () => Promise<void>;
-updateNoteContent: (newTimelineNoteContent: string) => void;
-addNoteToTimeline: () => void;
-showAddNoteTextArea: Ref<boolean>;
-addNoteTextareaRef: Ref<Vue3Instance<    {}, Readonly<ExtractPropTypes<    {
-value: {
-type: PropType<string>;
-} & {
-default: string;
-};
-description: {
-type: PropType<string>;
-} & {
-default: string;
-};
-label: {
-type: PropType<string>;
-} & {
-default: string;
-};
-required: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-disabled: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-optional: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-readonly: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-height: {
-type: PropType<string>;
-} & {
-default: any;
-};
-ariaLabel: {
-type: PropType<string>;
-} & {
-default: any;
-};
-modelValue: {
-type: PropType<string>;
-} & {
-default: string;
-};
-errorMessage: {
-type: PropType<string>;
-} & {
-default: string;
-};
-tooltipText: {
-type: PropType<string>;
-} & {
-default: any;
-};
-characterLimit: {
-type: PropType<number>;
-} & {
-default: any;
-};
-placeholder: {
-type: PropType<string>;
-} & {
-default: string;
-};
-clearable: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-resizable: {
-type: PropType<"none" | "both" | "horizontal" | "vertical" | BentoTextareaResizeOption>;
-} & {
-default: string;
-};
-}>>, Readonly<ExtractPropTypes<    {
-value: {
-type: PropType<string>;
-} & {
-default: string;
-};
-description: {
-type: PropType<string>;
-} & {
-default: string;
-};
-label: {
-type: PropType<string>;
-} & {
-default: string;
-};
-required: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-disabled: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-optional: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-readonly: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-height: {
-type: PropType<string>;
-} & {
-default: any;
-};
-ariaLabel: {
-type: PropType<string>;
-} & {
-default: any;
-};
-modelValue: {
-type: PropType<string>;
-} & {
-default: string;
-};
-errorMessage: {
-type: PropType<string>;
-} & {
-default: string;
-};
-tooltipText: {
-type: PropType<string>;
-} & {
-default: any;
-};
-characterLimit: {
-type: PropType<number>;
-} & {
-default: any;
-};
-placeholder: {
-type: PropType<string>;
-} & {
-default: string;
-};
-clearable: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-resizable: {
-type: PropType<"none" | "both" | "horizontal" | "vertical" | BentoTextareaResizeOption>;
-} & {
-default: string;
-};
-}>>, {
-blur: () => void;
-} & {
-change: () => void;
-} & {
-clear: () => void;
-} & {
-"escape-pressed": () => void;
-} & {
-focus: () => void;
-} & {
-input: (value: string) => void;
-} & {
-"update:model-value": (value: string) => void;
-} & {
-keydown: (event: KeyboardEvent) => void;
-} & {
-keyup: (event: KeyboardEvent) => void;
-}, {
-value: string;
-description: string;
-label: string;
-required: boolean;
-disabled: boolean;
-optional: boolean;
-readonly: boolean;
-height: string | null;
-ariaLabel: string;
-modelValue: string;
-errorMessage: string;
-tooltipText: string;
-characterLimit: number;
-placeholder: string;
-clearable: boolean;
-resizable: BentoTextareaResizeOption | `${BentoTextareaResizeOption}`;
-}, true, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, any>> & Readonly<Readonly<ExtractPropTypes<    {
-value: {
-type: PropType<string>;
-} & {
-default: string;
-};
-description: {
-type: PropType<string>;
-} & {
-default: string;
-};
-label: {
-type: PropType<string>;
-} & {
-default: string;
-};
-required: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-disabled: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-optional: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-readonly: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-height: {
-type: PropType<string>;
-} & {
-default: any;
-};
-ariaLabel: {
-type: PropType<string>;
-} & {
-default: any;
-};
-modelValue: {
-type: PropType<string>;
-} & {
-default: string;
-};
-errorMessage: {
-type: PropType<string>;
-} & {
-default: string;
-};
-tooltipText: {
-type: PropType<string>;
-} & {
-default: any;
-};
-characterLimit: {
-type: PropType<number>;
-} & {
-default: any;
-};
-placeholder: {
-type: PropType<string>;
-} & {
-default: string;
-};
-clearable: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-resizable: {
-type: PropType<"none" | "both" | "horizontal" | "vertical" | BentoTextareaResizeOption>;
-} & {
-default: string;
-};
-}>>> & ShallowUnwrapRef<    {
-focus: () => void;
-}> & ExtractComputedReturns<    {}> & ComponentCustomProperties & Readonly<ExtractPropTypes<    {
-value: {
-type: PropType<string>;
-} & {
-default: string;
-};
-description: {
-type: PropType<string>;
-} & {
-default: string;
-};
-label: {
-type: PropType<string>;
-} & {
-default: string;
-};
-required: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-disabled: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-optional: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-readonly: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-height: {
-type: PropType<string>;
-} & {
-default: any;
-};
-ariaLabel: {
-type: PropType<string>;
-} & {
-default: any;
-};
-modelValue: {
-type: PropType<string>;
-} & {
-default: string;
-};
-errorMessage: {
-type: PropType<string>;
-} & {
-default: string;
-};
-tooltipText: {
-type: PropType<string>;
-} & {
-default: any;
-};
-characterLimit: {
-type: PropType<number>;
-} & {
-default: any;
-};
-placeholder: {
-type: PropType<string>;
-} & {
-default: string;
-};
-clearable: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-resizable: {
-type: PropType<"none" | "both" | "horizontal" | "vertical" | BentoTextareaResizeOption>;
-} & {
-default: string;
-};
-}>>>;
-addNoteButtonRef: Ref<Vue3Instance<    {}, Readonly<ExtractPropTypes<    {
-condensed: {
-type: BooleanConstructor;
-default: boolean;
-};
-critical: {
-type: BooleanConstructor;
-default: boolean;
-};
-disabled: {
-type: BooleanConstructor;
-default: boolean;
-};
-inverse: {
-type: BooleanConstructor;
-default: boolean;
-};
-link: {
-type: ObjectConstructor;
-default: any;
-};
-type: {
-type: PropType<ButtonHTMLAttributes_2["type"]>;
-default: string;
-};
-variant: {
-type: PropType<BentoButtonVariant | `${BentoButtonVariant}`>;
-default: BentoButtonVariant;
-validator: (value: BentoButtonVariant) => boolean;
-};
-}>>, Readonly<ExtractPropTypes<    {
-condensed: {
-type: BooleanConstructor;
-default: boolean;
-};
-critical: {
-type: BooleanConstructor;
-default: boolean;
-};
-disabled: {
-type: BooleanConstructor;
-default: boolean;
-};
-inverse: {
-type: BooleanConstructor;
-default: boolean;
-};
-link: {
-type: ObjectConstructor;
-default: any;
-};
-type: {
-type: PropType<ButtonHTMLAttributes_2["type"]>;
-default: string;
-};
-variant: {
-type: PropType<BentoButtonVariant | `${BentoButtonVariant}`>;
-default: BentoButtonVariant;
-validator: (value: BentoButtonVariant) => boolean;
-};
-}>>, {
-blur: () => void;
-} & {
-click: (event: MouseEvent) => void;
-} & {
-focus: () => void;
-} & {
-"keydown.esc": () => void;
-}, {
-link: Record<string, any>;
-type: "button" | "submit" | "reset";
-variant: "primary" | "secondary" | "tertiary" | "tertiary-with-background" | BentoButtonVariant;
-condensed: boolean;
-critical: boolean;
-disabled: boolean;
-inverse: boolean;
-}, true, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, any>> & Readonly<Readonly<ExtractPropTypes<    {
-condensed: {
-type: BooleanConstructor;
-default: boolean;
-};
-critical: {
-type: BooleanConstructor;
-default: boolean;
-};
-disabled: {
-type: BooleanConstructor;
-default: boolean;
-};
-inverse: {
-type: BooleanConstructor;
-default: boolean;
-};
-link: {
-type: ObjectConstructor;
-default: any;
-};
-type: {
-type: PropType<ButtonHTMLAttributes_2["type"]>;
-default: string;
-};
-variant: {
-type: PropType<BentoButtonVariant | `${BentoButtonVariant}`>;
-default: BentoButtonVariant;
-validator: (value: BentoButtonVariant) => boolean;
-};
-}>>> & ShallowUnwrapRef<    {}> & ExtractComputedReturns<    {}> & ComponentCustomProperties & Readonly<ExtractPropTypes<    {
-condensed: {
-type: BooleanConstructor;
-default: boolean;
-};
-critical: {
-type: BooleanConstructor;
-default: boolean;
-};
-disabled: {
-type: BooleanConstructor;
-default: boolean;
-};
-inverse: {
-type: BooleanConstructor;
-default: boolean;
-};
-link: {
-type: ObjectConstructor;
-default: any;
-};
-type: {
-type: PropType<ButtonHTMLAttributes_2["type"]>;
-default: string;
-};
-variant: {
-type: PropType<BentoButtonVariant | `${BentoButtonVariant}`>;
-default: BentoButtonVariant;
-validator: (value: BentoButtonVariant) => boolean;
-};
-}>> & {
-$slots: {
-iconLeft: (_: {}) => any;
-default: (_: {}) => any;
-iconRight: (_: {}) => any;
-};
-}>;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "add-timeline-note"[], string, Readonly<ExtractPropTypes<    {
-/**
-* If set to true, gives the possibility to manually add notes to the timeline via a textarea
-*/
-addNote: {
-type: BooleanConstructor;
-default: boolean;
-};
-/**
-* Object that determines the max number of items to show without clicking the show more button
-* and where in the timeline is the show more button placed
-*/
-showMore: {
-type: PropType<BentoTimelineShowMoreObject>;
-default: any;
-};
-/**
-* Object that determines minimum amount of time for the automatic timegap indicator;
-* Define a unit (hour, day, month) and an amount (e.g. { amount: 7, unit: 'days' }).
-* If null, automatic timegap detection will be turned off
-*/
-timegapLimit: {
-type: PropType<BentoTimelineGapObject>;
-default: any;
-};
-}>>, {
-showMore: BentoTimelineShowMoreObject;
-addNote: boolean;
-timegapLimit: BentoTimelineGapObject;
-}>;
-
-export declare interface BentoTimelineConfigData {
-    showAll: Ref<boolean>;
-    showMoreIndex: Ref<number>;
-    hiddenItems: Ref<number>;
-    visibleIndexes: Ref<Array<number>>;
-    timegapLimit: Ref<BentoTimelineGapObject>;
-    timelineEntries: Ref<Array<BentoTimelineEntry>>;
-}
-
-export declare type BentoTimelineDataList = Array<BentoTimelineDataListObject>;
-
-export declare interface BentoTimelineDataListObject {
-    label: string;
-    value: string;
-}
-
-export declare interface BentoTimelineEntry {
-    title?: string | BentoTimelineItemTitle;
-    description?: string;
-    date: Date | number;
-}
-
-export declare interface BentoTimelineGapObject {
-    amount: number;
-    unit: BentoTimelineGapUnit;
-}
-
-export declare enum BentoTimelineGapUnit {
-    SECOND = "second",
-    MINUTE = "minute",
-    HOUR = "hour",
-    DAY = "day",
-    MONTH = "month",
-    YEAR = "year"
-}
-
-/**
- * BentoTimelineItem renders each event in the Timeline component
- *
- * @example
- * import { BentoDateFormat, BentoTimelineItem } from '../../../..';
- *
- * export default {
- *     components: { BentoTimelineItem },
- *     template: `
- *          <bento-timeline-item
- *              title="Milestone"
- *              :timestamp="{ date: new Date(), value: 'Created at', format: BentoDateFormat.FULL_DATE_EXACT_TIME_WITHOUT_PERIOD }"
- *              :additional-timestamp="{ date: new Date(), value: 'Modified at' }"
- *              description="Milestone description"
- *              :data-list="[
- *                 { label: 'Label', value: 'Value' },
- *                 { label: 'Label', value: 'Value' },
- *              ]"
- *              :tag="{ label: 'Tag'}"
- *          />
- *     `
- * }
+ * @deprecated "variant" prop was deprecated. Use "status" modifier instead.
  */
-export declare const BentoTimelineItem: DefineComponent<    {
-/**
-* Additional timestamp of the event
-*/
-additionalTimestamp: {
-type: PropType<BentoTimelineTimestamp>;
-default: any;
-};
-/**
-* Relevant key-value pair data to display in the event
-*/
-dataList: {
-type: PropType<BentoTimelineDataList>;
-default: any;
-};
-/**
-* Description of the event
-*/
-description: {
-type: StringConstructor;
-default: any;
-};
-/**
-* Modifier that changes the color of the timeline icon
-* @values blue, black, green, grey, orange, red, yellow
-*/
-status: {
-type: PropType<`${BentoTimelineStatus}`>;
-default: string;
-validator: (value: BentoTimelineStatus) => boolean;
-};
-/**
-* Tag props that will be passed down to inner tag component
-*/
-tag: {
-type: PropType<BentoTimelineTagProps>;
-default: any;
-};
-/**
-* Main timestamp of the event. Used for timegap detection.
-*/
-timestamp: {
-type: PropType<BentoTimelineTimestamp>;
-required: true;
-};
-/**
-* Title of the event
-*/
-title: {
-type: PropType<BentoTimelineItemTitle | string>;
-default: any;
-};
-/**
-* Type of the timeline item. If set to 'note', it renders a note item in the timeline. Defaults to 'milestone'.
-* @values milestone, note
-*/
-type: {
-type: StringConstructor;
-default: string;
-validator: (value: string) => boolean;
-};
-/**
-* Variant for the timeline item
-* @values DEFAULT, SUCCESS, CRITICAL
-*
-* @deprecated Use "status" prop instead
-*/
-variant: {
-type: PropType<BentoTimelineItemVariant | `${BentoTimelineItemVariant}`>;
-default: any;
-validator: (value: BentoTimelineItemVariant) => boolean;
-};
-}, {
-isNoteType: ComputedRef<boolean>;
-iconConditionalClasses: ComputedRef<    {
-[x: string]: boolean;
-}>;
-conditionalClasses: ComputedRef<    {
-'b-timeline-item--note': boolean;
-}>;
-displayShowMoreButton: ComputedRef<boolean>;
-showAll: Ref<boolean>;
-hiddenItems: Ref<number>;
-isVisible: ComputedRef<boolean>;
-isLinkTitle: ComputedRef<boolean>;
-linkTitleProps: ComputedRef<BentoTimelineItemTitle>;
-timegap: ComputedRef<string>;
-timegapAriaLabel: ComputedRef<string>;
-isLastItem: ComputedRef<boolean>;
-generateUid: (value: string) => string;
-hasSlot: (name: string) => boolean;
-t: (key: "showMore" | "showLess" | "timegap", ...args: Array<any>) => string;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<    {
-/**
-* Additional timestamp of the event
-*/
-additionalTimestamp: {
-type: PropType<BentoTimelineTimestamp>;
-default: any;
-};
-/**
-* Relevant key-value pair data to display in the event
-*/
-dataList: {
-type: PropType<BentoTimelineDataList>;
-default: any;
-};
-/**
-* Description of the event
-*/
-description: {
-type: StringConstructor;
-default: any;
-};
-/**
-* Modifier that changes the color of the timeline icon
-* @values blue, black, green, grey, orange, red, yellow
-*/
-status: {
-type: PropType<`${BentoTimelineStatus}`>;
-default: string;
-validator: (value: BentoTimelineStatus) => boolean;
-};
-/**
-* Tag props that will be passed down to inner tag component
-*/
-tag: {
-type: PropType<BentoTimelineTagProps>;
-default: any;
-};
-/**
-* Main timestamp of the event. Used for timegap detection.
-*/
-timestamp: {
-type: PropType<BentoTimelineTimestamp>;
-required: true;
-};
-/**
-* Title of the event
-*/
-title: {
-type: PropType<BentoTimelineItemTitle | string>;
-default: any;
-};
-/**
-* Type of the timeline item. If set to 'note', it renders a note item in the timeline. Defaults to 'milestone'.
-* @values milestone, note
-*/
-type: {
-type: StringConstructor;
-default: string;
-validator: (value: string) => boolean;
-};
-/**
-* Variant for the timeline item
-* @values DEFAULT, SUCCESS, CRITICAL
-*
-* @deprecated Use "status" prop instead
-*/
-variant: {
-type: PropType<BentoTimelineItemVariant | `${BentoTimelineItemVariant}`>;
-default: any;
-validator: (value: BentoTimelineItemVariant) => boolean;
-};
-}>>, {
-description: string;
-type: string;
-title: string | BentoTimelineItemTitle;
-variant: "CrossCircleIcon" | "SquareSmallIcon" | "CheckedCircleIcon" | BentoTimelineItemVariant;
-tag: any;
-status: "black" | "blue" | "green" | "grey" | "orange" | "red" | "yellow";
-additionalTimestamp: BentoTimelineTimestamp;
-dataList: BentoTimelineDataList;
-}>;
+export declare enum BentoTimelineItemVariant {
+    DEFAULT = "SquareSmallIcon",
+    SUCCESS = "CheckedCircleIcon",
+    CRITICAL = "CrossCircleIcon"
+}
 
-export declare interface BentoTimelineItemTitle extends RouterLinkProps_2 {
+export declare interface BentoTimelineProps {
     /**
-     * Link label.
+     * If set to true, gives the possibility to manually add notes to the timeline via a textarea
      */
-    title: string;
+    addNote?: boolean;
     /**
-     * Set the rendered link to a regular external anchor link.
+     * Object that determines the max number of items to show without clicking the show more button
+     * and where in the timeline is the show more button placed
      */
-    external?: boolean;
+    showMore?: BentoTimelineShowMoreObject;
     /**
-     * Sets the target of the rendered link.
+     * Object that determines minimum amount of time for the automatic timegap indicator;
+     * Define a unit (hour, day, month) and an amount (e.g. { amount: 7, unit: 'days' }).
+     * If null, automatic timegap detection will be turned off
      */
-    target?: string;
-    [name: string]: any;
-}
-
-/**
- * @deprecated "variant" prop was deprecated. Use "status" modifier instead.
- */
-export declare enum BentoTimelineItemVariant {
-    DEFAULT = "SquareSmallIcon",
-    SUCCESS = "CheckedCircleIcon",
-    CRITICAL = "CrossCircleIcon"
+    timegapLimit?: BentoTimelineGapObject;
 }
 
 export declare interface BentoTimelineShowMoreObject {
@@ -16782,7 +16261,7 @@ export declare type BentoToastItemsList = Array<BentoToastItem>;
  *     `,
  * }
  */
-export declare const BentoToggle: __VLS_WithTemplateSlots_55<DefineComponent<    {
+export declare const BentoToggle: __VLS_WithTemplateSlots_57<DefineComponent<    {
 /**
 * @deprecated from version 2.0.0. Use the aria-label attribute instead.
 */
@@ -17177,7 +16656,7 @@ export declare interface BentoTutorialStep {
  *     `
  * }
  */
-export declare const BentoTypography: __VLS_WithTemplateSlots_56<DefineComponent<__VLS_WithDefaults_54<__VLS_TypePropsToRuntimeProps_57<{
+export declare const BentoTypography: __VLS_WithTemplateSlots_58<DefineComponent<__VLS_WithDefaults_56<__VLS_TypePropsToRuntimeProps_59<{
 /**
 * Sets the HTML DOM element.
 * @values h1, h2, h3, h4, h5, h6, div, p, span
@@ -17225,7 +16704,7 @@ stronger: boolean;
 strongest: boolean;
 variant: BentoTypographyVariant;
 wide: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_54<__VLS_TypePropsToRuntimeProps_57<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_56<__VLS_TypePropsToRuntimeProps_59<{
 /**
 * Sets the HTML DOM element.
 * @values h1, h2, h3, h4, h5, h6, div, p, span