@adyen/bento-vue2 1.62.1 → 1.63.0

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

@@ -101,6 +101,8 @@ declare type __VLS_NonUndefinedable_41<T> = T extends undefined ? never : T;
 
 declare type __VLS_NonUndefinedable_42<T> = T extends undefined ? never : T;
 
+declare type __VLS_NonUndefinedable_43<T> = T extends undefined ? never : T;
+
 declare type __VLS_NonUndefinedable_5<T> = T extends undefined ? never : T;
 
 declare type __VLS_NonUndefinedable_6<T> = T extends undefined ? never : T;
@@ -444,6 +446,15 @@ declare type __VLS_TypePropsToRuntimeProps_42<T> = {
     };
 };
 
+declare type __VLS_TypePropsToRuntimeProps_43<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable_43<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+
 declare type __VLS_TypePropsToRuntimeProps_5<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: PropType<__VLS_NonUndefinedable_5<T[K]>>;
@@ -693,6 +704,12 @@ declare type __VLS_WithDefaults_4<P, D> = {
     } : P[K];
 };
 
+declare type __VLS_WithDefaults_40<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};
+
 declare type __VLS_WithDefaults_5<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
         default: D[K];
@@ -1005,6 +1022,12 @@ declare type __VLS_WithTemplateSlots_51<T, S> = T & {
     };
 };
 
