@adyen/bento-vue2 1.87.1 → 1.88.0

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

@@ -1702,6 +1702,12 @@ declare type __VLS_WithSlots_62<T, S> = T & {
     };
 };
 
+declare type __VLS_WithSlots_63<T, S> = T & {
+    new (): {
+        $scopedSlots: S;
+    };
+};
+
 declare type __VLS_WithSlots_7<T, S> = T & {
     new (): {
         $scopedSlots: S;
@@ -1933,7 +1939,7 @@ declare const BentoAccordionTitleSizeOptions: readonly ["default", "small"];
  *     `
  * }
  */
-export declare const BentoActionBar: DefineComponent<    {
+export declare const BentoActionBar: __VLS_WithSlots_3<DefineComponent<    {
 /**
 * List of actions that will be used to render the buttons.
 * Required and used for the `default` variant.
@@ -1980,6 +1986,28 @@ type: StringConstructor;
 default: any;
 };
 /**
+* State of the action bar.
+* @values start, loading, success, fail
+*/
+state: {
+type: PropType<BentoActionBarState>;
+default: string;
+};
+/**
+* Displays the undo action button in `success` state.
+*/
+showUndoAction: {
+type: BooleanConstructor;
+default: boolean;
+};
+/**
+* Displays the retry action button in `fail` state.
+*/
+showRetryAction: {
+type: BooleanConstructor;
+default: boolean;
+};
+/**
 * Variant for the action bar
 * @values default, confirmation
 */
@@ -1991,6 +2019,9 @@ default: string;
 close: () => void;
 cancel: () => void;
 save: () => void;
+"undo-action": () => void;
+"retry-action": () => void;
+"cancel-action": () => void;
 }, string, Readonly<ExtractPropTypes<    {
 /**
 * List of actions that will be used to render the buttons.
@@ -2038,6 +2069,28 @@ type: StringConstructor;
 default: any;
 };
 /**
+* State of the action bar.
+* @values start, loading, success, fail
+*/
+state: {
+type: PropType<BentoActionBarState>;
+default: string;
+};
+/**
+* Displays the undo action button in `success` state.
+*/
+showUndoAction: {
+type: BooleanConstructor;
+default: boolean;
+};
+/**
+* Displays the retry action button in `fail` state.
+*/
+showRetryAction: {
+type: BooleanConstructor;
+default: boolean;
+};
+/**
 * Variant for the action bar
 * @values default, confirmation
 */
@@ -2046,15 +2099,26 @@ type: PropType<BentoActionBarVariant>;
 default: string;
 };
 }>>, {
-variant: BentoActionBarVariant;
+variant: "default" | "confirmation";
+state: "start" | "loading" | "success" | "fail";
 actions: BentoButtonActionsList;
 visibleActions: number;
 extraBottomSpacing: boolean;
 itemCounter: number;
 selectionLabel: string;
+showUndoAction: boolean;
+showRetryAction: boolean;
+}>, {
+    stateLabel?: (props: {}) => any;
 }>;
 
-export declare type BentoActionBarVariant = 'default' | 'confirmation';
+declare type BentoActionBarState = (typeof BentoActionBarStateOptions)[number];
+
+declare const BentoActionBarStateOptions: readonly ["start", "loading", "success", "fail"];
+
+export declare type BentoActionBarVariant = (typeof BentoActionBarVariantOptions)[number];
+
+declare const BentoActionBarVariantOptions: readonly ["default", "confirmation"];
 
 /**
  * Type for the Buttons passed as objects to Button Actions
@@ -2083,7 +2147,7 @@ declare type BentoActionMenu = BentoButtonActionBase & OmitStrict<BentoMenuProps
  *     `
  * }
  */
-export declare const BentoAiButton: __VLS_WithSlots_6<DefineComponent<__VLS_WithDefaults_5<__VLS_TypePropsToOption_5<BentoAiButtonProps>, {
+export declare const BentoAiButton: __VLS_WithSlots_7<DefineComponent<__VLS_WithDefaults_5<__VLS_TypePropsToOption_5<BentoAiButtonProps>, {
 link: any;
 type: string;
 condensed: boolean;
@@ -2206,7 +2270,7 @@ export declare interface BentoAiTagProps {
  *     `
  * }
  */
-export declare const BentoAlert: __VLS_WithSlots_3<DefineComponent<__VLS_WithDefaults_2<__VLS_TypePropsToOption_2<{
+export declare const BentoAlert: __VLS_WithSlots_4<DefineComponent<__VLS_WithDefaults_2<__VLS_TypePropsToOption_2<{
 /**
 * Adds a close button on the right side of the alert
 */
@@ -2313,7 +2377,7 @@ export declare enum BentoAlertVariant {
  *      }
  * }
  */
-export declare const BentoAnchorScroller: __VLS_WithSlots_4<DefineComponent<__VLS_WithDefaults_3<__VLS_TypePropsToOption_3<BentoAnchorScrollerProps>, {
+export declare const BentoAnchorScroller: __VLS_WithSlots_5<DefineComponent<__VLS_WithDefaults_3<__VLS_TypePropsToOption_3<BentoAnchorScrollerProps>, {
 activeIndex: any;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:active-index": (value: number) => void;
@@ -2404,7 +2468,7 @@ export declare type BentoAvatarListboxOptionItem = Omit<BentoListboxOptionItem,
 
 export declare type BentoAvatarListboxOptions = Array<BentoAvatarListboxOptionItem>;
 
-export declare const BentoBaseFilter: __VLS_WithSlots_17<DefineComponent<__VLS_WithDefaults_25<__VLS_TypePropsToOption_26<BentoBaseFilterProps_2<BentoFilterBarValue, string>>, {
+export declare const BentoBaseFilter: __VLS_WithSlots_18<DefineComponent<__VLS_WithDefaults_25<__VLS_TypePropsToOption_26<BentoBaseFilterProps_2<BentoFilterBarValue, string>>, {
 appliedFiltersCount: any;
 buttonLabel: any;
 buttonSecondaryLabel: any;
@@ -2734,7 +2798,7 @@ export declare type BentoBooleanFilterValue = string | null;
  *     `,
  * }
  */
-export declare const BentoButton: __VLS_WithSlots_5<DefineComponent<    {
+export declare const BentoButton: __VLS_WithSlots_6<DefineComponent<    {
 /**
 * Reduces sizing of button
 */
@@ -3040,7 +3104,7 @@ export declare enum BentoButtonVariant {
  *     `
  * };
  */
-export declare const BentoCard: __VLS_WithSlots_12<DefineComponent<__VLS_WithDefaults_12<__VLS_TypePropsToOption_13<{
+export declare const BentoCard: __VLS_WithSlots_13<DefineComponent<__VLS_WithDefaults_12<__VLS_TypePropsToOption_13<{
 /**
 * List of actions that will be used to render the buttons.
 * First element in the list will be rendered as "primary".
@@ -3485,7 +3549,7 @@ export declare enum BentoCheckboxEvent {
  *     `
  * };
  */
-export declare const BentoCheckboxGroup: __VLS_WithSlots_14<DefineComponent<    {
+export declare const BentoCheckboxGroup: __VLS_WithSlots_15<DefineComponent<    {
 /**
 * Descriptive supporting text visbile underneath the label.
 */
@@ -3883,7 +3947,7 @@ export declare const BentoClickOutsideDirective: {
  *     `
  * }
  */
-export declare const BentoCodeSnippet: __VLS_WithSlots_15<DefineComponent<__VLS_WithDefaults_17<__VLS_TypePropsToOption_18<BentoCodeSnippetProps>, {
+export declare const BentoCodeSnippet: __VLS_WithSlots_16<DefineComponent<__VLS_WithDefaults_17<__VLS_TypePropsToOption_18<BentoCodeSnippetProps>, {
 actionable: boolean;
 actionableText: any;
 content: string;
@@ -4636,7 +4700,7 @@ export declare interface BentoCurrencyProps {
  *     `
  * }
  */
-export declare const BentoDashboardSection: __VLS_WithSlots_61<DefineComponent<__VLS_WithDefaults_61<__VLS_TypePropsToOption_65<{
+export declare const BentoDashboardSection: __VLS_WithSlots_62<DefineComponent<__VLS_WithDefaults_61<__VLS_TypePropsToOption_65<{
 /**
 * The header of the section
 */
@@ -4699,7 +4763,7 @@ halfWidth: boolean;
  *     `
  * }
  */
-export declare const BentoDashboardTemplate: __VLS_WithSlots_60<DefineComponent<__VLS_WithDefaults_60<__VLS_TypePropsToOption_64<{
+export declare const BentoDashboardTemplate: __VLS_WithSlots_61<DefineComponent<__VLS_WithDefaults_60<__VLS_TypePropsToOption_64<{
 /**
 * The header that goes to the top of the template
 */
@@ -4784,7 +4848,7 @@ export declare interface BentoDashboardTemplateTabs {
  *     `
  * }
  */
-export declare const BentoDashedUnderline: __VLS_WithSlots_9<DefineComponent<__VLS_WithDefaults_7<__VLS_TypePropsToOption_7<BentoDashedUnderlineProps>, {
+export declare const BentoDashedUnderline: __VLS_WithSlots_10<DefineComponent<__VLS_WithDefaults_7<__VLS_TypePropsToOption_7<BentoDashedUnderlineProps>, {
 popoverText: any;
 popoverTitle: any;
 popoverPosition: string;
@@ -4875,7 +4939,7 @@ export declare type BentoDashedUnderlineTeleport = BentoTeleportProps;
  *     `
  * }
  */
-export declare const BentoDataGrid: __VLS_WithSlots_10<DefineComponent<    {
+export declare const BentoDataGrid: __VLS_WithSlots_11<DefineComponent<    {
 /**
 * When true, will emit a 'rowClick' event when a row is clicked. Will add cursor: pointer to rows.
 */
@@ -5833,7 +5897,7 @@ declare interface BentoDataGridTagWithTextCellProps {
  *     `
  * }
  */
-export declare const BentoDataGridTemplate: __VLS_WithSlots_62<DefineComponent<    {
+export declare const BentoDataGridTemplate: __VLS_WithSlots_63<DefineComponent<    {
 /**
 * The header that goes to the top of the template
 */
@@ -6584,7 +6648,7 @@ declare enum BentoDividerVariant {
  *     }
  * }
  */
-export declare const BentoDropdown: __VLS_WithSlots_13<DefineComponent<__VLS_WithDefaults_15<__VLS_TypePropsToOption_16<BentoDropdownProps>, {
+export declare const BentoDropdown: __VLS_WithSlots_14<DefineComponent<__VLS_WithDefaults_15<__VLS_TypePropsToOption_16<BentoDropdownProps>, {
 ariaLabel: any;
 condensed: boolean;
 emptyState: any;
@@ -8451,7 +8515,7 @@ export declare interface BentoDropdownTagProps extends BentoDropdownProps {
  *     `
  * }
  */
-export declare const BentoEmptyState: __VLS_WithSlots_16<DefineComponent<__VLS_WithDefaults_22<__VLS_TypePropsToOption_23<BentoEmptyStateProps>, {
+export declare const BentoEmptyState: __VLS_WithSlots_17<DefineComponent<__VLS_WithDefaults_22<__VLS_TypePropsToOption_23<BentoEmptyStateProps>, {
 action: any;
 description: any;
 headingEl: any;
@@ -8953,7 +9017,7 @@ export declare type BentoFilterValues = Array<BentoFilterValue>;
  *     `
  * }
  */
-export declare const BentoFormLayout: __VLS_WithSlots_18<DefineComponent<    {
+export declare const BentoFormLayout: __VLS_WithSlots_19<DefineComponent<    {
 /**
 * Renders the form layout as an HTML `form`
 */
@@ -9022,7 +9086,7 @@ loading: boolean;
  *          </bento-form-layout-field-tip>
  *     `
  */
-export declare const BentoFormLayoutFieldTip: __VLS_WithSlots_19<DefineComponent<    {
+export declare const BentoFormLayoutFieldTip: __VLS_WithSlots_20<DefineComponent<    {
 /**
 * Type of a alert; set a distinctive icon and color. Defaults to highlight.
 * @values highlight, success, critical, warning
@@ -9087,7 +9151,7 @@ declare type BentoFormLayoutFieldTipTypeOption = `${BentoAlertTypeOption}`;
  *     `
  * }
  */
-export declare const BentoFormLayoutGroup: __VLS_WithSlots_21<DefineComponent<    {
+export declare const BentoFormLayoutGroup: __VLS_WithSlots_22<DefineComponent<    {
 /**
 * The layout of the pair group of components.
 * This will render the components within the width of the proportions.
@@ -9173,7 +9237,7 @@ layout: BentoLayoutGroupProportions;
  *     `
  * }
  */
-export declare const BentoFormLayoutTitle: __VLS_WithSlots_20<DefineComponent<    {
+export declare const BentoFormLayoutTitle: __VLS_WithSlots_21<DefineComponent<    {
 /**
 * Defines if the Form Layout title is
 * a "section" or a "subsection".
@@ -9427,7 +9491,7 @@ declare enum BentoHeaderVariant {
  *   `
  * };
  */
-export declare const BentoHeaderWithViews: __VLS_WithSlots_22<DefineComponent<__VLS_WithDefaults_26<__VLS_TypePropsToOption_27<BentoHeaderWithViewsProps>, {
+export declare const BentoHeaderWithViews: __VLS_WithSlots_23<DefineComponent<__VLS_WithDefaults_26<__VLS_TypePropsToOption_27<BentoHeaderWithViewsProps>, {
 actions: () => any[];
 additionalViewSetting: any;
 title: any;
@@ -9797,7 +9861,7 @@ export declare interface BentoInputDropdownProps {
  *          >
  * }
  */
-export declare const BentoInputField: __VLS_WithSlots_23<DefineComponent<__VLS_WithDefaults_29<__VLS_TypePropsToOption_30<BentoInputFieldProps>, {
+export declare const BentoInputField: __VLS_WithSlots_24<DefineComponent<__VLS_WithDefaults_29<__VLS_TypePropsToOption_30<BentoInputFieldProps>, {
 ariaHidden: boolean;
 ariaLabel: any;
 condensed: boolean;
@@ -9950,7 +10014,7 @@ export declare enum BentoInputFieldEvent {
  *     `
  * }
  */
-export declare const BentoInputFieldPassword: __VLS_WithSlots_24<DefineComponent<__VLS_WithDefaults_30<__VLS_TypePropsToOption_31<BentoInputFieldPasswordProps>, {
+export declare const BentoInputFieldPassword: __VLS_WithSlots_25<DefineComponent<__VLS_WithDefaults_30<__VLS_TypePropsToOption_31<BentoInputFieldPasswordProps>, {
 condensed: boolean;
 debounceTime: number;
 description: any;
@@ -10106,7 +10170,7 @@ export declare interface BentoInputFieldPasswordValidationListItem {
  *     `
  * }
  */
-export declare const BentoInputFieldPhoneNumber: __VLS_WithSlots_25<DefineComponent<__VLS_WithDefaults_31<__VLS_TypePropsToOption_32<BentoInputFieldPhoneNumberProps>, {
+export declare const BentoInputFieldPhoneNumber: __VLS_WithSlots_26<DefineComponent<__VLS_WithDefaults_31<__VLS_TypePropsToOption_32<BentoInputFieldPhoneNumberProps>, {
 countries: () => CountryCode[];
 description: any;
 dynamicFiltering: boolean;
@@ -10391,7 +10455,7 @@ export declare interface BentoInpuWithDropdowntFilterValue {
  *     `
  * }
  */
-export declare const BentoInspector: __VLS_WithSlots_26<DefineComponent<__VLS_WithDefaults_32<__VLS_TypePropsToOption_33<BentoInspectorProps>, {
+export declare const BentoInspector: __VLS_WithSlots_27<DefineComponent<__VLS_WithDefaults_32<__VLS_TypePropsToOption_33<BentoInspectorProps>, {
 activePage: string;
 expandable: boolean;
 isOpen: boolean;
@@ -10520,7 +10584,7 @@ export declare enum BentoKeyboardNavigationKeyDownEvent {
  *     `
  * }
  */
-export declare const BentoLayout: __VLS_WithSlots_27<DefineComponent<__VLS_WithDefaults_33<__VLS_TypePropsToOption_34<BentoLayoutProps>, {
+export declare const BentoLayout: __VLS_WithSlots_28<DefineComponent<__VLS_WithDefaults_33<__VLS_TypePropsToOption_34<BentoLayoutProps>, {
 size: string;
 variant: string;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_33<__VLS_TypePropsToOption_34<BentoLayoutProps>, {
@@ -10566,7 +10630,7 @@ export declare interface BentoLayoutProps {
  *     `
  * }
  */
-export declare const BentoLayoutRow: __VLS_WithSlots_28<DefineComponent<__VLS_WithDefaults_34<__VLS_TypePropsToOption_35<BentoLayoutRowProps>, {
+export declare const BentoLayoutRow: __VLS_WithSlots_29<DefineComponent<__VLS_WithDefaults_34<__VLS_TypePropsToOption_35<BentoLayoutRowProps>, {
 columnsLayout: string;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_34<__VLS_TypePropsToOption_35<BentoLayoutRowProps>, {
 columnsLayout: string;
@@ -10617,7 +10681,7 @@ export declare type BentoLazyLoadType = 'automatic' | 'button' | 'none';
  *     `
  * }
  */
-export declare const BentoLink: __VLS_WithSlots_29<DefineComponent<__VLS_WithDefaults_36<__VLS_TypePropsToOption_37<BentoLinkProps>, {
+export declare const BentoLink: __VLS_WithSlots_30<DefineComponent<__VLS_WithDefaults_36<__VLS_TypePropsToOption_37<BentoLinkProps>, {
 target: any;
 variant: BentoLinkVariant;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
@@ -10769,7 +10833,7 @@ export { BentoListboxVirtulisationOptions }
  *     `
  * }
  */
-export declare const BentoLoadingButton: __VLS_WithSlots_7<DefineComponent<    {
+export declare const BentoLoadingButton: __VLS_WithSlots_8<DefineComponent<    {
 /**
 * Reduces sizing of button
 */
@@ -10954,7 +11018,7 @@ export declare interface BentoLoadingIndicatorProps {
  *           />
  * }
  */
-export declare const BentoMenu: __VLS_WithSlots_30<DefineComponent<__VLS_WithDefaults_37<__VLS_TypePropsToOption_38<BentoMenuProps>, {
+export declare const BentoMenu: __VLS_WithSlots_31<DefineComponent<__VLS_WithDefaults_37<__VLS_TypePropsToOption_38<BentoMenuProps>, {
 button: () => BentoMenuButtonProps;
 closeMenuOnItemSelect: boolean;
 disableArrowDownOpeningMenu: boolean;
@@ -11121,7 +11185,7 @@ export declare interface BentoMenuProps {
  *     `
  * };
  */
-export declare const BentoModal: __VLS_WithSlots_31<DefineComponent<    {
+export declare const BentoModal: __VLS_WithSlots_32<DefineComponent<    {
 /**
 * List of actions that will be used to render the buttons.
 * First element in the list will be rendered as "primary".
@@ -11461,7 +11525,7 @@ export declare enum BentoModalEvent {
  *     `
  * }
  */
-export declare const BentoModalFullscreen: __VLS_WithSlots_33<DefineComponent<    {
+export declare const BentoModalFullscreen: __VLS_WithSlots_34<DefineComponent<    {
 /**
 * List of actions that will be used to render the buttons.
 * First element in the list will be rendered as "primary".
@@ -11604,7 +11668,7 @@ contextualLabel: string;
  *     `
  * }
  */
-export declare const BentoModalFullscreenPage: __VLS_WithSlots_34<DefineComponent<    {
+export declare const BentoModalFullscreenPage: __VLS_WithSlots_35<DefineComponent<    {
 /**
 * List of actions that will be used to render the buttons.
 * First element in the list will be rendered as "primary".
@@ -11764,7 +11828,7 @@ titleId: string;
  *     `
  * }
  */
-export declare const BentoModalPage: __VLS_WithSlots_32<DefineComponent<__VLS_WithDefaults_38<__VLS_TypePropsToOption_39<BentoModalPageProps>, {
+export declare const BentoModalPage: __VLS_WithSlots_33<DefineComponent<__VLS_WithDefaults_38<__VLS_TypePropsToOption_39<BentoModalPageProps>, {
 actions: any;
 actionsLabel: any;
 columnsSize: BentoModalColumnLayoutVariant;
@@ -11925,7 +11989,7 @@ export declare type BentoMultiCheckboxType = Array<string | number>;
  *     `,
  * }
  */
-export declare const BentoPagination: __VLS_WithSlots_35<DefineComponent<__VLS_WithDefaults_39<__VLS_TypePropsToOption_40<BentoPaginationProps>, {
+export declare const BentoPagination: __VLS_WithSlots_36<DefineComponent<__VLS_WithDefaults_39<__VLS_TypePropsToOption_40<BentoPaginationProps>, {
 ariaLabel: any;
 hasNext: any;
 hidePageSize: boolean;
@@ -13224,7 +13288,7 @@ export declare enum BentoPaymentMethodType {
  *     `
  * }
  */
-export declare const BentoPopover: __VLS_WithSlots_36<DefineComponent<__VLS_WithDefaults_41<__VLS_TypePropsToOption_42<BentoPopoverProps>, {
+export declare const BentoPopover: __VLS_WithSlots_37<DefineComponent<__VLS_WithDefaults_41<__VLS_TypePropsToOption_42<BentoPopoverProps>, {
 actions: any;
 actionsLayout: string;
 ariaLabel: any;
@@ -13461,7 +13525,7 @@ export declare interface BentoPopoverProps {
  *     `
  * };
  */
-export declare const BentoPromoBanner: __VLS_WithSlots_37<DefineComponent<__VLS_WithDefaults_42<__VLS_TypePropsToOption_43<BentoPromoBannerProps>, {
+export declare const BentoPromoBanner: __VLS_WithSlots_38<DefineComponent<__VLS_WithDefaults_42<__VLS_TypePropsToOption_43<BentoPromoBannerProps>, {
 actions: any;
 color: BentoPromoBannerColor;
 isDismissible: boolean;
@@ -13608,7 +13672,7 @@ export declare interface BentoPromoBannerProps {
  *     }
  * }
  */
-export declare const BentoRadioButton: __VLS_WithSlots_39<DefineComponent<    {
+export declare const BentoRadioButton: __VLS_WithSlots_40<DefineComponent<    {
 /**
 * Disable the radio button (optional)
 */
@@ -13764,7 +13828,7 @@ export declare type BentoRadioButtonValue = string | number;
  *     `
  * };
  */
-export declare const BentoRadioGroup: __VLS_WithSlots_38<DefineComponent<__VLS_WithDefaults_43<__VLS_TypePropsToOption_44<BentoRadioGroupProps>, {
+export declare const BentoRadioGroup: __VLS_WithSlots_39<DefineComponent<__VLS_WithDefaults_43<__VLS_TypePropsToOption_44<BentoRadioGroupProps>, {
 description: any;
 disabled: boolean;
 errorMessage: any;
@@ -14446,7 +14510,7 @@ export declare type BentoSelectFilterValue = BentoListboxSelectedValue;
  *     `
  * }
  */
-export declare const BentoSelectionCard: __VLS_WithSlots_40<DefineComponent<    {
+export declare const BentoSelectionCard: __VLS_WithSlots_41<DefineComponent<    {
 /**
 * The description of the selection card
 */
@@ -14640,7 +14704,7 @@ fullyClickable: boolean;
  *     `,
  * }
  */
-export declare const BentoSelectionCardGroup: __VLS_WithSlots_41<DefineComponent<__VLS_WithDefaults_46<__VLS_TypePropsToOption_48<BentoSelectionCardGroupProps>, {
+export declare const BentoSelectionCardGroup: __VLS_WithSlots_42<DefineComponent<__VLS_WithDefaults_46<__VLS_TypePropsToOption_48<BentoSelectionCardGroupProps>, {
 description: any;
 disabled: boolean;
 errorMessage: any;
@@ -14854,7 +14918,7 @@ export declare type BentoSelectTagFilterOptions = OmitStrict<BentoSelectFilterOp
  *     `
  * }
  */
-export declare const BentoSidepanel: __VLS_WithSlots_43<DefineComponent<    {
+export declare const BentoSidepanel: __VLS_WithSlots_44<DefineComponent<    {
 /**
 * The id of the current active page
 * Should be the same id as the BentoSidepanelPage to be displayed
@@ -14981,7 +15045,7 @@ export declare enum BentoSidepanelEvent {
  *     `
  * }
  */
-export declare const BentoSidepanelPage: __VLS_WithSlots_42<DefineComponent<    {
+export declare const BentoSidepanelPage: __VLS_WithSlots_43<DefineComponent<    {
 /**
 * List of actions that will be used to render the buttons.
 * First element in the list will be rendered as "primary".
@@ -15124,7 +15188,7 @@ destructiveActions: boolean;
  *     `
  * }
  */
-export declare const BentoStatus: __VLS_WithSlots_44<DefineComponent<__VLS_TypePropsToOption_50<BentoStatusProps>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToOption_50<BentoStatusProps>>>, {}>, {
+export declare const BentoStatus: __VLS_WithSlots_45<DefineComponent<__VLS_TypePropsToOption_50<BentoStatusProps>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToOption_50<BentoStatusProps>>>, {}>, {
     default?: (props: {}) => any;
 }>;
 
@@ -15169,7 +15233,7 @@ export declare enum BentoStatusVariant {
  *     `
  * }
  */
-export declare const BentoStep: __VLS_WithSlots_46<DefineComponent<    {
+export declare const BentoStep: __VLS_WithSlots_47<DefineComponent<    {
 /**
 * Completed status. Used on non-linear steppers to indicate if the step is completed.
 */
@@ -15227,7 +15291,7 @@ substepIndex: number;
  *     `
  * }
  */
-export declare const BentoStepper: __VLS_WithSlots_45<DefineComponent<    {
+export declare const BentoStepper: __VLS_WithSlots_46<DefineComponent<    {
 /**
 * Type of stepper; defines how the stepper should behave. Default: linear
 * @values linear, non-linear
@@ -15343,7 +15407,7 @@ declare interface BentoStickyTabsOptions {
  *     `
  * }
  */
-export declare const BentoStructuredList: __VLS_WithSlots_47<DefineComponent<__VLS_WithDefaults_48<__VLS_TypePropsToOption_51<{
+export declare const BentoStructuredList: __VLS_WithSlots_48<DefineComponent<__VLS_WithDefaults_48<__VLS_TypePropsToOption_51<{
 /**
 * Width of the labels container, in pixels. Overrides layout prop.
 */
@@ -15421,7 +15485,7 @@ labelsWidth: number;
  *     `
  * }
  */
-export declare const BentoStructuredListItem: __VLS_WithSlots_48<DefineComponent<__VLS_TypePropsToOption_52<{
+export declare const BentoStructuredListItem: __VLS_WithSlots_49<DefineComponent<__VLS_TypePropsToOption_52<{
 /**
 * Label to display for the value
 */
@@ -15503,7 +15567,7 @@ declare const BentoStructuredListLayoutOptions: string[];
  *     `
  * }
  */
-export declare const BentoSummaryGrid: __VLS_WithSlots_49<DefineComponent<__VLS_WithDefaults_49<__VLS_TypePropsToOption_53<BentoSummaryGridProps>, {
+export declare const BentoSummaryGrid: __VLS_WithSlots_50<DefineComponent<__VLS_WithDefaults_49<__VLS_TypePropsToOption_53<BentoSummaryGridProps>, {
 columnWidth: any;
 slashedZero: boolean;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_49<__VLS_TypePropsToOption_53<BentoSummaryGridProps>, {
@@ -15553,7 +15617,7 @@ export declare interface BentoSummaryGridColumnWidth {
  *     `
  * }
  */
-export declare const BentoSummaryGridItemAmount: __VLS_WithSlots_50<DefineComponent<__VLS_WithDefaults_50<__VLS_TypePropsToOption_54<BentoSummaryGridItemAmountProps>, {
+export declare const BentoSummaryGridItemAmount: __VLS_WithSlots_51<DefineComponent<__VLS_WithDefaults_50<__VLS_TypePropsToOption_54<BentoSummaryGridItemAmountProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -15629,7 +15693,7 @@ export declare interface BentoSummaryGridItemAmountProps extends BaseSummaryGrid
  *     `
  * }
  */
-export declare const BentoSummaryGridItemCustom: __VLS_WithSlots_54<DefineComponent<__VLS_WithDefaults_54<__VLS_TypePropsToOption_58<BentoSummaryGridItemCustomProps>, {
+export declare const BentoSummaryGridItemCustom: __VLS_WithSlots_55<DefineComponent<__VLS_WithDefaults_54<__VLS_TypePropsToOption_58<BentoSummaryGridItemCustomProps>, {
 copy: any;
 infoIconTooltipText: any;
 fitContent: boolean;
@@ -15703,7 +15767,7 @@ export declare interface BentoSummaryGridItemCustomProps {
  *     `
  * }
  */
-export declare const BentoSummaryGridItemNumeric: __VLS_WithSlots_51<DefineComponent<__VLS_WithDefaults_51<__VLS_TypePropsToOption_55<BentoSummaryGridItemNumericProps>, {
+export declare const BentoSummaryGridItemNumeric: __VLS_WithSlots_52<DefineComponent<__VLS_WithDefaults_51<__VLS_TypePropsToOption_55<BentoSummaryGridItemNumericProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -15777,7 +15841,7 @@ export declare interface BentoSummaryGridItemNumericProps extends BaseSummaryGri
  *     `
  * }
  */
-export declare const BentoSummaryGridItemPercentage: __VLS_WithSlots_52<DefineComponent<__VLS_WithDefaults_52<__VLS_TypePropsToOption_56<BentoSummaryGridItemPercentageProps>, {
+export declare const BentoSummaryGridItemPercentage: __VLS_WithSlots_53<DefineComponent<__VLS_WithDefaults_52<__VLS_TypePropsToOption_56<BentoSummaryGridItemPercentageProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -15857,7 +15921,7 @@ export declare enum BentoSummaryGridItemSize {
  *     `
  * }
  */
-export declare const BentoSummaryGridItemText: __VLS_WithSlots_53<DefineComponent<__VLS_WithDefaults_53<__VLS_TypePropsToOption_57<BentoSummaryGridItemTextProps>, {
+export declare const BentoSummaryGridItemText: __VLS_WithSlots_54<DefineComponent<__VLS_WithDefaults_53<__VLS_TypePropsToOption_57<BentoSummaryGridItemTextProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -15958,7 +16022,7 @@ export declare interface BentoSummaryGridProps {
  *    </bento-tabs>
  * </template>
  */
-export declare const BentoTab: __VLS_WithSlots_55<DefineComponent<__VLS_WithDefaults_55<__VLS_TypePropsToOption_59<BentoTabProps>, {
+export declare const BentoTab: __VLS_WithSlots_56<DefineComponent<__VLS_WithDefaults_55<__VLS_TypePropsToOption_59<BentoTabProps>, {
 counter: any;
 disabled: boolean;
 hidden: boolean;
@@ -16129,7 +16193,7 @@ declare enum BentoTabsEvent {
     ACTIVE_TAB_INDEX = "update:active-tab-index"
 }
 
-export declare const BentoTag: __VLS_WithSlots_11<DefineComponent<__VLS_WithDefaults_8<__VLS_TypePropsToOption_8<BentoTagProps>, {
+export declare const BentoTag: __VLS_WithSlots_12<DefineComponent<__VLS_WithDefaults_8<__VLS_TypePropsToOption_8<BentoTagProps>, {
 label: any;
 truncate: any;
 variant: BentoTagVariant;
@@ -16356,7 +16420,7 @@ export declare enum BentoTheme {
  *     `
  * }
  */
-export declare const BentoTimeline: __VLS_WithSlots_56<DefineComponent<__VLS_WithDefaults_57<__VLS_TypePropsToOption_61<BentoTimelineProps>, {
+export declare const BentoTimeline: __VLS_WithSlots_57<DefineComponent<__VLS_WithDefaults_57<__VLS_TypePropsToOption_61<BentoTimelineProps>, {
 addNote: boolean;
 showMore: any;
 timegapLimit: any;
@@ -16433,7 +16497,7 @@ export declare enum BentoTimelineGapUnit {
  *     `
  * }
  */
-export declare const BentoTimelineItem: __VLS_WithSlots_57<DefineComponent<__VLS_WithDefaults_58<__VLS_TypePropsToOption_62<BentoTimelineItemProps>, {
+export declare const BentoTimelineItem: __VLS_WithSlots_58<DefineComponent<__VLS_WithDefaults_58<__VLS_TypePropsToOption_62<BentoTimelineItemProps>, {
 additionalTimestamp: any;
 dataList: any;
 description: any;
@@ -16620,7 +16684,7 @@ export declare type BentoToastItemsList = Array<BentoToastItem>;
  *     `,
  * }
  */
-export declare const BentoToggle: __VLS_WithSlots_58<DefineComponent<    {
+export declare const BentoToggle: __VLS_WithSlots_59<DefineComponent<    {
 /**
 * @deprecated from version 2.0.0. Use the aria-label attribute instead.
 */
@@ -16732,7 +16796,7 @@ labelPosition: "after" | "before" | BentoToggleLabelPosition;
  *     `
  * }
  */
-export declare const BentoToggleButton: __VLS_WithSlots_8<DefineComponent<    {
+export declare const BentoToggleButton: __VLS_WithSlots_9<DefineComponent<    {
 /**
 * Reduces sizing of button
 */
@@ -17065,7 +17129,7 @@ export declare interface BentoTutorialStep {
  *     `
  * }
  */
-export declare const BentoTypography: __VLS_WithSlots_59<DefineComponent<__VLS_WithDefaults_59<__VLS_TypePropsToOption_63<BentoTypographyProps>, {
+export declare const BentoTypography: __VLS_WithSlots_60<DefineComponent<__VLS_WithDefaults_59<__VLS_TypePropsToOption_63<BentoTypographyProps>, {
 el: BentoTypographyElement;
 large: boolean;
 medium: boolean;

package/dist/action-bar.js

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

package/dist/assets/accordion-item.css

@@ -1 +1 @@
-.b-accordion[data-v-cbce6553]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-accordion[data-v-cbce6553],.b-accordion[data-v-cbce6553]:before,.b-accordion[data-v-cbce6553]:after{box-sizing:border-box}.b-accordion *[data-v-cbce6553],.b-accordion *[data-v-cbce6553]:before,.b-accordion *[data-v-cbce6553]:after{box-sizing:border-box}.b-accordion[data-v-cbce6553] ::-webkit-scrollbar{height:14px;width:14px}.b-accordion[data-v-cbce6553] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-accordion-item[data-v-66c09812]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-color-background-primary);border-bottom:var(--b-border-width-s) solid var(--b-color-outline-primary)}.b-accordion-item[data-v-66c09812],.b-accordion-item[data-v-66c09812]:before,.b-accordion-item[data-v-66c09812]:after{box-sizing:border-box}.b-accordion-item *[data-v-66c09812],.b-accordion-item *[data-v-66c09812]:before,.b-accordion-item *[data-v-66c09812]:after{box-sizing:border-box}.b-accordion-item[data-v-66c09812] ::-webkit-scrollbar{height:14px;width:14px}.b-accordion-item[data-v-66c09812] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-accordion-item button[data-v-66c09812]{background-color:transparent;border:0;font:inherit;text-align:inherit}.b-accordion-item button[data-v-66c09812]:focus-visible{outline:none}.b-accordion-item[data-v-66c09812]:first-of-type{border-top:var(--b-border-width-s) solid var(--b-color-outline-primary)}.b-accordion-item__button[data-v-66c09812]{align-items:center;color:var(--b-color-label-primary);cursor:pointer;display:flex;gap:var(--b-spacer-070);padding:var(--b-spacer-060) var(--b-spacer-070) var(--b-spacer-060) 0;position:relative;width:100%;z-index:0}.b-accordion-item__button[data-v-66c09812]:hover{background-color:var(--b-color-background-primary-hover)}.b-accordion-item__button[data-v-66c09812]:active{background-color:var(--b-color-background-primary-active)}.b-accordion-item__button[data-v-66c09812]:focus-visible{animation:outer-ring-default-66c09812 var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color);outline:none}@keyframes outer-ring-default-66c09812{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-accordion-item__content[data-v-66c09812]{color:var(--b-color-label-primary);padding:var(--b-spacer-060) var(--b-spacer-070) var(--b-spacer-070) var(--b-spacer-100)}.b-accordion-item__animation--content-enter-active[data-v-66c09812]{animation:fade-in-uabo7vf-66c09812 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-uabo7vf-66c09812 var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-uabo7vf-66c09812 var(--b-animation-duration-moderate) var(--b-animation-easing-linear);overflow:hidden;transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}@keyframes fade-in-uabo7vf-66c09812{0%{opacity:0}to{opacity:1}}@keyframes scale-up-uabo7vf-66c09812{0%{scale:1}to{scale:1}}@keyframes enter-uabo7vf-66c09812{0%{translate:0 -8px}to{translate:0 0}}.b-accordion-item__animation--content-leave-active[data-v-66c09812]{animation:fade-out-uabo7w5-66c09812 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),exit-uabo7w5-66c09812 var(--b-animation-duration-moderate) var(--b-animation-easing-exit),scale-down-uabo7w5-66c09812 var(--b-animation-duration-moderate) var(--b-animation-easing-linear);max-height:0!important;overflow:hidden;transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}@keyframes fade-out-uabo7w5-66c09812{0%{opacity:1}to{opacity:0}}@keyframes scale-down-uabo7w5-66c09812{0%{scale:1}to{scale:1}}@keyframes exit-uabo7w5-66c09812{0%{translate:0 0}to{translate:0 -8px}}
+.b-accordion[data-v-cbce6553]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-accordion[data-v-cbce6553],.b-accordion[data-v-cbce6553]:before,.b-accordion[data-v-cbce6553]:after{box-sizing:border-box}.b-accordion *[data-v-cbce6553],.b-accordion *[data-v-cbce6553]:before,.b-accordion *[data-v-cbce6553]:after{box-sizing:border-box}.b-accordion[data-v-cbce6553] ::-webkit-scrollbar{height:14px;width:14px}.b-accordion[data-v-cbce6553] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-accordion-item[data-v-66c09812]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-color-background-primary);border-bottom:var(--b-border-width-s) solid var(--b-color-outline-primary)}.b-accordion-item[data-v-66c09812],.b-accordion-item[data-v-66c09812]:before,.b-accordion-item[data-v-66c09812]:after{box-sizing:border-box}.b-accordion-item *[data-v-66c09812],.b-accordion-item *[data-v-66c09812]:before,.b-accordion-item *[data-v-66c09812]:after{box-sizing:border-box}.b-accordion-item[data-v-66c09812] ::-webkit-scrollbar{height:14px;width:14px}.b-accordion-item[data-v-66c09812] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-accordion-item button[data-v-66c09812]{background-color:transparent;border:0;font:inherit;text-align:inherit}.b-accordion-item button[data-v-66c09812]:focus-visible{outline:none}.b-accordion-item[data-v-66c09812]:first-of-type{border-top:var(--b-border-width-s) solid var(--b-color-outline-primary)}.b-accordion-item__button[data-v-66c09812]{align-items:center;color:var(--b-color-label-primary);cursor:pointer;display:flex;gap:var(--b-spacer-070);padding:var(--b-spacer-060) var(--b-spacer-070) var(--b-spacer-060) 0;position:relative;width:100%;z-index:0}.b-accordion-item__button[data-v-66c09812]:hover{background-color:var(--b-color-background-primary-hover)}.b-accordion-item__button[data-v-66c09812]:active{background-color:var(--b-color-background-primary-active)}.b-accordion-item__button[data-v-66c09812]:focus-visible{animation:outer-ring-default-66c09812 var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color);outline:none}@keyframes outer-ring-default-66c09812{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-accordion-item__content[data-v-66c09812]{color:var(--b-color-label-primary);padding:var(--b-spacer-060) var(--b-spacer-070) var(--b-spacer-070) var(--b-spacer-100)}.b-accordion-item__animation--content-enter-active[data-v-66c09812]{animation:fade-in-upgeapt-66c09812 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-upgeapt-66c09812 var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-upgeapt-66c09812 var(--b-animation-duration-moderate) var(--b-animation-easing-linear);overflow:hidden;transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}@keyframes fade-in-upgeapt-66c09812{0%{opacity:0}to{opacity:1}}@keyframes scale-up-upgeapt-66c09812{0%{scale:1}to{scale:1}}@keyframes enter-upgeapt-66c09812{0%{translate:0 -8px}to{translate:0 0}}.b-accordion-item__animation--content-leave-active[data-v-66c09812]{animation:fade-out-upgeaq2-66c09812 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),exit-upgeaq2-66c09812 var(--b-animation-duration-moderate) var(--b-animation-easing-exit),scale-down-upgeaq2-66c09812 var(--b-animation-duration-moderate) var(--b-animation-easing-linear);max-height:0!important;overflow:hidden;transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}@keyframes fade-out-upgeaq2-66c09812{0%{opacity:1}to{opacity:0}}@keyframes scale-down-upgeaq2-66c09812{0%{scale:1}to{scale:1}}@keyframes exit-upgeaq2-66c09812{0%{translate:0 0}to{translate:0 -8px}}