@adyen/bento-vue3 1.87.1 → 1.88.0

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

@@ -36,7 +36,7 @@ variant: BentoLinkVariant | `${BentoLinkVariant}`;
 target: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_export: DefineComponent<    {
+declare const __VLS_export: __VLS_WithSlots<DefineComponent<    {
 /**
 * List of actions that will be used to render the buttons.
 * Required and used for the `default` variant.
@@ -83,6 +83,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
 */
@@ -137,6 +159,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
 */
@@ -145,12 +189,17 @@ 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;
 }>;
 
 declare const __VLS_export_10: DefineComponent<__VLS_WithDefaults_6<__VLS_TypePropsToOption_6<BentoButtonActionsProps>, {
@@ -164,7 +213,7 @@ inverse: boolean;
 layout: string;
 }>;
 
-declare const __VLS_export_11: __VLS_WithSlots_7<DefineComponent<    {
+declare const __VLS_export_11: __VLS_WithSlots_8<DefineComponent<    {
 /**
 * Reduces sizing of button
 */
@@ -269,7 +318,7 @@ state: "start" | "loading" | "success" | "fail" | BentoLoadingButtonState;
     iconLeft?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_12: __VLS_WithSlots_8<DefineComponent<    {
+declare const __VLS_export_12: __VLS_WithSlots_9<DefineComponent<    {
 /**
 * Reduces sizing of button
 */
@@ -359,7 +408,7 @@ toggled: boolean;
     }) => any;
 }>;
 
-declare const __VLS_export_13: __VLS_WithSlots_9<DefineComponent<__VLS_WithDefaults_7<__VLS_TypePropsToOption_7<{
+declare const __VLS_export_13: __VLS_WithSlots_10<DefineComponent<__VLS_WithDefaults_7<__VLS_TypePropsToOption_7<{
 /**
 * List of actions that will be used to render the buttons.
 * First element in the list will be rendered as "primary".
@@ -522,7 +571,7 @@ clickable: boolean;
     content?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_14: __VLS_WithSlots_10<DefineComponent<__VLS_WithDefaults_8<__VLS_TypePropsToOption_8<BentoDashedUnderlineProps>, {
+declare const __VLS_export_14: __VLS_WithSlots_11<DefineComponent<__VLS_WithDefaults_8<__VLS_TypePropsToOption_8<BentoDashedUnderlineProps>, {
 popoverText: any;
 popoverTitle: any;
 popoverPosition: string;
@@ -556,7 +605,7 @@ popoverSize: "default" | "fit-content" | "large" | "small";
     'popover-content'?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_15: __VLS_WithSlots_11<DefineComponent<    {
+declare const __VLS_export_15: __VLS_WithSlots_12<DefineComponent<    {
 /**
 * When true, will emit a 'rowClick' event when a row is clicked. Will add cursor: pointer to rows.
 */
@@ -1270,7 +1319,7 @@ tabTitle: string;
     footer?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_16: __VLS_WithSlots_12<DefineComponent<__VLS_WithDefaults_9<__VLS_TypePropsToOption_9<BentoTagProps>, {
+declare const __VLS_export_16: __VLS_WithSlots_13<DefineComponent<__VLS_WithDefaults_9<__VLS_TypePropsToOption_9<BentoTagProps>, {
 label: any;
 truncate: any;
 variant: BentoTagVariant;
@@ -1339,7 +1388,7 @@ dashedUnderline: {};
 
 declare const __VLS_export_19: DefineComponent<    {}, unknown, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<    {}>>, {}>;
 
-declare const __VLS_export_2: __VLS_WithSlots<DefineComponent<    {
+declare const __VLS_export_2: __VLS_WithSlots_2<DefineComponent<    {
 /**
 * Controls accordion title size.
 * @values default, small
@@ -1498,7 +1547,7 @@ quickSelectRanges: BentoDateRangePickerQuickSelectRanges;
 hasActions: boolean;
 }>;
 
-declare const __VLS_export_23: __VLS_WithSlots_13<DefineComponent<__VLS_WithDefaults_15<__VLS_TypePropsToOption_15<BentoDropdownProps>, {
+declare const __VLS_export_23: __VLS_WithSlots_14<DefineComponent<__VLS_WithDefaults_15<__VLS_TypePropsToOption_15<BentoDropdownProps>, {
 ariaLabel: any;
 condensed: boolean;
 emptyState: any;
@@ -3019,7 +3068,7 @@ variant: BentoDividerVariant;
 variant: `${BentoDividerVariant}`;
 }>;
 
-declare const __VLS_export_3: __VLS_WithSlots_2<DefineComponent<    {
+declare const __VLS_export_3: __VLS_WithSlots_3<DefineComponent<    {
 /**
 * Sets the title of the accordion item.
 */
@@ -3277,7 +3326,7 @@ modelValue: BentoCheckboxType | BentoCheckboxGroupItems;
 hasError: boolean;
 }>;
 
-declare const __VLS_export_31: __VLS_WithSlots_14<DefineComponent<    {
+declare const __VLS_export_31: __VLS_WithSlots_15<DefineComponent<    {
 /**
 * Descriptive supporting text visbile underneath the label.
 */
@@ -3529,7 +3578,7 @@ readonly: boolean;
 characterLimit: number;
 }>;
 
-declare const __VLS_export_33: __VLS_WithSlots_15<DefineComponent<__VLS_WithDefaults_18<__VLS_TypePropsToOption_18<BentoCodeSnippetProps>, {
+declare const __VLS_export_33: __VLS_WithSlots_16<DefineComponent<__VLS_WithDefaults_18<__VLS_TypePropsToOption_18<BentoCodeSnippetProps>, {
 actionable: boolean;
 actionableText: any;
 content: string;
@@ -3614,7 +3663,7 @@ disableTypography: boolean;
 format: BentoDateFormat | `${BentoDateFormat}`;
 }>;
 
-declare const __VLS_export_37: __VLS_WithSlots_16<DefineComponent<__VLS_WithDefaults_22<__VLS_TypePropsToOption_22<BentoEmptyStateProps>, {
+declare const __VLS_export_37: __VLS_WithSlots_17<DefineComponent<__VLS_WithDefaults_22<__VLS_TypePropsToOption_22<BentoEmptyStateProps>, {
 action: any;
 description: any;
 headingEl: any;
@@ -3749,7 +3798,7 @@ toggled: boolean;
 influencedValue: string;
 }>;
 
-declare const __VLS_export_40: __VLS_WithSlots_17<DefineComponent<__VLS_WithDefaults_25<__VLS_TypePropsToOption_25<BentoBaseFilterProps_2<BentoFilterBarValue, string>>, {
+declare const __VLS_export_40: __VLS_WithSlots_18<DefineComponent<__VLS_WithDefaults_25<__VLS_TypePropsToOption_25<BentoBaseFilterProps_2<BentoFilterBarValue, string>>, {
 appliedFiltersCount: any;
 buttonLabel: any;
 buttonSecondaryLabel: any;
@@ -3806,7 +3855,7 @@ disableSecondaryButton: boolean;
     default?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_41: __VLS_WithSlots_18<DefineComponent<    {
+declare const __VLS_export_41: __VLS_WithSlots_19<DefineComponent<    {
 /**
 * Renders the form layout as an HTML `form`
 */
@@ -3851,7 +3900,7 @@ loading: boolean;
     'actions-right'?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_42: __VLS_WithSlots_19<DefineComponent<    {
+declare const __VLS_export_42: __VLS_WithSlots_20<DefineComponent<    {
 /**
 * Type of a alert; set a distinctive icon and color. Defaults to highlight.
 * @values highlight, success, critical, warning
@@ -3894,7 +3943,7 @@ type: "critical" | "success" | "warning" | "highlight";
     message?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_43: __VLS_WithSlots_20<DefineComponent<    {
+declare const __VLS_export_43: __VLS_WithSlots_21<DefineComponent<    {
 /**
 * Defines if the Form Layout title is
 * a "section" or a "subsection".
@@ -3957,7 +4006,7 @@ allFieldsRequired: boolean;
     description?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_44: __VLS_WithSlots_21<DefineComponent<    {
+declare const __VLS_export_44: __VLS_WithSlots_22<DefineComponent<    {
 /**
 * The layout of the pair group of components.
 * This will render the components within the width of the proportions.
@@ -4021,7 +4070,7 @@ layout: BentoLayoutGroupProportions;
     default?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_45: __VLS_WithSlots_22<DefineComponent<__VLS_WithDefaults_26<__VLS_TypePropsToOption_26<BentoHeaderWithViewsProps>, {
+declare const __VLS_export_45: __VLS_WithSlots_23<DefineComponent<__VLS_WithDefaults_26<__VLS_TypePropsToOption_26<BentoHeaderWithViewsProps>, {
 actions: () => any[];
 additionalViewSetting: any;
 title: any;
@@ -4082,7 +4131,7 @@ tooltipPosition: PopperContainerPositionExtended;
 tooltipPosition: PopperContainerPosition | `${PopperContainerPosition}`;
 }>;
 
-declare const __VLS_export_48: __VLS_WithSlots_23<DefineComponent<__VLS_WithDefaults_29<__VLS_TypePropsToOption_29<BentoInputFieldProps>, {
+declare const __VLS_export_48: __VLS_WithSlots_24<DefineComponent<__VLS_WithDefaults_29<__VLS_TypePropsToOption_29<BentoInputFieldProps>, {
 ariaHidden: boolean;
 ariaLabel: any;
 condensed: boolean;
@@ -4174,7 +4223,7 @@ staticValuePosition: BentoInputFieldElementPosition | `${BentoInputFieldElementP
     }) => any;
 }>;
 
-declare const __VLS_export_49: __VLS_WithSlots_24<DefineComponent<__VLS_WithDefaults_30<__VLS_TypePropsToOption_30<BentoInputFieldPasswordProps>, {
+declare const __VLS_export_49: __VLS_WithSlots_25<DefineComponent<__VLS_WithDefaults_30<__VLS_TypePropsToOption_30<BentoInputFieldPasswordProps>, {
 condensed: boolean;
 debounceTime: number;
 description: any;
@@ -4231,7 +4280,7 @@ withHint: boolean;
     description?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_5: __VLS_WithSlots_3<DefineComponent<__VLS_WithDefaults_2<__VLS_TypePropsToOption_2<{
+declare const __VLS_export_5: __VLS_WithSlots_4<DefineComponent<__VLS_WithDefaults_2<__VLS_TypePropsToOption_2<{
 /**
 * Adds a close button on the right side of the alert
 */
@@ -4281,7 +4330,7 @@ closeButton: boolean;
     actions?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_50: __VLS_WithSlots_25<DefineComponent<__VLS_WithDefaults_31<__VLS_TypePropsToOption_31<BentoInputFieldPhoneNumberProps>, {
+declare const __VLS_export_50: __VLS_WithSlots_26<DefineComponent<__VLS_WithDefaults_31<__VLS_TypePropsToOption_31<BentoInputFieldPhoneNumberProps>, {
 countries: () => CountryCode[];
 description: any;
 dynamicFiltering: boolean;
@@ -4299,7 +4348,7 @@ countries: Array<BentoInputFieldPhoneNumberCountryCode>;
     description?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_51: __VLS_WithSlots_26<DefineComponent<__VLS_WithDefaults_32<__VLS_TypePropsToOption_32<BentoInspectorProps>, {
+declare const __VLS_export_51: __VLS_WithSlots_27<DefineComponent<__VLS_WithDefaults_32<__VLS_TypePropsToOption_32<BentoInspectorProps>, {
 activePage: string;
 expandable: boolean;
 isOpen: boolean;
@@ -4329,7 +4378,7 @@ pageFocusAnchor: HTMLElement;
     content?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_52: __VLS_WithSlots_27<DefineComponent<__VLS_WithDefaults_33<__VLS_TypePropsToOption_33<BentoLayoutProps>, {
+declare const __VLS_export_52: __VLS_WithSlots_28<DefineComponent<__VLS_WithDefaults_33<__VLS_TypePropsToOption_33<BentoLayoutProps>, {
 size: string;
 variant: string;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_33<__VLS_TypePropsToOption_33<BentoLayoutProps>, {
@@ -4342,7 +4391,7 @@ size: BentoLayoutSize;
     default?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_53: __VLS_WithSlots_28<DefineComponent<__VLS_WithDefaults_34<__VLS_TypePropsToOption_34<BentoLayoutRowProps>, {
+declare const __VLS_export_53: __VLS_WithSlots_29<DefineComponent<__VLS_WithDefaults_34<__VLS_TypePropsToOption_34<BentoLayoutRowProps>, {
 columnsLayout: string;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_34<__VLS_TypePropsToOption_34<BentoLayoutRowProps>, {
 columnsLayout: string;
@@ -4370,9 +4419,9 @@ large: boolean;
 inverse: boolean;
 }>;
 
-declare const __VLS_export_55: __VLS_WithSlots_29<typeof __VLS_base, __VLS_Slots>;
+declare const __VLS_export_55: __VLS_WithSlots_30<typeof __VLS_base, __VLS_Slots>;
 
-declare const __VLS_export_56: __VLS_WithSlots_30<DefineComponent<__VLS_WithDefaults_36<__VLS_TypePropsToOption_36<BentoMenuProps>, {
+declare const __VLS_export_56: __VLS_WithSlots_31<DefineComponent<__VLS_WithDefaults_36<__VLS_TypePropsToOption_36<BentoMenuProps>, {
 button: () => BentoMenuButtonProps;
 closeMenuOnItemSelect: boolean;
 disableArrowDownOpeningMenu: boolean;
@@ -4413,7 +4462,7 @@ closeOnClickOutsideOptions: any;
     default?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_57: __VLS_WithSlots_31<DefineComponent<    {
+declare const __VLS_export_57: __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".
@@ -4705,7 +4754,7 @@ dialogType: "confirmation" | "destructive" | "info" | "acknowledgement" | BentoM
     content?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_58: __VLS_WithSlots_32<DefineComponent<__VLS_WithDefaults_37<__VLS_TypePropsToOption_37<BentoModalPageProps>, {
+declare const __VLS_export_58: __VLS_WithSlots_33<DefineComponent<__VLS_WithDefaults_37<__VLS_TypePropsToOption_37<BentoModalPageProps>, {
 actions: any;
 actionsLabel: any;
 columnsSize: BentoModalColumnLayoutVariant;
@@ -4744,7 +4793,7 @@ withColumnLayout: boolean;
     actions?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_59: __VLS_WithSlots_33<DefineComponent<    {
+declare const __VLS_export_59: __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".
@@ -4846,7 +4895,7 @@ contextualLabel: string;
     header?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_6: __VLS_WithSlots_4<DefineComponent<__VLS_WithDefaults_3<__VLS_TypePropsToOption_3<BentoAnchorScrollerProps>, {
+declare const __VLS_export_6: __VLS_WithSlots_5<DefineComponent<__VLS_WithDefaults_3<__VLS_TypePropsToOption_3<BentoAnchorScrollerProps>, {
 activeIndex: any;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_3<__VLS_TypePropsToOption_3<BentoAnchorScrollerProps>, {
 activeIndex: any;
@@ -4856,7 +4905,7 @@ activeIndex: AnchorScrollerListProps["activeIndex"];
     default?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_60: __VLS_WithSlots_34<DefineComponent<    {
+declare const __VLS_export_60: __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".
@@ -5116,7 +5165,7 @@ infoIconTooltipText: string;
 infoIconPopoverPosition: "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;
 }>;
 
-declare const __VLS_export_62: __VLS_WithSlots_35<DefineComponent<__VLS_WithDefaults_38<__VLS_TypePropsToOption_38<BentoPaginationProps>, {
+declare const __VLS_export_62: __VLS_WithSlots_36<DefineComponent<__VLS_WithDefaults_38<__VLS_TypePropsToOption_38<BentoPaginationProps>, {
 ariaLabel: any;
 hasNext: any;
 hidePageSize: boolean;
@@ -5167,7 +5216,7 @@ type: string;
 label: string;
 }>;
 
-declare const __VLS_export_64: __VLS_WithSlots_36<DefineComponent<__VLS_WithDefaults_40<__VLS_TypePropsToOption_40<BentoPopoverProps>, {
+declare const __VLS_export_64: __VLS_WithSlots_37<DefineComponent<__VLS_WithDefaults_40<__VLS_TypePropsToOption_40<BentoPopoverProps>, {
 actions: any;
 actionsLayout: string;
 ariaLabel: any;
@@ -5235,7 +5284,7 @@ overflowVisible: boolean;
     default?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_65: __VLS_WithSlots_37<DefineComponent<__VLS_WithDefaults_41<__VLS_TypePropsToOption_41<BentoPromoBannerProps>, {
+declare const __VLS_export_65: __VLS_WithSlots_38<DefineComponent<__VLS_WithDefaults_41<__VLS_TypePropsToOption_41<BentoPromoBannerProps>, {
 actions: any;
 color: BentoPromoBannerColor;
 isDismissible: boolean;
@@ -5257,7 +5306,7 @@ dismissButtonText: string;
     description?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_66: __VLS_WithSlots_38<DefineComponent<__VLS_WithDefaults_42<__VLS_TypePropsToOption_42<BentoRadioGroupProps>, {
+declare const __VLS_export_66: __VLS_WithSlots_39<DefineComponent<__VLS_WithDefaults_42<__VLS_TypePropsToOption_42<BentoRadioGroupProps>, {
 description: any;
 disabled: boolean;
 errorMessage: any;
@@ -5304,7 +5353,7 @@ formId: string | null;
     description?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_67: __VLS_WithSlots_39<DefineComponent<    {
+declare const __VLS_export_67: __VLS_WithSlots_40<DefineComponent<    {
 /**
 * Disable the radio button (optional)
 */
@@ -5453,10 +5502,10 @@ description: string;
 label: string;
 required: boolean;
 disabled: boolean;
+mode: BentoRichTextEditorMode;
 tooltipText: string;
 hideLabel: boolean;
 errorMessage: string;
-mode: BentoRichTextEditorMode;
 }>;
 
 declare const __VLS_export_69: DefineComponent<__VLS_WithDefaults_44<__VLS_TypePropsToOption_44<BentoSearchBarProps>, {
@@ -5551,7 +5600,7 @@ modelValue: BentoSegmentedControlValue;
 fullWidth: boolean;
 }>;
 
-declare const __VLS_export_72: __VLS_WithSlots_40<DefineComponent<    {
+declare const __VLS_export_72: __VLS_WithSlots_41<DefineComponent<    {
 /**
 * The description of the selection card
 */
@@ -5707,7 +5756,7 @@ fullyClickable: boolean;
     dynamicContent?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_73: __VLS_WithSlots_41<DefineComponent<__VLS_WithDefaults_46<__VLS_TypePropsToOption_46<BentoSelectionCardGroupProps>, {
+declare const __VLS_export_73: __VLS_WithSlots_42<DefineComponent<__VLS_WithDefaults_46<__VLS_TypePropsToOption_46<BentoSelectionCardGroupProps>, {
 description: any;
 disabled: boolean;
 errorMessage: any;
@@ -5802,7 +5851,7 @@ itemsPerRow: BentoSelectionCardGroupItemsPerRow;
     dynamicContent?: (props: any) => any;
 }>;
 
-declare const __VLS_export_74: __VLS_WithSlots_42<DefineComponent<    {
+declare const __VLS_export_74: __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".
@@ -5929,7 +5978,7 @@ destructiveActions: boolean;
     default?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_75: __VLS_WithSlots_43<DefineComponent<    {
+declare const __VLS_export_75: __VLS_WithSlots_44<DefineComponent<    {
 /**
 * The id of the current active page
 * Should be the same id as the BentoSidepanelPage to be displayed
@@ -6012,11 +6061,11 @@ isDismissible: boolean;
     default?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_76: __VLS_WithSlots_44<DefineComponent<    {}, unknown, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<    {}>>, {}>, {
+declare const __VLS_export_76: __VLS_WithSlots_45<DefineComponent<    {}, unknown, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<    {}>>, {}>, {
     default?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_77: __VLS_WithSlots_45<DefineComponent<    {
+declare const __VLS_export_77: __VLS_WithSlots_46<DefineComponent<    {
 /**
 * Type of stepper; defines how the stepper should behave. Default: linear
 * @values linear, non-linear
@@ -6074,7 +6123,7 @@ index: number;
     default?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_78: __VLS_WithSlots_46<DefineComponent<    {
+declare const __VLS_export_78: __VLS_WithSlots_47<DefineComponent<    {
 /**
 * Completed status. Used on non-linear steppers to indicate if the step is completed.
 */
@@ -6113,7 +6162,7 @@ substepIndex: number;
     substeps?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_79: __VLS_WithSlots_47<DefineComponent<__VLS_WithDefaults_47<__VLS_TypePropsToOption_47<{
+declare const __VLS_export_79: __VLS_WithSlots_48<DefineComponent<__VLS_WithDefaults_47<__VLS_TypePropsToOption_47<{
 /**
 * Width of the labels container, in pixels. Overrides layout prop.
 */
@@ -6168,7 +6217,7 @@ labelsWidth: number;
     default?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_8: __VLS_WithSlots_5<DefineComponent<    {
+declare const __VLS_export_8: __VLS_WithSlots_6<DefineComponent<    {
 /**
 * Reduces sizing of button
 */
@@ -6290,11 +6339,11 @@ inverse: boolean;
     iconRight?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_80: __VLS_WithSlots_48<DefineComponent<    {}, unknown, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<    {}>>, {}>, {
+declare const __VLS_export_80: __VLS_WithSlots_49<DefineComponent<    {}, unknown, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<    {}>>, {}>, {
     default?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_81: __VLS_WithSlots_49<DefineComponent<__VLS_WithDefaults_48<__VLS_TypePropsToOption_48<BentoSummaryGridProps>, {
+declare const __VLS_export_81: __VLS_WithSlots_50<DefineComponent<__VLS_WithDefaults_48<__VLS_TypePropsToOption_48<BentoSummaryGridProps>, {
 columnWidth: any;
 slashedZero: boolean;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_48<__VLS_TypePropsToOption_48<BentoSummaryGridProps>, {
@@ -6317,7 +6366,7 @@ slashedZero: boolean;
     [x: `cell-${number}-6`]: (props: {}) => any;
 }>;
 
-declare const __VLS_export_82: __VLS_WithSlots_50<DefineComponent<__VLS_WithDefaults_49<__VLS_TypePropsToOption_49<BentoSummaryGridItemAmountProps>, {
+declare const __VLS_export_82: __VLS_WithSlots_51<DefineComponent<__VLS_WithDefaults_49<__VLS_TypePropsToOption_49<BentoSummaryGridItemAmountProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -6360,7 +6409,7 @@ secondaryMetric: string;
     'dashed-underline'?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_83: __VLS_WithSlots_51<DefineComponent<__VLS_WithDefaults_50<__VLS_TypePropsToOption_50<BentoSummaryGridItemNumericProps>, {
+declare const __VLS_export_83: __VLS_WithSlots_52<DefineComponent<__VLS_WithDefaults_50<__VLS_TypePropsToOption_50<BentoSummaryGridItemNumericProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -6400,7 +6449,7 @@ secondaryMetric: string;
     'dashed-underline'?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_84: __VLS_WithSlots_52<DefineComponent<__VLS_WithDefaults_51<__VLS_TypePropsToOption_51<BentoSummaryGridItemPercentageProps>, {
+declare const __VLS_export_84: __VLS_WithSlots_53<DefineComponent<__VLS_WithDefaults_51<__VLS_TypePropsToOption_51<BentoSummaryGridItemPercentageProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -6440,7 +6489,7 @@ secondaryMetric: string | number;
     'dashed-underline'?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_85: __VLS_WithSlots_53<DefineComponent<__VLS_WithDefaults_52<__VLS_TypePropsToOption_52<BentoSummaryGridItemTextProps>, {
+declare const __VLS_export_85: __VLS_WithSlots_54<DefineComponent<__VLS_WithDefaults_52<__VLS_TypePropsToOption_52<BentoSummaryGridItemTextProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -6462,7 +6511,7 @@ underlineTooltipText: string;
     'dashed-underline'?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_86: __VLS_WithSlots_54<DefineComponent<__VLS_WithDefaults_53<__VLS_TypePropsToOption_53<BentoSummaryGridItemCustomProps>, {
+declare const __VLS_export_86: __VLS_WithSlots_55<DefineComponent<__VLS_WithDefaults_53<__VLS_TypePropsToOption_53<BentoSummaryGridItemCustomProps>, {
 copy: any;
 infoIconTooltipText: any;
 fitContent: boolean;
@@ -6551,7 +6600,7 @@ activeTabIndex: number;
 stickyOptions: any;
 }>;
 
-declare const __VLS_export_88: __VLS_WithSlots_55<DefineComponent<__VLS_WithDefaults_54<__VLS_TypePropsToOption_54<BentoTabProps>, {
+declare const __VLS_export_88: __VLS_WithSlots_56<DefineComponent<__VLS_WithDefaults_54<__VLS_TypePropsToOption_54<BentoTabProps>, {
 counter: any;
 disabled: boolean;
 hidden: boolean;
@@ -6628,7 +6677,7 @@ clearable: boolean;
 resizable: BentoTextareaResizeOption | `${BentoTextareaResizeOption}`;
 }>;
 
-declare const __VLS_export_9: __VLS_WithSlots_6<DefineComponent<__VLS_WithDefaults_5<__VLS_TypePropsToOption_5<BentoAiButtonProps>, {
+declare const __VLS_export_9: __VLS_WithSlots_7<DefineComponent<__VLS_WithDefaults_5<__VLS_TypePropsToOption_5<BentoAiButtonProps>, {
 link: any;
 type: string;
 condensed: boolean;
@@ -6650,7 +6699,7 @@ inverse: BentoButtonProps_2["inverse"];
     default?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_90: __VLS_WithSlots_56<DefineComponent<__VLS_WithDefaults_56<__VLS_TypePropsToOption_56<BentoTimelineProps>, {
+declare const __VLS_export_90: __VLS_WithSlots_57<DefineComponent<__VLS_WithDefaults_56<__VLS_TypePropsToOption_56<BentoTimelineProps>, {
 addNote: boolean;
 showMore: any;
 timegapLimit: any;
@@ -6668,7 +6717,7 @@ timegapLimit: BentoTimelineGapObject;
     default?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_91: __VLS_WithSlots_57<DefineComponent<__VLS_WithDefaults_57<__VLS_TypePropsToOption_57<BentoTimelineItemProps>, {
+declare const __VLS_export_91: __VLS_WithSlots_58<DefineComponent<__VLS_WithDefaults_57<__VLS_TypePropsToOption_57<BentoTimelineItemProps>, {
 additionalTimestamp: any;
 dataList: any;
 description: any;
@@ -6703,7 +6752,7 @@ dataList: BentoTimelineDataList;
 
 declare const __VLS_export_92: DefineComponent<    {}, unknown, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<    {}>>, {}>;
 
-declare const __VLS_export_93: __VLS_WithSlots_58<DefineComponent<    {
+declare const __VLS_export_93: __VLS_WithSlots_59<DefineComponent<    {
 /**
 * @deprecated from version 2.0.0. Use the aria-label attribute instead.
 */
@@ -6854,7 +6903,7 @@ index: number;
 scrollOptions: any;
 }>;
 
-declare const __VLS_export_95: __VLS_WithSlots_59<DefineComponent<__VLS_WithDefaults_58<__VLS_TypePropsToOption_58<BentoTypographyProps>, {
+declare const __VLS_export_95: __VLS_WithSlots_60<DefineComponent<__VLS_WithDefaults_58<__VLS_TypePropsToOption_58<BentoTypographyProps>, {
 el: BentoTypographyElement;
 large: boolean;
 medium: boolean;
@@ -6882,7 +6931,7 @@ variant: BentoTypographyVariant | `${BentoTypographyVariant}`;
     default?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_96: __VLS_WithSlots_60<DefineComponent<__VLS_WithDefaults_59<__VLS_TypePropsToOption_59<{
+declare const __VLS_export_96: __VLS_WithSlots_61<DefineComponent<__VLS_WithDefaults_59<__VLS_TypePropsToOption_59<{
 /**
 * The header that goes to the top of the template
 */
@@ -6942,7 +6991,7 @@ stickyTabs: boolean;
     default?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_97: __VLS_WithSlots_61<DefineComponent<__VLS_WithDefaults_60<__VLS_TypePropsToOption_60<{
+declare const __VLS_export_97: __VLS_WithSlots_62<DefineComponent<__VLS_WithDefaults_60<__VLS_TypePropsToOption_60<{
 /**
 * The header of the section
 */
@@ -6978,7 +7027,7 @@ halfWidth: boolean;
     'content-col-2'?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_98: __VLS_WithSlots_62<DefineComponent<    {
+declare const __VLS_export_98: __VLS_WithSlots_63<DefineComponent<    {
 /**
 * The header that goes to the top of the template
 */
@@ -8785,6 +8834,12 @@ declare type __VLS_WithSlots_62<T, S> = T & {
     };
 };
 
+declare type __VLS_WithSlots_63<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
 declare type __VLS_WithSlots_7<T, S> = T & {
     new (): {
         $slots: S;
@@ -8960,7 +9015,13 @@ declare const BentoAccordionTitleSizeOptions: readonly ["default", "small"];
  */
 export declare const BentoActionBar: typeof __VLS_export;
 
-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

package/dist/action-bar.js

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