@adyen/bento-vue2 1.27.0 → 1.28.0

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

@@ -29,6 +29,14 @@ import type { ZodSchema } from 'zod';
 
 declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 
+declare type __VLS_NonUndefinedable_10<T> = T extends undefined ? never : T;
+
+declare type __VLS_NonUndefinedable_11<T> = T extends undefined ? never : T;
+
+declare type __VLS_NonUndefinedable_12<T> = T extends undefined ? never : T;
+
+declare type __VLS_NonUndefinedable_13<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;
@@ -56,6 +64,50 @@ declare type __VLS_TypePropsToRuntimeProps<T> = {
           };
 };
 
+declare type __VLS_TypePropsToRuntimeProps_10<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K>
+        ? {
+              type: PropType<__VLS_NonUndefinedable_10<T[K]>>;
+          }
+        : {
+              type: PropType<T[K]>;
+              required: true;
+          };
+};
+
+declare type __VLS_TypePropsToRuntimeProps_11<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K>
+        ? {
+              type: PropType<__VLS_NonUndefinedable_11<T[K]>>;
+          }
+        : {
+              type: PropType<T[K]>;
+              required: true;
+          };
+};
+
+declare type __VLS_TypePropsToRuntimeProps_12<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K>
+        ? {
+              type: PropType<__VLS_NonUndefinedable_12<T[K]>>;
+          }
+        : {
+              type: PropType<T[K]>;
+              required: true;
+          };
+};
+
+declare type __VLS_TypePropsToRuntimeProps_13<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K>
+        ? {
+              type: PropType<__VLS_NonUndefinedable_13<T[K]>>;
+          }
+        : {
+              type: PropType<T[K]>;
+              required: true;
+          };
+};
+
 declare type __VLS_TypePropsToRuntimeProps_2<T> = {
     [K in keyof T]-?: {} extends Pick<T, K>
         ? {
@@ -152,6 +204,14 @@ declare type __VLS_WithDefaults<P, D> = {
         : P[K];
 };
 
+declare type __VLS_WithDefaults_10<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] & {
@@ -200,6 +260,22 @@ declare type __VLS_WithDefaults_7<P, D> = {
         : P[K];
 };
 
+declare type __VLS_WithDefaults_8<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D
+        ? P[K] & {
+              default: D[K];
+          }
+        : P[K];
+};
+
+declare type __VLS_WithDefaults_9<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D
+        ? P[K] & {
+              default: D[K];
+          }
+        : P[K];
+};
+
 declare type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
@@ -374,6 +450,18 @@ declare type __VLS_WithTemplateSlots_35<T, S> = T & {
     };
 };
 