+declare type __VLS_WithTemplateSlots_52<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
 declare type __VLS_WithTemplateSlots_6<T, S> = T & {
     new (): {
         $slots: S;
@@ -1891,6 +1914,10 @@ actionsLayout?: BentoButtonActionsLayout | `${BentoButtonActionsLayout}`;
 */
 background?: BentoCardBackground | `${BentoCardBackground}`;
 /**
+* Makes the whole card clickable
+*/
+clickable?: boolean;
+/**
 * Sets the expandable card in a closed state
 */
 closed?: boolean;
@@ -1910,6 +1937,7 @@ titleSize?: BentoCardTitleSize | `${BentoCardTitleSize}`;
 actions: any;
 actionsLayout: BentoButtonActionsLayoutBasic;
 background: BentoCardBackground;
+clickable: boolean;
 closed: boolean;
 disabled: boolean;
 expandable: boolean;
@@ -1961,6 +1989,10 @@ actionsLayout?: BentoButtonActionsLayout | `${BentoButtonActionsLayout}`;
 */
 background?: BentoCardBackground | `${BentoCardBackground}`;
 /**
+* Makes the whole card clickable
+*/
+clickable?: boolean;
+/**
 * Sets the expandable card in a closed state
 */
 closed?: boolean;
@@ -1980,6 +2012,7 @@ titleSize?: BentoCardTitleSize | `${BentoCardTitleSize}`;
 actions: any;
 actionsLayout: BentoButtonActionsLayoutBasic;
 background: BentoCardBackground;
+clickable: boolean;
 closed: boolean;
 disabled: boolean;
 expandable: boolean;
@@ -1992,6 +2025,7 @@ actions: BentoButtonActionsList;
 actionsLayout: BentoButtonActionsLayout | `${BentoButtonActionsLayout}`;
 expandable: boolean;
 closed: boolean;
+clickable: boolean;
 }>, {
     image: (_: {}) => any;
     default: (_: {}) => any;
@@ -2249,8 +2283,8 @@ optional: boolean;
 readonly: boolean;
 errorMessage: string;
 ariaLabel: string;
-hasError: boolean;
 indeterminate: boolean;
+hasError: boolean;
 modelValue: BentoCheckboxType | BentoCheckboxGroupItems;
 }>;
 
@@ -2564,9 +2598,11 @@ export declare enum BentoCheckboxGroupVariant {
 
 export declare enum BentoCheckboxState {
     UNCHECKED = "unchecked",
+    CHECKED = "checked",
     DISABLED = "disabled",
     ERROR = "error",
-    READONLY = "readonly"
+    READONLY = "readonly",
+    INDETERMINATE = "indeterminate"
 }
 
 export declare type BentoCheckboxTag = BentoTagProps;
@@ -3464,7 +3500,7 @@ export declare interface BentoCurrencyProps {
  *     `
  * }
  */
-export declare const BentoDashboardSection: __VLS_WithTemplateSlots_50<DefineComponent<__VLS_WithDefaults_39<__VLS_TypePropsToRuntimeProps_42<{
+export declare const BentoDashboardSection: __VLS_WithTemplateSlots_51<DefineComponent<__VLS_WithDefaults_40<__VLS_TypePropsToRuntimeProps_43<{
 /**
 * The header of the section
 */
@@ -3475,7 +3511,7 @@ header: BentoDashboardTemplateHeader;
 halfWidth?: boolean;
 }>, {
 halfWidth: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_39<__VLS_TypePropsToRuntimeProps_42<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_40<__VLS_TypePropsToRuntimeProps_43<{
 /**
 * The header of the section
 */
@@ -3523,7 +3559,7 @@ halfWidth: boolean;
  *     `
  * }
  */
-export declare const BentoDashboardTemplate: __VLS_WithTemplateSlots_49<DefineComponent<__VLS_WithDefaults_38<__VLS_TypePropsToRuntimeProps_41<{
+export declare const BentoDashboardTemplate: __VLS_WithTemplateSlots_50<DefineComponent<__VLS_WithDefaults_39<__VLS_TypePropsToRuntimeProps_42<{
 /**
 * The header that goes to the top of the template
 */
@@ -3546,7 +3582,7 @@ stickyFilters?: boolean;
 tabs: any;
 stickyTabs: boolean;
 stickyFilters: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_38<__VLS_TypePropsToRuntimeProps_41<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_39<__VLS_TypePropsToRuntimeProps_42<{
 /**
 * The header that goes to the top of the template
 */
@@ -4542,7 +4578,7 @@ declare interface BentoDataGridSummaryCellProps {
  *     `
  * }
  */
-export declare const BentoDataGridTemplate: __VLS_WithTemplateSlots_51<DefineComponent<    {
+export declare const BentoDataGridTemplate: __VLS_WithTemplateSlots_52<DefineComponent<    {
 /**
 * The header that goes to the top of the template
 */
@@ -10008,199 +10044,58 @@ export declare enum BentoLoadingIndicatorEvent {
  *           />
  * }
  */
-export declare const BentoMenu: DefineComponent<    {
-/**
-* Object containing props to change the menu button appearance. Accepts the same props present in BentoButton.
-*/
-button: {
-type: PropType<BentoMenuButtonProps>;
-default: () => BentoMenuButtonProps;
-};
-/**
-* Controls if the menu should close when an item is clicked.
-* Defaults to `true`.
-*/
-closeMenuOnItemSelect: {
-type: BooleanConstructor;
-default: boolean;
-};
-/**
-* The data to be displayed in the list
-*/
-data: {
-type: PropType<BentoMenuItem[]>;
-required: true;
-};
-/**
-* Disables opening the menu when the down arrow key is pressed.
-*/
-disableArrowDownOpeningMenu: {
-type: BooleanConstructor;
-default: boolean;
-};
-/**
-* The position of where the menu should open.
-*/
-menuPosition: {
-type: PropType<BentoPopoverPositions | `${BentoPopoverPositions}`>;
-default: PopperContainerPositionExtended;
-validator: (value: BentoPopoverPositions) => boolean;
-};
-/**
-* Instructs the menu popover to be visible outside of the containing container.
-* @see {@link https://floating-ui.com/docs/usefloating#strategy}
-*/
-menuFixedPositioning: {
-type: BooleanConstructor;
-default: boolean;
-};
-/**
-* Sets a custom width for the menu popover.
-*/
-menuWidth: {
-type: NumberConstructor;
-default: any;
-};
-/**
-* Returns focus to the menu button after popover is closed.
-* Disable if focus management is delegated to the parent component.
-* Defaults to `true`.
-*/
-revertFocusToButton: {
-type: BooleanConstructor;
-default: boolean;
-};
-/**
-* Can be used to set the inner teleport component to render the menu's popover in the root `body` DOM node
-* (or `dialog` if popover is inside a dialog).
-*/
-teleport: {
-type: BooleanConstructor;
-default: boolean;
+export declare const BentoMenu: __VLS_WithTemplateSlots_24<DefineComponent<__VLS_WithDefaults_23<__VLS_TypePropsToRuntimeProps_23<BentoMenuProps>, {
+button: () => {
+variant: string;
 };
+closeMenuOnItemSelect: boolean;
+disableArrowDownOpeningMenu: boolean;
+menuPosition: PopperContainerPositionExtended;
+menuFixedPositioning: boolean;
+menuWidth: any;
+revertFocusToButton: boolean;
+teleport: boolean;
+closeOnClickOutsideOptions: any;
+}>, {
 /**
-* Can be used to set the inner teleport component to render the menu's popover in the root `body` DOM node
-* (or `dialog` if popover is inside a dialog).
-*
-* @see {@link OnClickOutsideOptions}
+* Control to enable programmatic closing of the menu
 */
-closeOnClickOutsideOptions: {
-type: PropType<OnClickOutsideOptions>;
-default: any;
-};
-}, {
-popoverRef: Ref<HTMLElement>;
-menuButtonRef: any;
-menuItemListRef: any;
-menuId: string;
-popoverId: string;
-showMenu: Ref<boolean>;
-computedButtonPropsWithDefaults: ComputedRef<BentoMenuButtonProps>;
-computedMenuWidth: ComputedRef<    {
-width: string;
-}>;
-isLastElementFocused: Ref<boolean>;
-computedClasses: ComputedRef<    {
-'b-menu--inverse': boolean;
-}>;
-isInverseColorSet: Ref<boolean>;
-hasSlot: (name: string) => boolean;
-onKeyDown: (event: KeyboardEvent) => void;
-onKeyUp: (event: KeyboardEvent) => void;
 closeMenu: (revertFocus?: boolean) => Promise<void>;
-menuItemClick: () => void;
-toggleShowMenu: (e: MouseEvent) => void;
-t: (key: "backButton" | "menuButton", values?: default_2.Values) => string;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, (BentoMenuEvent.CLOSE | BentoMenuEvent.OPEN | "menu-item-click" | "click-outside")[], string, Readonly<ExtractPropTypes<    {
-/**
-* Object containing props to change the menu button appearance. Accepts the same props present in BentoButton.
-*/
-button: {
-type: PropType<BentoMenuButtonProps>;
-default: () => BentoMenuButtonProps;
-};
-/**
-* Controls if the menu should close when an item is clicked.
-* Defaults to `true`.
-*/
-closeMenuOnItemSelect: {
-type: BooleanConstructor;
-default: boolean;
-};
-/**
-* The data to be displayed in the list
-*/
-data: {
-type: PropType<BentoMenuItem[]>;
-required: true;
-};
-/**
-* Disables opening the menu when the down arrow key is pressed.
-*/
-disableArrowDownOpeningMenu: {
-type: BooleanConstructor;
-default: boolean;
-};
-/**
-* The position of where the menu should open.
-*/
-menuPosition: {
-type: PropType<BentoPopoverPositions | `${BentoPopoverPositions}`>;
-default: PopperContainerPositionExtended;
-validator: (value: BentoPopoverPositions) => boolean;
-};
-/**
-* Instructs the menu popover to be visible outside of the containing container.
-* @see {@link https://floating-ui.com/docs/usefloating#strategy}
-*/
-menuFixedPositioning: {
-type: BooleanConstructor;
-default: boolean;
-};
-/**
-* Sets a custom width for the menu popover.
-*/
-menuWidth: {
-type: NumberConstructor;
-default: any;
-};
-/**
-* Returns focus to the menu button after popover is closed.
-* Disable if focus management is delegated to the parent component.
-* Defaults to `true`.
-*/
-revertFocusToButton: {
-type: BooleanConstructor;
-default: boolean;
-};
-/**
-* Can be used to set the inner teleport component to render the menu's popover in the root `body` DOM node
-* (or `dialog` if popover is inside a dialog).
-*/
-teleport: {
-type: BooleanConstructor;
-default: boolean;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+close: () => void;
+} & {
+open: () => void;
+} & {
+"menu-item-click": () => void;
+} & {
+"click-outside": () => void;
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_23<__VLS_TypePropsToRuntimeProps_23<BentoMenuProps>, {
+button: () => {
+variant: string;
 };
-/**
-* Can be used to set the inner teleport component to render the menu's popover in the root `body` DOM node
-* (or `dialog` if popover is inside a dialog).
-*
-* @see {@link OnClickOutsideOptions}
-*/
-closeOnClickOutsideOptions: {
-type: PropType<OnClickOutsideOptions>;
-default: any;
+closeMenuOnItemSelect: boolean;
+disableArrowDownOpeningMenu: boolean;
+menuPosition: PopperContainerPositionExtended;
+menuFixedPositioning: boolean;
+menuWidth: any;
+revertFocusToButton: boolean;
+teleport: boolean;
+closeOnClickOutsideOptions: any;
+}>>>, {
+button: {
+variant: string;
 };
-}>>, {
-button: BentoMenuButtonProps;
 teleport: boolean;
 closeMenuOnItemSelect: boolean;
 disableArrowDownOpeningMenu: boolean;
-menuPosition: "top" | "right" | "bottom" | "left" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | PopperContainerPosition;
+menuPosition: BentoPopoverPositions | `${BentoPopoverPositions}`;
 menuFixedPositioning: boolean;
 menuWidth: number;
 revertFocusToButton: boolean;
 closeOnClickOutsideOptions: any;
+}>, {
+    iconLeft: (_: {}) => any;
+    default: (_: {}) => any;
 }>;
 
 export declare type BentoMenuButtonProps = {
@@ -10229,6 +10124,57 @@ export declare interface BentoMenuItem {
     skipClose?: boolean;
 }
 
+export declare interface BentoMenuProps {
+    /**
+     * Object containing props to change the menu button appearance. Accepts the same props present in BentoButton.
+     */
+    button?: BentoMenuButtonProps;
+    /**
+     * Controls if the menu should close when an item is clicked.
+     * Defaults to `true`.
+     */
+    closeMenuOnItemSelect?: boolean;
+    /**
+     * The data to be displayed in the list
+     */
+    data: BentoMenuItem[];
+    /**
+     * Disables opening the menu when the down arrow key is pressed.
+     */
+    disableArrowDownOpeningMenu?: boolean;
+    /**
+     * The position of where the menu should open.
+     */
+    menuPosition?: BentoPopoverPositions | `${BentoPopoverPositions}`;
+    /**
+     * Instructs the menu popover to be visible outside of the containing container.
+     * @see {@link https://floating-ui.com/docs/usefloating#strategy}
+     */
+    menuFixedPositioning?: boolean;
+    /**
+     * Sets a custom width for the menu popover.
+     */
+    menuWidth?: number;
+    /**
+     * Returns focus to the menu button after popover is closed.
+     * Disable if focus management is delegated to the parent component.
+     * Defaults to `true`.
+     */
+    revertFocusToButton?: boolean;
+    /**
+     * Can be used to set the inner teleport component to render the menu's popover in the root `body` DOM node
+     * (or `dialog` if popover is inside a dialog).
+     */
+    teleport?: boolean;
+    /**
+     * Can be used to set the inner teleport component to render the menu's popover in the root `body` DOM node
+     * (or `dialog` if popover is inside a dialog).
+     *
+     * @see {@link OnClickOutsideOptions}
+     */
+    closeOnClickOutsideOptions?: OnClickOutsideOptions;
+}
+
 /**
  * Modal is a window that appear over any other page content
  * and focus user attention exclusively on one task or piece of
@@ -10249,7 +10195,7 @@ export declare interface BentoMenuItem {
  *     `
  * };
  */
-export declare const BentoModal: __VLS_WithTemplateSlots_25<DefineComponent<    {
+export declare const BentoModal: __VLS_WithTemplateSlots_26<DefineComponent<    {
 /**
 * List of actions that will be used to render the buttons.
 * First element in the list will be rendered as "primary".
@@ -10587,7 +10533,7 @@ export declare enum BentoModalEvent {
  *     `
  * }
  */
-export declare const BentoModalFullscreen: __VLS_WithTemplateSlots_26<DefineComponent<    {
+export declare const BentoModalFullscreen: __VLS_WithTemplateSlots_27<DefineComponent<    {
 /**
 * List of actions that will be used to render the buttons.
 * First element in the list will be rendered as "primary".
@@ -10727,7 +10673,7 @@ contextualLabel: string;
  *     `
  * }
  */
-export declare const BentoModalFullscreenPage: __VLS_WithTemplateSlots_27<DefineComponent<    {
+export declare const BentoModalFullscreenPage: __VLS_WithTemplateSlots_28<DefineComponent<    {
 /**
 * List of actions that will be used to render the buttons.
 * First element in the list will be rendered as "primary".
@@ -10869,7 +10815,7 @@ contextualLabel: string;
  *     `
  * }
  */
-export declare const BentoModalPage: __VLS_WithTemplateSlots_24<DefineComponent<    {
+export declare const BentoModalPage: __VLS_WithTemplateSlots_25<DefineComponent<    {
 /**
 * List of actions that will be used to render the buttons.
 * First element in the list will be rendered as "primary".
@@ -11114,7 +11060,7 @@ export declare type BentoMultiCheckboxType = Array<string | number>;
  *     `,
  * }
  */
-export declare const BentoPagination: __VLS_WithTemplateSlots_28<DefineComponent<__VLS_WithDefaults_23<__VLS_TypePropsToRuntimeProps_23<BentoPaginationProps>, {
+export declare const BentoPagination: __VLS_WithTemplateSlots_29<DefineComponent<__VLS_WithDefaults_24<__VLS_TypePropsToRuntimeProps_24<BentoPaginationProps>, {
 ariaLabel: any;
 hasNext: any;
 hidePageSize: boolean;
@@ -11130,7 +11076,7 @@ navigate: (page: number, items?: number) => void;
 "update:page": (page: number) => void;
 } & {
 "update:size": (size: number) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_23<__VLS_TypePropsToRuntimeProps_23<BentoPaginationProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_24<__VLS_TypePropsToRuntimeProps_24<BentoPaginationProps>, {
 ariaLabel: any;
 hasNext: any;
 hidePageSize: boolean;
@@ -11196,10 +11142,10 @@ export declare interface BentoPaginationProps {
  *     `
  * }
  */
-export declare const BentoPaymentMethod: DefineComponent<__VLS_WithDefaults_24<__VLS_TypePropsToRuntimeProps_24<BentoPaymentMethodProps>, {
+export declare const BentoPaymentMethod: DefineComponent<__VLS_WithDefaults_25<__VLS_TypePropsToRuntimeProps_25<BentoPaymentMethodProps>, {
 type: string;
 small: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_24<__VLS_TypePropsToRuntimeProps_24<BentoPaymentMethodProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_25<__VLS_TypePropsToRuntimeProps_25<BentoPaymentMethodProps>, {
 type: string;
 small: boolean;
 }>>>, {
@@ -12391,7 +12337,7 @@ export declare enum BentoPaymentMethodType {
  *     `
  * }
  */
-export declare const BentoPopover: __VLS_WithTemplateSlots_29<DefineComponent<    {
+export declare const BentoPopover: __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".
@@ -12805,7 +12751,7 @@ export declare type BentoPopoverPositions = PopperContainerPosition;
  *     `
  * };
  */
-export declare const BentoPromoBanner: __VLS_WithTemplateSlots_30<DefineComponent<__VLS_WithDefaults_25<__VLS_TypePropsToRuntimeProps_25<BentoPromoBannerProps>, {
+export declare const BentoPromoBanner: __VLS_WithTemplateSlots_31<DefineComponent<__VLS_WithDefaults_26<__VLS_TypePropsToRuntimeProps_26<BentoPromoBannerProps>, {
 actions: any;
 color: BentoPromoBannerColor;
 isDismissible: boolean;
@@ -12813,7 +12759,7 @@ dismissButtonText: any;
 layout: BentoPromoBannerLayout;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 dismiss: () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_25<__VLS_TypePropsToRuntimeProps_25<BentoPromoBannerProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_26<__VLS_TypePropsToRuntimeProps_26<BentoPromoBannerProps>, {
 actions: any;
 color: BentoPromoBannerColor;
 isDismissible: boolean;
@@ -12949,7 +12895,7 @@ export declare interface BentoPromoBannerProps {
  *     }
  * }
  */
-export declare const BentoRadioButton: __VLS_WithTemplateSlots_32<DefineComponent<    {
+export declare const BentoRadioButton: __VLS_WithTemplateSlots_33<DefineComponent<    {
 /**
 * Disable the radio button (optional)
 */
@@ -13104,7 +13050,7 @@ export declare type BentoRadioButtonValue = string | number;
  *     `
  * };
  */
-export declare const BentoRadioGroup: __VLS_WithTemplateSlots_31<DefineComponent<    {
+export declare const BentoRadioGroup: __VLS_WithTemplateSlots_32<DefineComponent<    {
 /**
 * Descriptive supporting text visbile underneath the label.
 */
@@ -13379,7 +13325,7 @@ export declare type BentoRangeFilterOptions = {
  *     `
  * }
  */
-export declare const BentoRichTextEditor: DefineComponent<__VLS_WithDefaults_27<__VLS_TypePropsToRuntimeProps_27<BentoRichTextEditorProps>, {
+export declare const BentoRichTextEditor: DefineComponent<__VLS_WithDefaults_28<__VLS_TypePropsToRuntimeProps_28<BentoRichTextEditorProps>, {
 description: any;
 disabled: boolean;
 errorMessage: any;
@@ -13391,7 +13337,7 @@ tooltipText: any;
 value: any;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 input: (value: string) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_27<__VLS_TypePropsToRuntimeProps_27<BentoRichTextEditorProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_28<__VLS_TypePropsToRuntimeProps_28<BentoRichTextEditorProps>, {
 description: any;
 disabled: boolean;
 errorMessage: any;
@@ -13503,7 +13449,7 @@ export declare interface BentoRichTextEditorProps {
  *     }
  * }
  */
-export declare const BentoSearchBar: DefineComponent<__VLS_WithDefaults_28<__VLS_TypePropsToRuntimeProps_28<BentoSearchBarProps>, {
+export declare const BentoSearchBar: DefineComponent<__VLS_WithDefaults_29<__VLS_TypePropsToRuntimeProps_29<BentoSearchBarProps>, {
 condensed: boolean;
 debounceTime: number;
 hint: string;
@@ -13524,7 +13470,7 @@ clear: () => void;
 blur: () => void;
 } & {
 focus: () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_28<__VLS_TypePropsToRuntimeProps_28<BentoSearchBarProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_29<__VLS_TypePropsToRuntimeProps_29<BentoSearchBarProps>, {
 condensed: boolean;
 debounceTime: number;
 hint: string;
@@ -13607,7 +13553,7 @@ export declare interface BentoSearchBarProps {
  *     }
  * }
  */
-export declare const BentoSecondaryNav: DefineComponent<__VLS_TypePropsToRuntimeProps_29<{
+export declare const BentoSecondaryNav: DefineComponent<__VLS_TypePropsToRuntimeProps_30<{
 /**
 * 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.
@@ -13620,7 +13566,7 @@ items: BentoSecondaryNavItems;
 value?: string;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 change: (category: string) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_29<{
+}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_30<{
 /**
 * 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.
@@ -13665,7 +13611,7 @@ export declare interface BentoSecondaryNavState {
  *     `
  * }
  */
-export declare const BentoSegmentedControl: DefineComponent<__VLS_WithDefaults_29<__VLS_TypePropsToRuntimeProps_30<BentoSegmentedControlProps>, {
+export declare const BentoSegmentedControl: DefineComponent<__VLS_WithDefaults_30<__VLS_TypePropsToRuntimeProps_31<BentoSegmentedControlProps>, {
 ariaLabel: any;
 fullWidth: boolean;
 wrap: boolean;
@@ -13674,7 +13620,7 @@ modelValue: any;
 "update:model-value": (value: any) => void;
 } & {
 input: (value: BentoSegmentedControlValue) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_29<__VLS_TypePropsToRuntimeProps_30<BentoSegmentedControlProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_30<__VLS_TypePropsToRuntimeProps_31<BentoSegmentedControlProps>, {
 ariaLabel: any;
 fullWidth: boolean;
 wrap: boolean;
@@ -13860,7 +13806,7 @@ export declare type BentoSelectFilterValue = BentoListboxSelectedValue;
  *     `
  * }
  */
-export declare const BentoSelectionCard: __VLS_WithTemplateSlots_33<DefineComponent<    {
+export declare const BentoSelectionCard: __VLS_WithTemplateSlots_34<DefineComponent<    {
 /**
 * The description of the selection card
 */
@@ -14053,7 +13999,7 @@ fullyClickable: boolean;
  *     `,
  * }
  */
-export declare const BentoSelectionCardGroup: __VLS_WithTemplateSlots_34<DefineComponent<    {
+export declare const BentoSelectionCardGroup: __VLS_WithTemplateSlots_35<DefineComponent<    {
 /**
 * Descriptive supporting text visbile underneath the label.
 */
@@ -14369,7 +14315,7 @@ export declare type BentoSelectTagFilterOptions = OmitStrict<BentoSelectFilterOp
  *     `
  * }
  */
-export declare const BentoSidepanel: __VLS_WithTemplateSlots_36<DefineComponent<    {
+export declare const BentoSidepanel: __VLS_WithTemplateSlots_37<DefineComponent<    {
 /**
 * The id of the current active page
 * Should be the same id as the BentoSidepanelPage to be displayed
@@ -14497,7 +14443,7 @@ export declare enum BentoSidepanelEvent {
  *     `
  * }
  */
-export declare const BentoSidepanelPage: __VLS_WithTemplateSlots_35<DefineComponent<    {
+export declare const BentoSidepanelPage: __VLS_WithTemplateSlots_36<DefineComponent<    {
 /**
 * List of actions that will be used to render the buttons.
 * First element in the list will be rendered as "primary".
@@ -14640,7 +14586,7 @@ destructiveActions: boolean;
  *     `
  * }
  */
-export declare const BentoStatus: __VLS_WithTemplateSlots_37<DefineComponent<__VLS_TypePropsToRuntimeProps_31<BentoStatusProps>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_31<BentoStatusProps>>>, {}>, {
+export declare const BentoStatus: __VLS_WithTemplateSlots_38<DefineComponent<__VLS_TypePropsToRuntimeProps_32<BentoStatusProps>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_32<BentoStatusProps>>>, {}>, {
     default: (_: {}) => any;
 }>;
 
@@ -14685,7 +14631,7 @@ export declare enum BentoStatusVariant {
  *     `
  * }
  */
-export declare const BentoStep: __VLS_WithTemplateSlots_39<DefineComponent<    {
+export declare const BentoStep: __VLS_WithTemplateSlots_40<DefineComponent<    {
 /**
 * Completed status. Used on non-linear steppers to indicate if the step is completed.
 */
@@ -14742,7 +14688,7 @@ substepIndex: number;
  *     `
  * }
  */
-export declare const BentoStepper: __VLS_WithTemplateSlots_38<DefineComponent<    {
+export declare const BentoStepper: __VLS_WithTemplateSlots_39<DefineComponent<    {
 /**
 * Type of stepper; defines how the stepper should behave. Default: linear
 * @values linear, non-linear
@@ -14853,7 +14799,7 @@ declare interface BentoStickyTabsOptions {
  *     `
  * }
  */
-export declare const BentoStructuredList: __VLS_WithTemplateSlots_40<DefineComponent<__VLS_WithDefaults_30<__VLS_TypePropsToRuntimeProps_32<{
+export declare const BentoStructuredList: __VLS_WithTemplateSlots_41<DefineComponent<__VLS_WithDefaults_31<__VLS_TypePropsToRuntimeProps_33<{
 /**
 * Width of the labels container, in pixels. Overrides layout prop.
 */
@@ -14877,7 +14823,7 @@ layout?: BentoStructuredListLayoutOptions;
 }>, {
 labelsWidth: any;
 layout: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_30<__VLS_TypePropsToRuntimeProps_32<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_31<__VLS_TypePropsToRuntimeProps_33<{
 /**
 * Width of the labels container, in pixels. Overrides layout prop.
 */
@@ -14931,7 +14877,7 @@ labelsWidth: number;
  *     `
  * }
  */
-export declare const BentoStructuredListItem: __VLS_WithTemplateSlots_41<DefineComponent<__VLS_TypePropsToRuntimeProps_33<{
+export declare const BentoStructuredListItem: __VLS_WithTemplateSlots_42<DefineComponent<__VLS_TypePropsToRuntimeProps_34<{
 /**
 * Label to display for the value
 */
@@ -14956,7 +14902,7 @@ searchTooltip?: string;
 * Truncates the value of the item
 */
 truncate?: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_33<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_34<{
 /**
 * Label to display for the value
 */
@@ -15011,10 +14957,10 @@ declare const BentoStructuredListLayoutOptions: string[];
  *     `
  * }
  */
-export declare const BentoSummaryGrid: __VLS_WithTemplateSlots_42<DefineComponent<__VLS_WithDefaults_31<__VLS_TypePropsToRuntimeProps_34<BentoSummaryGridProps>, {
+export declare const BentoSummaryGrid: __VLS_WithTemplateSlots_43<DefineComponent<__VLS_WithDefaults_32<__VLS_TypePropsToRuntimeProps_35<BentoSummaryGridProps>, {
 columnWidth: any;
 slashedZero: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_31<__VLS_TypePropsToRuntimeProps_34<BentoSummaryGridProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_32<__VLS_TypePropsToRuntimeProps_35<BentoSummaryGridProps>, {
 columnWidth: any;
 slashedZero: boolean;
 }>>>, {
@@ -15049,7 +14995,7 @@ export declare interface BentoSummaryGridColumnWidth {
  *     `
  * }
  */
-export declare const BentoSummaryGridItemAmount: __VLS_WithTemplateSlots_43<DefineComponent<__VLS_WithDefaults_32<__VLS_TypePropsToRuntimeProps_35<BentoSummaryGridItemAmountProps>, {
+export declare const BentoSummaryGridItemAmount: __VLS_WithTemplateSlots_44<DefineComponent<__VLS_WithDefaults_33<__VLS_TypePropsToRuntimeProps_36<BentoSummaryGridItemAmountProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -15062,7 +15008,7 @@ trend: any;
 trendDirection: string;
 underlinePopoverSize: string;
 underlineTooltipText: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_32<__VLS_TypePropsToRuntimeProps_35<BentoSummaryGridItemAmountProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_33<__VLS_TypePropsToRuntimeProps_36<BentoSummaryGridItemAmountProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -15122,13 +15068,13 @@ export declare interface BentoSummaryGridItemAmountProps extends BaseSummaryGrid
  *     `
  * }
  */
-export declare const BentoSummaryGridItemCustom: __VLS_WithTemplateSlots_47<DefineComponent<__VLS_WithDefaults_36<__VLS_TypePropsToRuntimeProps_39<BentoSummaryGridItemCustomProps>, {
+export declare const BentoSummaryGridItemCustom: __VLS_WithTemplateSlots_48<DefineComponent<__VLS_WithDefaults_37<__VLS_TypePropsToRuntimeProps_40<BentoSummaryGridItemCustomProps>, {
 copy: any;
 infoIconTooltipText: any;
 fitContent: boolean;
 underlinePopoverSize: string;
 underlineTooltipText: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_36<__VLS_TypePropsToRuntimeProps_39<BentoSummaryGridItemCustomProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_37<__VLS_TypePropsToRuntimeProps_40<BentoSummaryGridItemCustomProps>, {
 copy: any;
 infoIconTooltipText: any;
 fitContent: boolean;
@@ -15192,7 +15138,7 @@ export declare interface BentoSummaryGridItemCustomProps {
  *     `
  * }
  */
-export declare const BentoSummaryGridItemNumeric: __VLS_WithTemplateSlots_44<DefineComponent<__VLS_WithDefaults_33<__VLS_TypePropsToRuntimeProps_36<BentoSummaryGridItemNumericProps>, {
+export declare const BentoSummaryGridItemNumeric: __VLS_WithTemplateSlots_45<DefineComponent<__VLS_WithDefaults_34<__VLS_TypePropsToRuntimeProps_37<BentoSummaryGridItemNumericProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -15204,7 +15150,7 @@ trend: any;
 trendDirection: string;
 underlinePopoverSize: string;
 underlineTooltipText: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_33<__VLS_TypePropsToRuntimeProps_36<BentoSummaryGridItemNumericProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_34<__VLS_TypePropsToRuntimeProps_37<BentoSummaryGridItemNumericProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -15263,7 +15209,7 @@ export declare interface BentoSummaryGridItemNumericProps extends BaseSummaryGri
  *     `
  * }
  */
-export declare const BentoSummaryGridItemPercentage: __VLS_WithTemplateSlots_45<DefineComponent<__VLS_WithDefaults_34<__VLS_TypePropsToRuntimeProps_37<BentoSummaryGridItemPercentageProps>, {
+export declare const BentoSummaryGridItemPercentage: __VLS_WithTemplateSlots_46<DefineComponent<__VLS_WithDefaults_35<__VLS_TypePropsToRuntimeProps_38<BentoSummaryGridItemPercentageProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -15275,7 +15221,7 @@ trend: any;
 trendDirection: string;
 underlinePopoverSize: string;
 underlineTooltipText: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_34<__VLS_TypePropsToRuntimeProps_37<BentoSummaryGridItemPercentageProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_35<__VLS_TypePropsToRuntimeProps_38<BentoSummaryGridItemPercentageProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -15340,13 +15286,13 @@ export declare enum BentoSummaryGridItemSize {
  *     `
  * }
  */
-export declare const BentoSummaryGridItemText: __VLS_WithTemplateSlots_46<DefineComponent<__VLS_WithDefaults_35<__VLS_TypePropsToRuntimeProps_38<BentoSummaryGridItemTextProps>, {
+export declare const BentoSummaryGridItemText: __VLS_WithTemplateSlots_47<DefineComponent<__VLS_WithDefaults_36<__VLS_TypePropsToRuntimeProps_39<BentoSummaryGridItemTextProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
 underlinePopoverSize: string;
 underlineTooltipText: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_35<__VLS_TypePropsToRuntimeProps_38<BentoSummaryGridItemTextProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_36<__VLS_TypePropsToRuntimeProps_39<BentoSummaryGridItemTextProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -15589,11 +15535,11 @@ declare enum BentoTabsEvent {
     ACTIVE_TAB_INDEX = "update:active-tab-index"
 }
 
-export declare const BentoTag: DefineComponent<__VLS_WithDefaults_26<__VLS_TypePropsToRuntimeProps_26<BentoTagProps>, {
+export declare const BentoTag: DefineComponent<__VLS_WithDefaults_27<__VLS_TypePropsToRuntimeProps_27<BentoTagProps>, {
 label: any;
 truncate: any;
 variant: BentoTagVariant;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_26<__VLS_TypePropsToRuntimeProps_26<BentoTagProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_27<__VLS_TypePropsToRuntimeProps_27<BentoTagProps>, {
 label: any;
 truncate: any;
 variant: BentoTagVariant;
@@ -17174,7 +17120,7 @@ export declare interface BentoTutorialStep {
  *     `
  * }
  */
-export declare const BentoTypography: __VLS_WithTemplateSlots_48<DefineComponent<__VLS_WithDefaults_37<__VLS_TypePropsToRuntimeProps_40<{
+export declare const BentoTypography: __VLS_WithTemplateSlots_49<DefineComponent<__VLS_WithDefaults_38<__VLS_TypePropsToRuntimeProps_41<{
 /**
 * Sets the HTML DOM element.
 * @values h1, h2, h3, h4, h5, h6, div, p, span
@@ -17222,7 +17168,7 @@ stronger: boolean;
 strongest: boolean;
 variant: BentoTypographyVariant;
 wide: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_37<__VLS_TypePropsToRuntimeProps_40<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_38<__VLS_TypePropsToRuntimeProps_41<{
 /**
 * Sets the HTML DOM element.
 * @values h1, h2, h3, h4, h5, h6, div, p, span