@adyen/bento-vue3 1.62.0 → 1.63.0

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

@@ -103,6 +103,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;
@@ -446,6 +448,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]>>;
@@ -695,6 +706,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];
@@ -1007,6 +1024,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;
@@ -1903,6 +1926,10 @@ actionsLayout?: BentoButtonActionsLayout | `${BentoButtonActionsLayout}`;
 */
 background?: BentoCardBackground | `${BentoCardBackground}`;
 /**
+* Makes the whole card clickable
+*/
+clickable?: boolean;
+/**
 * Sets the expandable card in a closed state
 */
 closed?: boolean;
@@ -1922,6 +1949,7 @@ titleSize?: BentoCardTitleSize | `${BentoCardTitleSize}`;
 actions: any;
 actionsLayout: BentoButtonActionsLayoutBasic;
 background: BentoCardBackground;
+clickable: boolean;
 closed: boolean;
 disabled: boolean;
 expandable: boolean;
@@ -1973,6 +2001,10 @@ actionsLayout?: BentoButtonActionsLayout | `${BentoButtonActionsLayout}`;
 */
 background?: BentoCardBackground | `${BentoCardBackground}`;
 /**
+* Makes the whole card clickable
+*/
+clickable?: boolean;
+/**
 * Sets the expandable card in a closed state
 */
 closed?: boolean;
@@ -1992,6 +2024,7 @@ titleSize?: BentoCardTitleSize | `${BentoCardTitleSize}`;
 actions: any;
 actionsLayout: BentoButtonActionsLayoutBasic;
 background: BentoCardBackground;
+clickable: boolean;
 closed: boolean;
 disabled: boolean;
 expandable: boolean;
@@ -2004,6 +2037,7 @@ actions: BentoButtonActionsList;
 actionsLayout: BentoButtonActionsLayout | `${BentoButtonActionsLayout}`;
 expandable: boolean;
 closed: boolean;
+clickable: boolean;
 }>, {
     image: (_: {}) => any;
     default: (_: {}) => any;
@@ -2261,8 +2295,8 @@ optional: boolean;
 readonly: boolean;
 errorMessage: string;
 ariaLabel: string;
-hasError: boolean;
 indeterminate: boolean;
+hasError: boolean;
 modelValue: BentoCheckboxType | BentoCheckboxGroupItems;
 }>;
 
@@ -2576,9 +2610,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;
@@ -3476,7 +3512,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
 */
@@ -3487,7 +3523,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
 */
@@ -3535,7 +3571,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
 */
@@ -3558,7 +3594,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
 */
@@ -4594,7 +4630,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
 */
@@ -10053,199 +10089,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 = {
@@ -10274,6 +10169,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
@@ -10294,7 +10240,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".
@@ -10632,7 +10578,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".
@@ -10772,7 +10718,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".
@@ -10914,7 +10860,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".
@@ -11159,7 +11105,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;
@@ -11175,7 +11121,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;
@@ -11241,10 +11187,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;
 }>>>, {
@@ -12436,7 +12382,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".
@@ -12857,7 +12803,7 @@ declare type BentoPopoverPositions_2 = PopperContainerPosition_2;
  *     `
  * };
  */
-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;
@@ -12865,7 +12811,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;
@@ -13001,7 +12947,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)
 */
@@ -13156,7 +13102,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.
 */
@@ -13431,7 +13377,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;
@@ -13443,7 +13389,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;
@@ -13555,7 +13501,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;
@@ -13576,7 +13522,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;
@@ -13659,7 +13605,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.
@@ -13672,7 +13618,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.
@@ -13717,7 +13663,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;
@@ -13726,7 +13672,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;
@@ -13912,7 +13858,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
 */
@@ -14105,7 +14051,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.
 */
@@ -14421,7 +14367,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
@@ -14549,7 +14495,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".
@@ -14692,7 +14638,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;
 }>;
 
@@ -14737,7 +14683,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.
 */
@@ -14794,7 +14740,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
@@ -14905,7 +14851,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.
 */
@@ -14929,7 +14875,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.
 */
@@ -14983,7 +14929,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
 */
@@ -15008,7 +14954,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
 */
@@ -15063,10 +15009,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;
 }>>>, {
@@ -15101,7 +15047,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;
@@ -15114,7 +15060,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;
@@ -15174,13 +15120,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;
@@ -15244,7 +15190,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;
@@ -15256,7 +15202,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;
@@ -15315,7 +15261,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;
@@ -15327,7 +15273,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;
@@ -15401,13 +15347,13 @@ declare enum BentoSummaryGridItemSize_2 {
  *     `
  * }
  */
-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;
@@ -15659,11 +15605,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;
@@ -17265,7 +17211,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
@@ -17313,7 +17259,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