+declare type __VLS_WithTemplateSlots_36<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_37<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
 declare type __VLS_WithTemplateSlots_4<T, S> = T & {
     new (): {
         $slots: S;
@@ -1302,10 +1390,10 @@ export declare enum BentoButtonVariant {
  *     `
  * };
  */
-export declare const BentoCard: __VLS_WithTemplateSlots_10<
+export declare const BentoCard: __VLS_WithTemplateSlots_11<
     DefineComponent<
-        __VLS_WithDefaults_2<
-            __VLS_TypePropsToRuntimeProps_2<{
+        __VLS_WithDefaults_4<
+            __VLS_TypePropsToRuntimeProps_4<{
                 /**
                  * List of actions that will be used to render the buttons.
                  * First element in the list will be rendered as "primary".
@@ -1388,8 +1476,8 @@ export declare const BentoCard: __VLS_WithTemplateSlots_10<
         string,
         Readonly<
             ExtractPropTypes<
-                __VLS_WithDefaults_2<
-                    __VLS_TypePropsToRuntimeProps_2<{
+                __VLS_WithDefaults_4<
+                    __VLS_TypePropsToRuntimeProps_4<{
                         /**
                          * List of actions that will be used to render the buttons.
                          * First element in the list will be rendered as "primary".
@@ -4413,10 +4501,10 @@ export declare type BentoCurrencyListboxOptions = BentoCurrencyListboxOptionItem
  *     `
  * }
  */
-export declare const BentoDashboardSection: __VLS_WithTemplateSlots_34<
+export declare const BentoDashboardSection: __VLS_WithTemplateSlots_36<
     DefineComponent<
-        __VLS_WithDefaults_7<
-            __VLS_TypePropsToRuntimeProps_9<{
+        __VLS_WithDefaults_10<
+            __VLS_TypePropsToRuntimeProps_13<{
                 /**
                  * The header of the section
                  */
@@ -4440,8 +4528,8 @@ export declare const BentoDashboardSection: __VLS_WithTemplateSlots_34<
         string,
         Readonly<
             ExtractPropTypes<
-                __VLS_WithDefaults_7<
-                    __VLS_TypePropsToRuntimeProps_9<{
+                __VLS_WithDefaults_10<
+                    __VLS_TypePropsToRuntimeProps_13<{
                         /**
                          * The header of the section
                          */
@@ -4497,10 +4585,10 @@ export declare const BentoDashboardSection: __VLS_WithTemplateSlots_34<
  *     `
  * }
  */
-export declare const BentoDashboardTemplate: __VLS_WithTemplateSlots_33<
+export declare const BentoDashboardTemplate: __VLS_WithTemplateSlots_35<
     DefineComponent<
-        __VLS_WithDefaults_6<
-            __VLS_TypePropsToRuntimeProps_8<{
+        __VLS_WithDefaults_9<
+            __VLS_TypePropsToRuntimeProps_12<{
                 /**
                  * The header that goes to the top of the template
                  */
@@ -4536,8 +4624,8 @@ export declare const BentoDashboardTemplate: __VLS_WithTemplateSlots_33<
         string,
         Readonly<
             ExtractPropTypes<
-                __VLS_WithDefaults_6<
-                    __VLS_TypePropsToRuntimeProps_8<{
+                __VLS_WithDefaults_9<
+                    __VLS_TypePropsToRuntimeProps_12<{
                         /**
                          * The header that goes to the top of the template
                          */
@@ -4587,6 +4675,101 @@ export declare type BentoDashboardTemplateTabs = {
     tabs: BentoDashboardTemplateTab[];
 };
 
+/**
+ * The dashed underline serves as a visual cue to indicate that additional information is available for
+ * a specific word or phrase without adding an icon.
+ *
+ * @example
+ * import { BentoDashedUnderline } from '@adyen/bento-vue2';
+ *
+ * export default {
+ *     components: { BentoDashedUnderline },
+ *     template: `
+ *          <bento-dashed-underline>
+ *              annotated text
+ *          </bento-dashed-underline>
+ *     `
+ * }
+ */
+export declare const BentoDashedUnderline: __VLS_WithTemplateSlots_7<
+    DefineComponent<
+        __VLS_WithDefaults_2<
+            __VLS_TypePropsToRuntimeProps_2<{
+                /**
+                 * Text showed in the popover on hover
+                 */
+                popoverText?: string;
+                /**
+                 * Position the popover should take if space is available
+                 */
+                popoverPosition?: BentoPopoverPositions | `${BentoPopoverPositions}`;
+                /**
+                 * 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}`;
+            }>,
+            {
+                popoverText: any;
+                popoverPosition: string;
+                tooltipText: any;
+                tooltipPosition: string;
+            }
+        >,
+        {},
+        {},
+        {},
+        {},
+        ComponentOptionsMixin_2,
+        ComponentOptionsMixin_2,
+        {},
+        string,
+        Readonly<
+            ExtractPropTypes<
+                __VLS_WithDefaults_2<
+                    __VLS_TypePropsToRuntimeProps_2<{
+                        /**
+                         * Text showed in the popover on hover
+                         */
+                        popoverText?: string;
+                        /**
+                         * Position the popover should take if space is available
+                         */
+                        popoverPosition?: BentoPopoverPositions | `${BentoPopoverPositions}`;
+                        /**
+                         * 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}`;
+                    }>,
+                    {
+                        popoverText: any;
+                        popoverPosition: string;
+                        tooltipText: any;
+                        tooltipPosition: string;
+                    }
+                >
+            >
+        >,
+        {
+            tooltipPosition: BentoTooltipPosition | `${BentoTooltipPosition}`;
+            tooltipText: string;
+            popoverText: string;
+            popoverPosition: BentoPopoverPositions | `${BentoPopoverPositions}`;
+        }
+    >,
+    {
+        default: (_: {}) => any;
+        'popover-content': (_: {}) => any;
+    }
+>;
+
 /**
  * A component to display data in columns and row format with a whole array of configuration for visualization and interaction.
  *
@@ -4610,7 +4793,7 @@ export declare type BentoDashboardTemplateTabs = {
  *     `
  * }
  */
-export declare const BentoDataGrid: __VLS_WithTemplateSlots_7<
+export declare const BentoDataGrid: __VLS_WithTemplateSlots_8<
     DefineComponent<
         {
             /**
@@ -5607,6 +5790,80 @@ export declare enum BentoDatagridSortDirection {
     DESCENDING = 'desc',
 }
 
+/**
+ * The bento-data-grid-static-icon is an icon component with an associated toltip to be used within cellls of the bento-data-grid
+ *
+ * @example
+ * import { BentoDataGridStaticIcon } from '@adyen/bento-vue2';
+ *
+ * export default {
+ *     components: { BentoDataGridStaticIcon },
+ *     template: `
+ *          <bento-data-grid-static-icon variant="warning" text="Your tooltip text" />
+ *     `
+ * }
+ */
+export declare const BentoDataGridStaticIcon: DefineComponent<
+    __VLS_WithDefaults_3<
+        __VLS_TypePropsToRuntimeProps_3<{
+            /**
+             * Renderes the icon with color.
+             */
+            colored?: boolean;
+            /**
+             * The text displaying in the tooltip.
+             */
+            tooltipText: string;
+            /**
+             * The variant of the icon.
+             */
+            variant?: BentoDataGridStaticIconVariant;
+        }>,
+        {
+            variant: string;
+            colored: boolean;
+        }
+    >,
+    {},
+    {},
+    {},
+    {},
+    ComponentOptionsMixin,
+    ComponentOptionsMixin,
+    {},
+    string,
+    Readonly<
+        ExtractPropTypes<
+            __VLS_WithDefaults_3<
+                __VLS_TypePropsToRuntimeProps_3<{
+                    /**
+                     * Renderes the icon with color.
+                     */
+                    colored?: boolean;
+                    /**
+                     * The text displaying in the tooltip.
+                     */
+                    tooltipText: string;
+                    /**
+                     * The variant of the icon.
+                     */
+                    variant?: BentoDataGridStaticIconVariant;
+                }>,
+                {
+                    variant: string;
+                    colored: boolean;
+                }
+            >
+        >
+    >,
+    {
+        variant: BentoDataGridStaticIconVariant;
+        colored: boolean;
+    }
+>;
+
+declare type BentoDataGridStaticIconVariant = 'checkmark' | 'warning' | 'error' | 'no-value' | 'cross';
+
 export declare enum BentoDatagridStyleState {
     OUTLINE = 'outline',
     SCROLL = 'scroll',
@@ -5639,7 +5896,7 @@ export declare enum BentoDatagridStyleState {
  *     `
  * }
  */
-export declare const BentoDataGridTemplate: __VLS_WithTemplateSlots_35<
+export declare const BentoDataGridTemplate: __VLS_WithTemplateSlots_37<
     DefineComponent<
         {
             /**
@@ -6878,7 +7135,7 @@ export declare const BentoDivider: DefineComponent<
  *     }
  * }
  */
-export declare const BentoDropdown: __VLS_WithTemplateSlots_9<
+export declare const BentoDropdown: __VLS_WithTemplateSlots_10<
     DefineComponent<
         {
             /**
@@ -8883,7 +9140,7 @@ export declare const BentoDropdownTag: DefineComponent<
  *     `
  * }
  */
-export declare const BentoEmptyState: __VLS_WithTemplateSlots_8<
+export declare const BentoEmptyState: __VLS_WithTemplateSlots_9<
     DefineComponent<
         {
             /**
@@ -9401,7 +9658,7 @@ export declare type BentoFilterValues = Array<BentoFilterValue>;
  *     `
  * }
  */
-export declare const BentoFormLayout: __VLS_WithTemplateSlots_11<
+export declare const BentoFormLayout: __VLS_WithTemplateSlots_12<
     DefineComponent<
         {
             /**
@@ -9482,7 +9739,7 @@ export declare const BentoFormLayout: __VLS_WithTemplateSlots_11<
  *          </bento-form-layout-field-tip>
  *     `
  */
-export declare const BentoFormLayoutFieldTip: __VLS_WithTemplateSlots_12<
+export declare const BentoFormLayoutFieldTip: __VLS_WithTemplateSlots_13<
     DefineComponent<
         {
             /**
@@ -9548,7 +9805,7 @@ declare type BentoFormLayoutFieldTipTypeOption = `${BentoAlertTypeOption}`;
  *     `
  * }
  */
-export declare const BentoFormLayoutGroup: __VLS_WithTemplateSlots_14<
+export declare const BentoFormLayoutGroup: __VLS_WithTemplateSlots_15<
     DefineComponent<
         {
             /**
@@ -9651,7 +9908,7 @@ export declare const BentoFormLayoutGroup: __VLS_WithTemplateSlots_14<
  *     `
  * }
  */
-export declare const BentoFormLayoutTitle: __VLS_WithTemplateSlots_13<
+export declare const BentoFormLayoutTitle: __VLS_WithTemplateSlots_14<
     DefineComponent<
         {
             /**
@@ -10181,7 +10438,7 @@ export declare type BentoInputDropdownProps = {
  *          >
  * }
  */
-export declare const BentoInputField: __VLS_WithTemplateSlots_15<
+export declare const BentoInputField: __VLS_WithTemplateSlots_16<
     DefineComponent<
         {
             /**
@@ -10653,10 +10910,10 @@ export declare type BentoLazyLoadType = 'automatic' | 'button' | 'none';
  *     `
  * }
  */
-export declare const BentoLink: __VLS_WithTemplateSlots_16<
+export declare const BentoLink: __VLS_WithTemplateSlots_17<
     DefineComponent<
-        __VLS_WithDefaults_3<
-            __VLS_TypePropsToRuntimeProps_3<LinkProps>,
+        __VLS_WithDefaults_5<
+            __VLS_TypePropsToRuntimeProps_5<LinkProps>,
             {
                 target: any;
                 variant: BentoLinkVariant;
@@ -10674,8 +10931,8 @@ export declare const BentoLink: __VLS_WithTemplateSlots_16<
         string,
         Readonly<
             ExtractPropTypes<
-                __VLS_WithDefaults_3<
-                    __VLS_TypePropsToRuntimeProps_3<LinkProps>,
+                __VLS_WithDefaults_5<
+                    __VLS_TypePropsToRuntimeProps_5<LinkProps>,
                     {
                         target: any;
                         variant: BentoLinkVariant;
@@ -11245,7 +11502,7 @@ export declare interface BentoMenuItem {
  *     `
  * };
  */
-export declare const BentoModal: __VLS_WithTemplateSlots_18<
+export declare const BentoModal: __VLS_WithTemplateSlots_19<
     DefineComponent<
         {
             /**
@@ -11604,7 +11861,7 @@ export declare enum BentoModalEvent {
  *     `
  * }
  */
-export declare const BentoModalFullscreen: __VLS_WithTemplateSlots_19<
+export declare const BentoModalFullscreen: __VLS_WithTemplateSlots_20<
     DefineComponent<
         {
             /**
@@ -11761,7 +12018,7 @@ export declare const BentoModalFullscreen: __VLS_WithTemplateSlots_19<
  *     `
  * }
  */
-export declare const BentoModalFullscreenPage: __VLS_WithTemplateSlots_20<
+export declare const BentoModalFullscreenPage: __VLS_WithTemplateSlots_21<
     DefineComponent<
         {
             /**
@@ -11920,7 +12177,7 @@ export declare const BentoModalFullscreenPage: __VLS_WithTemplateSlots_20<
  *     `
  * }
  */
-export declare const BentoModalPage: __VLS_WithTemplateSlots_17<
+export declare const BentoModalPage: __VLS_WithTemplateSlots_18<
     DefineComponent<
         {
             /**
@@ -13519,7 +13776,7 @@ export declare enum BentoPaymentMethodType {
  *     `
  * }
  */
-export declare const BentoPopover: __VLS_WithTemplateSlots_21<
+export declare const BentoPopover: __VLS_WithTemplateSlots_22<
     DefineComponent<
         {
             /**
@@ -14019,7 +14276,7 @@ export declare type BentoPopoverPositions = PopperContainerPosition;
  *     }
  * }
  */
-export declare const BentoRadioButton: __VLS_WithTemplateSlots_23<
+export declare const BentoRadioButton: __VLS_WithTemplateSlots_24<
     DefineComponent<
         {
             /**
@@ -14270,7 +14527,7 @@ export declare type BentoRadioButtonValue = string | number;
  *     `
  * };
  */
-export declare const BentoRadioGroup: __VLS_WithTemplateSlots_22<
+export declare const BentoRadioGroup: __VLS_WithTemplateSlots_23<
     DefineComponent<
         {
             /**
@@ -14721,7 +14978,7 @@ export declare interface BentoSearchBarItem {
  * }
  */
 export declare const BentoSecondaryNav: DefineComponent<
-    __VLS_TypePropsToRuntimeProps_4<{
+    __VLS_TypePropsToRuntimeProps_6<{
         /**
          * 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.
@@ -14744,7 +15001,7 @@ export declare const BentoSecondaryNav: DefineComponent<
     string,
     Readonly<
         ExtractPropTypes<
-            __VLS_TypePropsToRuntimeProps_4<{
+            __VLS_TypePropsToRuntimeProps_6<{
                 /**
                  * 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.
@@ -14793,118 +15050,79 @@ export declare interface BentoSecondaryNavState {
  * }
  */
 export declare const BentoSegmentedControl: DefineComponent<
-    {
-        /**
-         * Items that will populate the segmented control.
-         */
-        items: {
-            type: PropType<BentoSegmentedControlItem[]>;
-            required: true;
-            validator: (arr: Array<BentoSegmentedControlItem[]>) => boolean;
-        };
-        /**
-         * Determines the selected value of the group. Corresponds to the BentoSegmentedControlItem's value.
-         */
-        modelValue: {
-            type: (StringConstructor | NumberConstructor)[];
-            required: true;
-        };
-        /**
-         * @deprecated from version 2.0.0. Use the aria-label attribute instead.
-         */
-        /**
-         * Accessible name describing the segmented control.
-         */
-        ariaLabel: {
-            type: StringConstructor;
-            default: any;
-        };
-        /**
-         * If set to true, renders the component full width.
-         */
-        fullWidth: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        /**
-         * If set to true, wraps the items in the segmented control to show their content whenever these don't fit in the available space anymore.
-         */
-        wrap: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    },
-    {
-        computedAriaLabel: ComputedRef<string>;
-        inputValue: Ref<string | number>;
-        segmentedControlRef: Ref<any>;
-        segmentedControlButtonRef: Ref<any>;
-        computedItems: ComputedRef<
-            {
-                tooltipText: string;
-                label: string;
-                value: string | number;
-                disabled?: boolean;
-            }[]
-        >;
-        truncate: ComputedRef<boolean>;
-        conditionalClasses: ComputedRef<{
-            'b-segmented-control--hug': boolean;
-            'b-segmented-control--full-width': boolean;
-            'b-segmented-control--truncate': boolean;
-            'b-segmented-control--wrap': boolean;
-        }>;
-        onInput: (value: any) => void;
-    },
-    {},
-    {},
-    {},
-    ComponentOptionsMixin,
-    ComponentOptionsMixin,
-    BentoSegmentedControlEvent[],
-    string,
-    Readonly<
-        ExtractPropTypes<{
+    __VLS_WithDefaults_6<
+        __VLS_TypePropsToRuntimeProps_7<{
             /**
-             * Items that will populate the segmented control.
+             * Accessible name describing the segmented control.
+             * @deprecated from version 2.0.0. Use the aria-label attribute instead.
              */
-            items: {
-                type: PropType<BentoSegmentedControlItem[]>;
-                required: true;
-                validator: (arr: Array<BentoSegmentedControlItem[]>) => boolean;
-            };
+            ariaLabel?: string;
             /**
-             * Determines the selected value of the group. Corresponds to the BentoSegmentedControlItem's value.
+             * If set to true, renders the component full width.
              */
-            modelValue: {
-                type: (StringConstructor | NumberConstructor)[];
-                required: true;
-            };
+            fullWidth?: boolean;
             /**
-             * @deprecated from version 2.0.0. Use the aria-label attribute instead.
+             * Items that will populate the segmented control.
              */
+            items: BentoSegmentedControlItem[];
             /**
-             * Accessible name describing the segmented control.
+             * Determines the selected value of the group. Corresponds to the BentoSegmentedControlItem's value.
              */
-            ariaLabel: {
-                type: StringConstructor;
-                default: any;
-            };
-            /**
-             * If set to true, renders the component full width.
-             */
-            fullWidth: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
+            modelValue: string | number;
             /**
              * If set to true, wraps the items in the segmented control to show their content whenever these don't fit in the available space anymore.
              */
-            wrap: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>
+            wrap?: boolean;
+        }>,
+        {
+            ariaLabel: any;
+            fullWidth: boolean;
+            wrap: boolean;
+        }
+    >,
+    {},
+    {},
+    {},
+    {},
+    ComponentOptionsMixin,
+    ComponentOptionsMixin,
+    {
+        'update:model-value': (value: string | number) => void;
+    },
+    string,
+    Readonly<
+        ExtractPropTypes<
+            __VLS_WithDefaults_6<
+                __VLS_TypePropsToRuntimeProps_7<{
+                    /**
+                     * Accessible name describing the segmented control.
+                     * @deprecated from version 2.0.0. Use the aria-label attribute instead.
+                     */
+                    ariaLabel?: string;
+                    /**
+                     * If set to true, renders the component full width.
+                     */
+                    fullWidth?: boolean;
+                    /**
+                     * Items that will populate the segmented control.
+                     */
+                    items: BentoSegmentedControlItem[];
+                    /**
+                     * Determines the selected value of the group. Corresponds to the BentoSegmentedControlItem's value.
+                     */
+                    modelValue: string | number;
+                    /**
+                     * If set to true, wraps the items in the segmented control to show their content whenever these don't fit in the available space anymore.
+                     */
+                    wrap?: boolean;
+                }>,
+                {
+                    ariaLabel: any;
+                    fullWidth: boolean;
+                    wrap: boolean;
+                }
+            >
+        >
     >,
     {
         wrap: boolean;
@@ -14913,6 +15131,9 @@ export declare const BentoSegmentedControl: DefineComponent<
     }
 >;
 
+/**
+ * @deprecated from version 2.0.0. Use "@update:model-value" or "v-model" instead
+ */
 export declare enum BentoSegmentedControlEvent {
     UPDATE = 'update:model-value',
 }
@@ -15029,7 +15250,7 @@ export declare type BentoSelectFilterValue = BentoListboxSelectedValue;
  *     `
  * }
  */
-export declare const BentoSelectionCard: __VLS_WithTemplateSlots_24<
+export declare const BentoSelectionCard: __VLS_WithTemplateSlots_25<
     DefineComponent<
         {
             /**
@@ -15224,7 +15445,7 @@ export declare const BentoSelectionCard: __VLS_WithTemplateSlots_24<
  *     `,
  * }
  */
-export declare const BentoSelectionCardGroup: __VLS_WithTemplateSlots_25<
+export declare const BentoSelectionCardGroup: __VLS_WithTemplateSlots_26<
     DefineComponent<
         {
             /**
@@ -15539,7 +15760,7 @@ export declare type BentoSelectTagFilterOptions = OmitStrict<BentoSelectFilterOp
  *     `
  * }
  */
-export declare const BentoSidepanel: __VLS_WithTemplateSlots_27<
+export declare const BentoSidepanel: __VLS_WithTemplateSlots_28<
     DefineComponent<
         {
             /**
@@ -15657,7 +15878,7 @@ export declare enum BentoSidepanelEvent {
  *     `
  * }
  */
-export declare const BentoSidepanelPage: __VLS_WithTemplateSlots_26<
+export declare const BentoSidepanelPage: __VLS_WithTemplateSlots_27<
     DefineComponent<
         {
             /**
@@ -15817,36 +16038,31 @@ export declare const BentoSidepanelPage: __VLS_WithTemplateSlots_26<
  *     `
  * }
  */
-export declare const BentoStatus: DefineComponent<
-    {
-        variant: {
-            type: PropType<'blue' | 'green' | 'red' | 'yellow' | 'grey' | 'orange' | BentoStatusVariant>;
-            required: true;
-            validator: (type: BentoStatusVariant) => boolean;
-        };
-    },
-    {
-        conditionalClass: ComputedRef<{
-            [x: string]: boolean;
-        }>;
-    },
-    {},
-    {},
-    {},
-    ComponentOptionsMixin,
-    ComponentOptionsMixin,
-    {},
-    string,
-    Readonly<
-        ExtractPropTypes<{
-            variant: {
-                type: PropType<'blue' | 'green' | 'red' | 'yellow' | 'grey' | 'orange' | BentoStatusVariant>;
-                required: true;
-                validator: (type: BentoStatusVariant) => boolean;
-            };
-        }>
+export declare const BentoStatus: __VLS_WithTemplateSlots_29<
+    DefineComponent<
+        __VLS_TypePropsToRuntimeProps_8<{
+            variant: BentoStatusVariant | `${BentoStatusVariant}`;
+        }>,
+        {},
+        {},
+        {},
+        {},
+        ComponentOptionsMixin,
+        ComponentOptionsMixin,
+        {},
+        string,
+        Readonly<
+            ExtractPropTypes<
+                __VLS_TypePropsToRuntimeProps_8<{
+                    variant: BentoStatusVariant | `${BentoStatusVariant}`;
+                }>
+            >
+        >,
+        {}
     >,
-    {}
+    {
+        default: (_: {}) => any;
+    }
 >;
 
 /**
@@ -15883,7 +16099,7 @@ export declare enum BentoStatusVariant {
  *     `
  * }
  */
-export declare const BentoStep: __VLS_WithTemplateSlots_29<
+export declare const BentoStep: __VLS_WithTemplateSlots_31<
     DefineComponent<
         {
             /**
@@ -15957,7 +16173,7 @@ export declare const BentoStep: __VLS_WithTemplateSlots_29<
  *     `
  * }
  */
-export declare const BentoStepper: __VLS_WithTemplateSlots_28<
+export declare const BentoStepper: __VLS_WithTemplateSlots_30<
     DefineComponent<
         {
             /**
@@ -16083,10 +16299,10 @@ export declare enum BentoStepperVariantOption {
  *     `
  * }
  */
-export declare const BentoStructuredList: __VLS_WithTemplateSlots_30<
+export declare const BentoStructuredList: __VLS_WithTemplateSlots_32<
     DefineComponent<
-        __VLS_WithDefaults_4<
-            __VLS_TypePropsToRuntimeProps_5<{
+        __VLS_WithDefaults_7<
+            __VLS_TypePropsToRuntimeProps_9<{
                 /**
                  * Width of the labels container, in pixels. Overrides layout prop.
                  */
@@ -16120,8 +16336,8 @@ export declare const BentoStructuredList: __VLS_WithTemplateSlots_30<
         string,
         Readonly<
             ExtractPropTypes<
-                __VLS_WithDefaults_4<
-                    __VLS_TypePropsToRuntimeProps_5<{
+                __VLS_WithDefaults_7<
+                    __VLS_TypePropsToRuntimeProps_9<{
                         /**
                          * Width of the labels container, in pixels. Overrides layout prop.
                          */
@@ -16182,9 +16398,9 @@ export declare const BentoStructuredList: __VLS_WithTemplateSlots_30<
  *     `
  * }
  */
-export declare const BentoStructuredListItem: __VLS_WithTemplateSlots_31<
+export declare const BentoStructuredListItem: __VLS_WithTemplateSlots_33<
     DefineComponent<
-        __VLS_TypePropsToRuntimeProps_6<{
+        __VLS_TypePropsToRuntimeProps_10<{
             /**
              * Label to display for the value
              */
@@ -16220,7 +16436,7 @@ export declare const BentoStructuredListItem: __VLS_WithTemplateSlots_31<
         string,
         Readonly<
             ExtractPropTypes<
-                __VLS_TypePropsToRuntimeProps_6<{
+                __VLS_TypePropsToRuntimeProps_10<{
                     /**
                      * Label to display for the value
                      */
@@ -18781,10 +18997,10 @@ export declare interface BentoTutorialStep {
  *     `
  * }
  */
-export declare const BentoTypography: __VLS_WithTemplateSlots_32<
+export declare const BentoTypography: __VLS_WithTemplateSlots_34<
     DefineComponent<
-        __VLS_WithDefaults_5<
-            __VLS_TypePropsToRuntimeProps_7<{
+        __VLS_WithDefaults_8<
+            __VLS_TypePropsToRuntimeProps_11<{
                 /**
                  * Sets the HTML DOM element.
                  * @values h1, h2, h3, h4, h5, h6, div, p, span
@@ -18841,8 +19057,8 @@ export declare const BentoTypography: __VLS_WithTemplateSlots_32<
         string,
         Readonly<
             ExtractPropTypes<
-                __VLS_WithDefaults_5<
-                    __VLS_TypePropsToRuntimeProps_7<{
+                __VLS_WithDefaults_8<
+                    __VLS_TypePropsToRuntimeProps_11<{
                         /**
                          * Sets the HTML DOM element.
                          * @values h1, h2, h3, h4, h5, h6, div, p, span