@adyen/bento-vue3 1.57.0 → 1.58.0

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

@@ -66,6 +66,7 @@ import {
     BentoPromoBanner,
     BentoRadioButton,
     BentoRadioGroup,
+    BentoRichTextEditor,
     BentoSearchBar,
     BentoSecondaryNav,
     BentoSegmentedControl,
@@ -166,6 +167,7 @@ declare module 'vue' {
         BentoPromoBanner: typeof BentoPromoBanner;
         BentoRadioButton: typeof BentoRadioButton;
         BentoRadioGroup: typeof BentoRadioGroup;
+        BentoRichTextEditor: typeof BentoRichTextEditor;
         BentoSearchBar: typeof BentoSearchBar;
         BentoSecondaryNav: typeof BentoSecondaryNav;
         BentoSegmentedControl: typeof BentoSegmentedControl;

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

@@ -99,6 +99,8 @@ declare type __VLS_NonUndefinedable_4<T> = T extends undefined ? never : T;
 
 declare type __VLS_NonUndefinedable_40<T> = T extends undefined ? never : T;
 
+declare type __VLS_NonUndefinedable_41<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;
@@ -424,6 +426,15 @@ declare type __VLS_TypePropsToRuntimeProps_40<T> = {
     };
 };
 
+declare type __VLS_TypePropsToRuntimeProps_41<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable_41<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]>>;
@@ -655,6 +666,12 @@ declare type __VLS_WithDefaults_37<P, D> = {
     } : P[K];
 };
 
+declare type __VLS_WithDefaults_38<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};
+
 declare type __VLS_WithDefaults_4<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
         default: D[K];
@@ -1479,8 +1496,10 @@ export declare type BentoBooleanFilterOption = {
 };
 
 export declare type BentoBooleanFilterOptions = {
-    positiveOption: BentoBooleanFilterOption;
-    negativeOption: BentoBooleanFilterOption;
+    positiveOption?: BentoBooleanFilterOption;
+    negativeOption?: BentoBooleanFilterOption;
+    tooltipText?: string;
+    tooltipPosition?: BentoTooltipPosition | `${BentoTooltipPosition}`;
 };
 
 export declare type BentoBooleanFilterValue = string | null;
@@ -3425,7 +3444,7 @@ export declare interface BentoCurrencyProps {
  *     `
  * }
  */
-export declare const BentoDashboardSection: __VLS_WithTemplateSlots_50<DefineComponent<__VLS_WithDefaults_37<__VLS_TypePropsToRuntimeProps_40<{
+export declare const BentoDashboardSection: __VLS_WithTemplateSlots_50<DefineComponent<__VLS_WithDefaults_38<__VLS_TypePropsToRuntimeProps_41<{
 /**
 * The header of the section
 */
@@ -3436,7 +3455,7 @@ header: BentoDashboardTemplateHeader;
 halfWidth?: boolean;
 }>, {
 halfWidth: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_37<__VLS_TypePropsToRuntimeProps_40<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_38<__VLS_TypePropsToRuntimeProps_41<{
 /**
 * The header of the section
 */
@@ -3484,7 +3503,7 @@ halfWidth: boolean;
  *     `
  * }
  */
-export declare const BentoDashboardTemplate: __VLS_WithTemplateSlots_49<DefineComponent<__VLS_WithDefaults_36<__VLS_TypePropsToRuntimeProps_39<{
+export declare const BentoDashboardTemplate: __VLS_WithTemplateSlots_49<DefineComponent<__VLS_WithDefaults_37<__VLS_TypePropsToRuntimeProps_40<{
 /**
 * The header that goes to the top of the template
 */
@@ -3507,7 +3526,7 @@ stickyFilters?: boolean;
 tabs: any;
 stickyTabs: boolean;
 stickyFilters: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_36<__VLS_TypePropsToRuntimeProps_39<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_37<__VLS_TypePropsToRuntimeProps_40<{
 /**
 * The header that goes to the top of the template
 */
@@ -4644,6 +4663,8 @@ export declare interface BentoDateFilterOptions {
     firstDayOfWeek?: CalendarMonthFirstDayOfWeek;
     isDateDisabled?: CalendarMonthIsDateDisabled;
     variant?: `${CalendarVariant}`;
+    tooltipText?: string;
+    tooltipPosition?: BentoTooltipPosition | `${BentoTooltipPosition}`;
 }
 
 export declare type BentoDateFilterValue = Date | null;
@@ -4973,6 +4994,8 @@ export declare interface BentoDateRangeFilterOptions {
     showEndDateOnOpen?: boolean;
     quickSelectRanges?: DateRangePickerCalendarRangeSelectorItems | boolean;
     variant?: `${CalendarVariant}`;
+    tooltipText?: string;
+    tooltipPosition?: BentoTooltipPosition | `${BentoTooltipPosition}`;
 }
 
 export declare type BentoDateRangeFilterValue = BentoDateRangePickerValue | null;
@@ -5208,7 +5231,7 @@ onEnterPressedOverInput: () => void;
 onDateRangePickerInput: (selectedRange: BentoDateRangePickerValue) => void;
 onDateRangePickerError: (dateTextInput: any) => void;
 onDateRangePickerFormDateInputUpdate: (dateFormDate: DateRangePickerCalendarFormData) => void;
-t: (key: "cancel" | "apply" | "selectDate" | "provideDateInAFormat" | "selectDateRange" | "selectedDateIsNotAvailable" | "dateRangePicker", values?: default_2.Values) => string;
+t: (key: "cancel" | "apply" | "selectDate" | "provideDateInAFormat" | "selectDateRange" | "selectedDateIsNotAvailable" | "quarter" | "dateRangePicker", values?: default_2.Values) => string;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, BentoDateRangePickerEvent[], string, Readonly<ExtractPropTypes<    {
 /**
 * Allows user to enter time values in the form
@@ -8844,23 +8867,11 @@ export declare enum BentoInputFieldEvent {
  *              label="Label"
  *              error-message="Error"
  *              :validation="{
- *                  title: 'Password must contain at least:',
- *                  suggestion: 'Avoid using currency symbols or accented letters.',
+ *                  extendDefaultValidation: true,
  *                  list: [
- *                      { label: '12 characters', key: 'minLength', validate: minLength, additionalArgs: [12] },
- *                      { label: '1 lowercase (a-z)', key: 'requireLowercase', validate: requireLowercase },
- *                      { label: '1 uppercase (A-Z)', key: 'requireUppercase', validate: requireUppercase },
- *                      { label: '1 numerical (0-9)', key: 'requireNumeric', validate: requireNumeric },
- *                      { label: '1 special character', key: 'requireSpecialCharacter', validate: requireSpecialCharacter },
- *                      {
- *                          label: 'Always true',
- *                          key: 'alwaysTrue',
- *                          validate: () => {
- *                              const example = 'Example';
- *
- *                              return () => example.length > 1;
- *                          },
- *                      },
+ *                      { label: '18 characters', key: 'minLength', validate: minLength, additionalArgs: [18] },
+ *                      { label: 'Always true', key: 'alwaysTrue', validate: () => true },
+ *                      { key: 'requireSpecialCharacter', disabled: true }
  *                  ],
  *              }"
  *          />
@@ -8954,6 +8965,7 @@ export declare interface BentoInputFieldPasswordProps {
      *
      * - `title`: The title displayed at the top of the validation hint.
      * - `suggestion`: The message displayed at the bottom of the validation hint, providing additional guidance.
+     * - `extendDefaultValidation`: Set to true if you want to add your custom rules to the default validation instead of overriding the list.
      * - `list`: An array of callback functions to be executed on the value after each user input, validating the password against the specified rules.
      *
      * By default, the validation checks that:
@@ -8976,6 +8988,7 @@ export declare interface BentoInputFieldPasswordProps {
 export declare interface BentoInputFieldPasswordValidation {
     title?: string;
     suggestion?: string;
+    extendDefaultValidation?: boolean;
     list: BentoInputFieldPasswordValidationListItem[];
 }
 
@@ -8983,10 +8996,11 @@ export declare interface BentoInputFieldPasswordValidation {
  * Public
  */
 export declare interface BentoInputFieldPasswordValidationListItem {
-    label: string;
+    label?: string;
     key?: BentoInputFieldPasswordDefaultRuleKeys | string;
-    validate: (value: BentoInputFieldValue, ...args: any[]) => boolean;
+    validate?: (value: BentoInputFieldValue, ...args: any[]) => boolean;
     additionalArgs?: any[];
+    disabled?: boolean;
 }
 
 /**
@@ -9188,6 +9202,14 @@ export declare interface BentoInputFilterOptions {
      * @deprecated from version 2.0.0. BentoInputFilter "options" no longer supports "variant".  Use the "BentoFilterItemType.INPUT_DROPDOWN" instead of "BentoFilterItemType.INPUT"
      */
     variant?: 'dropdown';
+    /**
+     * Attaches a `BentoTooltip` if present. Text showed in the tooltip on hover.
+     */
+    tooltipText?: string;
+    /**
+     * Position the tooltip should take if space is available.
+     */
+    tooltipPosition?: BentoTooltipPosition | `${BentoTooltipPosition}`;
 }
 
 export declare interface BentoInputFilterProps {
@@ -9220,6 +9242,8 @@ export declare interface BentoInputFilterProps {
      *   - dropdown (deprecated): all the dropdown properties that can be set in the inner dropdown of the input field. @see BentoDropdown for more info.
      *   - dropdownPosition (deprecated): allow the user to set the dropdown on the left or right side. Accepts the `start` or `end` values.
      *   - variant (deprecated): can be `undefined` or set to `dropdown`. Enables dropdown input variant.
+     *   - tooltipPosition: The position of the tooltip attached to the filter button
+     *   - tooltipText: The content of the tooltip attached to the filter button
      */
     options?: BentoInputFilterOptions;
     /**
@@ -9234,6 +9258,8 @@ export declare type BentoInputFilterValue = string | null | BentoInputFilterInpu
 export declare type BentoInputWithDropdownFilterOptions = {
     dropdown: BentoInputDropdownProps;
     dropdownPosition?: BentoInputFieldElementPosition | `${BentoInputFieldElementPosition}`;
+    tooltipText?: string;
+    tooltipPosition?: BentoTooltipPosition | `${BentoTooltipPosition}`;
 };
 
 export declare type BentoInpuWithDropdowntFilterValue = {
@@ -10923,9 +10949,9 @@ page: number;
 size: number;
 ariaLabel: string;
 virtualScroll: boolean;
+totalCount: number;
 hasNext: boolean;
 hidePageSize: boolean;
-totalCount: number;
 }>, {
     default: (_: {}) => any;
 }>;
@@ -13142,6 +13168,111 @@ export declare enum BentoRadioGroupVariant {
     VERTICAL = "vertical"
 }
 
+export declare type BentoRangeFilterOptions = {
+    tooltipText?: string;
+    tooltipPosition?: BentoTooltipPosition | `${BentoTooltipPosition}`;
+};
+
+/**
+ * An editable content area with additional functionality
+ * that allows to change text styling and add links and tables.
+ *
+ * @example
+ * import { BentoRichTextEditor } from '@adyen/bento-vue2';
+ *
+ * export default {
+ *     components: { BentoRichTextEditor },
+ *     template: `
+ *          <bento-rich-text-editor
+ *              v-model="value"
+ *              :label="label"
+ *              :description="description"
+ *              :disabled="false"
+ *          />
+ *     `
+ * }
+ */
+export declare const BentoRichTextEditor: DefineComponent<__VLS_WithDefaults_26<__VLS_TypePropsToRuntimeProps_26<BentoRichTextEditorProps>, {
+description: any;
+disabled: boolean;
+errorMessage: any;
+hideLabel: any;
+label: any;
+mode: string;
+required: boolean;
+tooltipText: any;
+value: any;
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+input: (value: string) => void;
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_26<__VLS_TypePropsToRuntimeProps_26<BentoRichTextEditorProps>, {
+description: any;
+disabled: boolean;
+errorMessage: any;
+hideLabel: any;
+label: any;
+mode: string;
+required: boolean;
+tooltipText: any;
+value: any;
+}>>>, {
+value: string;
+description: string;
+label: string;
+required: boolean;
+disabled: boolean;
+tooltipText: string;
+hideLabel: boolean;
+errorMessage: string;
+mode: BentoRichTextEditorMode;
+}>;
+
+/**
+ * Private
+ */
+declare type BentoRichTextEditorMode = 'visual' | 'markdown';
+
+/**
+ * Public
+ */
+export declare interface BentoRichTextEditorProps {
+    /**
+     * Descriptive supporting text visibile underneath the rich text editor.
+     */
+    description?: string;
+    /**
+     * Disables rich text editor functionality.
+     */
+    disabled?: boolean;
+    /**
+     * Highlights the rich text editor in an erroneous state with an error message.
+     */
+    errorMessage?: string;
+    /**
+     * Shows/hides the label.
+     */
+    hideLabel?: boolean;
+    /**
+     * Text that is displayed as a label above the element.
+     */
+    label?: string;
+    /**
+     * Allows the component to render first in visual mode.
+     */
+    mode?: BentoRichTextEditorMode;
+    /**
+     * Highlights the rich text editor is required.
+     */
+    required?: boolean;
+    /**
+     * Adds a info icon next to the label to display the passed tooltip message.
+     */
+    tooltipText?: string;
+    /**
+     * Text displayed as the value of the rich text editor
+     */
+    value?: string;
+}
+
 /**
  * Search functionality to help users find the desired data quicker.
  * When a user starts typing, the data is dynamically filtered to
@@ -13185,7 +13316,7 @@ export declare enum BentoRadioGroupVariant {
  *     }
  * }
  */
-export declare const BentoSearchBar: DefineComponent<__VLS_WithDefaults_26<__VLS_TypePropsToRuntimeProps_26<BentoSearchBarProps>, {
+export declare const BentoSearchBar: DefineComponent<__VLS_WithDefaults_27<__VLS_TypePropsToRuntimeProps_27<BentoSearchBarProps>, {
 condensed: boolean;
 debounceTime: number;
 hint: string;
@@ -13206,7 +13337,7 @@ clear: () => void;
 blur: () => void;
 } & {
 focus: () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_26<__VLS_TypePropsToRuntimeProps_26<BentoSearchBarProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_27<__VLS_TypePropsToRuntimeProps_27<BentoSearchBarProps>, {
 condensed: boolean;
 debounceTime: number;
 hint: string;
@@ -13289,7 +13420,7 @@ export declare interface BentoSearchBarProps {
  *     }
  * }
  */
-export declare const BentoSecondaryNav: DefineComponent<__VLS_TypePropsToRuntimeProps_27<{
+export declare const BentoSecondaryNav: DefineComponent<__VLS_TypePropsToRuntimeProps_28<{
 /**
 * 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.
@@ -13302,7 +13433,7 @@ items: BentoSecondaryNavItems;
 value?: string;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 change: (category: string) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_27<{
+}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_28<{
 /**
 * 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.
@@ -13347,7 +13478,7 @@ export declare interface BentoSecondaryNavState {
  *     `
  * }
  */
-export declare const BentoSegmentedControl: DefineComponent<__VLS_WithDefaults_27<__VLS_TypePropsToRuntimeProps_28<BentoSegmentedControlProps>, {
+export declare const BentoSegmentedControl: DefineComponent<__VLS_WithDefaults_28<__VLS_TypePropsToRuntimeProps_29<BentoSegmentedControlProps>, {
 ariaLabel: any;
 fullWidth: boolean;
 wrap: boolean;
@@ -13356,7 +13487,7 @@ modelValue: any;
 "update:model-value": (value: any) => void;
 } & {
 input: (value: BentoSegmentedControlValue) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_27<__VLS_TypePropsToRuntimeProps_28<BentoSegmentedControlProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_28<__VLS_TypePropsToRuntimeProps_29<BentoSegmentedControlProps>, {
 ariaLabel: any;
 fullWidth: boolean;
 wrap: boolean;
@@ -13498,6 +13629,14 @@ export declare interface BentoSelectFilterOptions {
      * The itemHeight function is used to calculate the height of rendered item given it's index.
      */
     virtualScroll?: BentoListboxVirtulisationOptions;
+    /**
+     * Attaches a `BentoTooltip` if present. Text showed in the tooltip on hover.
+     */
+    tooltipText?: string;
+    /**
+     * Position the tooltip should take if space is available.
+     */
+    tooltipPosition?: BentoTooltipPosition | `${BentoTooltipPosition}`;
 }
 
 export declare type BentoSelectFilterValue = BentoListboxSelectedValue;
@@ -14300,7 +14439,7 @@ destructiveActions: boolean;
  *     `
  * }
  */
-export declare const BentoStatus: __VLS_WithTemplateSlots_37<DefineComponent<__VLS_TypePropsToRuntimeProps_29<BentoStatusProps>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_29<BentoStatusProps>>>, {}>, {
+export declare const BentoStatus: __VLS_WithTemplateSlots_37<DefineComponent<__VLS_TypePropsToRuntimeProps_30<BentoStatusProps>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_30<BentoStatusProps>>>, {}>, {
     default: (_: {}) => any;
 }>;
 
@@ -14513,7 +14652,7 @@ declare interface BentoStickyTabsOptions {
  *     `
  * }
  */
-export declare const BentoStructuredList: __VLS_WithTemplateSlots_40<DefineComponent<__VLS_WithDefaults_28<__VLS_TypePropsToRuntimeProps_30<{
+export declare const BentoStructuredList: __VLS_WithTemplateSlots_40<DefineComponent<__VLS_WithDefaults_29<__VLS_TypePropsToRuntimeProps_31<{
 /**
 * Width of the labels container, in pixels. Overrides layout prop.
 */
@@ -14534,7 +14673,7 @@ layout?: BentoStructuredListLayoutOptions;
 }>, {
 labelsWidth: any;
 layout: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_28<__VLS_TypePropsToRuntimeProps_30<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_29<__VLS_TypePropsToRuntimeProps_31<{
 /**
 * Width of the labels container, in pixels. Overrides layout prop.
 */
@@ -14585,7 +14724,7 @@ labelsWidth: number;
  *     `
  * }
  */
-export declare const BentoStructuredListItem: __VLS_WithTemplateSlots_41<DefineComponent<__VLS_TypePropsToRuntimeProps_31<{
+export declare const BentoStructuredListItem: __VLS_WithTemplateSlots_41<DefineComponent<__VLS_TypePropsToRuntimeProps_32<{
 /**
 * Label to display for the value
 */
@@ -14610,7 +14749,7 @@ searchTooltip?: string;
 * Truncates the value of the item
 */
 truncate?: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_31<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_32<{
 /**
 * Label to display for the value
 */
@@ -14665,10 +14804,10 @@ declare const BentoStructuredListLayoutOptions: string[];
  *     `
  * }
  */
-export declare const BentoSummaryGrid: __VLS_WithTemplateSlots_42<DefineComponent<__VLS_WithDefaults_29<__VLS_TypePropsToRuntimeProps_32<BentoSummaryGridProps>, {
+export declare const BentoSummaryGrid: __VLS_WithTemplateSlots_42<DefineComponent<__VLS_WithDefaults_30<__VLS_TypePropsToRuntimeProps_33<BentoSummaryGridProps>, {
 columnWidth: any;
 slashedZero: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_29<__VLS_TypePropsToRuntimeProps_32<BentoSummaryGridProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_30<__VLS_TypePropsToRuntimeProps_33<BentoSummaryGridProps>, {
 columnWidth: any;
 slashedZero: boolean;
 }>>>, {
@@ -14703,7 +14842,7 @@ export declare interface BentoSummaryGridColumnWidth {
  *     `
  * }
  */
-export declare const BentoSummaryGridItemAmount: __VLS_WithTemplateSlots_43<DefineComponent<__VLS_WithDefaults_30<__VLS_TypePropsToRuntimeProps_33<BentoSummaryGridItemAmountProps>, {
+export declare const BentoSummaryGridItemAmount: __VLS_WithTemplateSlots_43<DefineComponent<__VLS_WithDefaults_31<__VLS_TypePropsToRuntimeProps_34<BentoSummaryGridItemAmountProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -14716,7 +14855,7 @@ trend: any;
 trendDirection: string;
 underlinePopoverSize: string;
 underlineTooltipText: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_30<__VLS_TypePropsToRuntimeProps_33<BentoSummaryGridItemAmountProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_31<__VLS_TypePropsToRuntimeProps_34<BentoSummaryGridItemAmountProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -14776,13 +14915,13 @@ export declare interface BentoSummaryGridItemAmountProps extends BaseSummaryGrid
  *     `
  * }
  */
-export declare const BentoSummaryGridItemCustom: __VLS_WithTemplateSlots_47<DefineComponent<__VLS_WithDefaults_34<__VLS_TypePropsToRuntimeProps_37<BentoSummaryGridItemCustomProps>, {
+export declare const BentoSummaryGridItemCustom: __VLS_WithTemplateSlots_47<DefineComponent<__VLS_WithDefaults_35<__VLS_TypePropsToRuntimeProps_38<BentoSummaryGridItemCustomProps>, {
 copy: any;
 infoIconTooltipText: any;
 fitContent: boolean;
 underlinePopoverSize: string;
 underlineTooltipText: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_34<__VLS_TypePropsToRuntimeProps_37<BentoSummaryGridItemCustomProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_35<__VLS_TypePropsToRuntimeProps_38<BentoSummaryGridItemCustomProps>, {
 copy: any;
 infoIconTooltipText: any;
 fitContent: boolean;
@@ -14846,7 +14985,7 @@ export declare interface BentoSummaryGridItemCustomProps {
  *     `
  * }
  */
-export declare const BentoSummaryGridItemNumeric: __VLS_WithTemplateSlots_44<DefineComponent<__VLS_WithDefaults_31<__VLS_TypePropsToRuntimeProps_34<BentoSummaryGridItemNumericProps>, {
+export declare const BentoSummaryGridItemNumeric: __VLS_WithTemplateSlots_44<DefineComponent<__VLS_WithDefaults_32<__VLS_TypePropsToRuntimeProps_35<BentoSummaryGridItemNumericProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -14858,7 +14997,7 @@ trend: any;
 trendDirection: string;
 underlinePopoverSize: string;
 underlineTooltipText: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_31<__VLS_TypePropsToRuntimeProps_34<BentoSummaryGridItemNumericProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_32<__VLS_TypePropsToRuntimeProps_35<BentoSummaryGridItemNumericProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -14917,7 +15056,7 @@ export declare interface BentoSummaryGridItemNumericProps extends BaseSummaryGri
  *     `
  * }
  */
-export declare const BentoSummaryGridItemPercentage: __VLS_WithTemplateSlots_45<DefineComponent<__VLS_WithDefaults_32<__VLS_TypePropsToRuntimeProps_35<BentoSummaryGridItemPercentageProps>, {
+export declare const BentoSummaryGridItemPercentage: __VLS_WithTemplateSlots_45<DefineComponent<__VLS_WithDefaults_33<__VLS_TypePropsToRuntimeProps_36<BentoSummaryGridItemPercentageProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -14929,7 +15068,7 @@ trend: any;
 trendDirection: string;
 underlinePopoverSize: string;
 underlineTooltipText: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_32<__VLS_TypePropsToRuntimeProps_35<BentoSummaryGridItemPercentageProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_33<__VLS_TypePropsToRuntimeProps_36<BentoSummaryGridItemPercentageProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -15003,13 +15142,13 @@ declare enum BentoSummaryGridItemSize_2 {
  *     `
  * }
  */
-export declare const BentoSummaryGridItemText: __VLS_WithTemplateSlots_46<DefineComponent<__VLS_WithDefaults_33<__VLS_TypePropsToRuntimeProps_36<BentoSummaryGridItemTextProps>, {
+export declare const BentoSummaryGridItemText: __VLS_WithTemplateSlots_46<DefineComponent<__VLS_WithDefaults_34<__VLS_TypePropsToRuntimeProps_37<BentoSummaryGridItemTextProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
 underlinePopoverSize: string;
 underlineTooltipText: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_33<__VLS_TypePropsToRuntimeProps_36<BentoSummaryGridItemTextProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_34<__VLS_TypePropsToRuntimeProps_37<BentoSummaryGridItemTextProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -16867,7 +17006,7 @@ export declare interface BentoTutorialStep {
  *     `
  * }
  */
-export declare const BentoTypography: __VLS_WithTemplateSlots_48<DefineComponent<__VLS_WithDefaults_35<__VLS_TypePropsToRuntimeProps_38<{
+export declare const BentoTypography: __VLS_WithTemplateSlots_48<DefineComponent<__VLS_WithDefaults_36<__VLS_TypePropsToRuntimeProps_39<{
 /**
 * Sets the HTML DOM element.
 * @values h1, h2, h3, h4, h5, h6, div, p, span
@@ -16915,7 +17054,7 @@ stronger: boolean;
 strongest: boolean;
 variant: BentoTypographyVariant;
 wide: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_35<__VLS_TypePropsToRuntimeProps_38<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_36<__VLS_TypePropsToRuntimeProps_39<{
 /**
 * Sets the HTML DOM element.
 * @values h1, h2, h3, h4, h5, h6, div, p, span
@@ -17025,7 +17164,7 @@ export declare type Booleanish = boolean | 'true' | 'false';
 
 declare type ButtonProps = InstanceType<typeof BentoButton>['$props'];
 
-declare type CalendarGranularityType = 'daily' | 'weekly' | 'monthly';
+declare type CalendarGranularityType = 'daily' | 'weekly' | 'monthly' | 'quarterly';
 
 declare enum CalendarMonthFirstDayOfWeek {
     MONDAY = 1,

package/dist/action-bar.js

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

package/dist/assets/accordion-item.css

@@ -1 +1 @@
-.b-accordion[data-v-9fccc066]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-accordion[data-v-9fccc066],.b-accordion[data-v-9fccc066]:before,.b-accordion[data-v-9fccc066]:after{box-sizing:border-box}.b-accordion[data-v-9fccc066] *,.b-accordion[data-v-9fccc066] *:before,.b-accordion[data-v-9fccc066] *:after{box-sizing:border-box}.b-accordion[data-v-9fccc066] ::-webkit-scrollbar{height:14px;width:14px}.b-accordion[data-v-9fccc066] ::-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-242828d5]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-accordion-item-background-color);border-bottom:var(--b-accordion-item-border)}.b-accordion-item[data-v-242828d5],.b-accordion-item[data-v-242828d5]:before,.b-accordion-item[data-v-242828d5]:after{box-sizing:border-box}.b-accordion-item[data-v-242828d5] *,.b-accordion-item[data-v-242828d5] *:before,.b-accordion-item[data-v-242828d5] *:after{box-sizing:border-box}.b-accordion-item[data-v-242828d5] ::-webkit-scrollbar{height:14px;width:14px}.b-accordion-item[data-v-242828d5] ::-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-242828d5]{background-color:transparent;border:0;font:inherit;text-align:inherit}.b-accordion-item button[data-v-242828d5]:focus-visible{outline:none}.b-legacy-theme .b-accordion-item__heading[data-v-242828d5]{font-size:15px;line-height:1.4}.b-accordion-item[data-v-242828d5]:first-of-type{border-top:var(--b-accordion-item-border)}.b-accordion-item__button[data-v-242828d5]{align-items:center;color:var(--b-accordion-item-button-color);cursor:pointer;display:flex;gap:var(--b-accordion-item-button-gap);padding:var(--b-accordion-item-button-padding);position:relative;width:100%;z-index:0}.b-accordion-item__button[data-v-242828d5]:hover{background-color:var(--b-accordion-item-button-hover-background-color)}.b-accordion-item__button[data-v-242828d5]:active{background-color:var(--b-accordion-item-button-active-background-color)}.b-accordion-item__button[data-v-242828d5]:focus-visible{animation:outer-ring-default-242828d5 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-242828d5{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-242828d5]{color:var(--b-accordion-item-content-color);padding:var(--b-accordion-item-content-padding)}.b-accordion-item__animation--content-enter-active[data-v-242828d5]{animation:fade-in-u8tfasj-242828d5 var(--b-accordion-item-animation-duration) var(--b-animation-easing-linear),enter-u8tfasj-242828d5 var(--b-accordion-item-animation-duration) var(--b-animation-easing-enter),scale-up-u8tfasj-242828d5 var(--b-accordion-item-animation-duration) var(--b-animation-easing-linear);overflow:hidden;transition:max-height var(--b-accordion-item-animation-duration) var(--b-accordion-item-animation-easing)}@keyframes fade-in-u8tfasj-242828d5{0%{opacity:0}to{opacity:1}}@keyframes scale-up-u8tfasj-242828d5{0%{scale:1}to{scale:1}}@keyframes enter-u8tfasj-242828d5{0%{translate:0 -8px}to{translate:0 0}}.b-accordion-item__animation--content-leave-active[data-v-242828d5]{animation:fade-out-u8tfast-242828d5 var(--b-accordion-item-animation-duration) var(--b-animation-easing-linear),exit-u8tfast-242828d5 var(--b-accordion-item-animation-duration) var(--b-animation-easing-exit),scale-down-u8tfast-242828d5 var(--b-accordion-item-animation-duration) var(--b-animation-easing-linear);max-height:0!important;overflow:hidden;transition:max-height var(--b-accordion-item-animation-duration) var(--b-accordion-item-animation-easing)}@keyframes fade-out-u8tfast-242828d5{0%{opacity:1}to{opacity:0}}@keyframes scale-down-u8tfast-242828d5{0%{scale:1}to{scale:1}}@keyframes exit-u8tfast-242828d5{0%{translate:0 0}to{translate:0 -8px}}
+.b-accordion[data-v-9fccc066]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-accordion[data-v-9fccc066],.b-accordion[data-v-9fccc066]:before,.b-accordion[data-v-9fccc066]:after{box-sizing:border-box}.b-accordion[data-v-9fccc066] *,.b-accordion[data-v-9fccc066] *:before,.b-accordion[data-v-9fccc066] *:after{box-sizing:border-box}.b-accordion[data-v-9fccc066] ::-webkit-scrollbar{height:14px;width:14px}.b-accordion[data-v-9fccc066] ::-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-242828d5]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-accordion-item-background-color);border-bottom:var(--b-accordion-item-border)}.b-accordion-item[data-v-242828d5],.b-accordion-item[data-v-242828d5]:before,.b-accordion-item[data-v-242828d5]:after{box-sizing:border-box}.b-accordion-item[data-v-242828d5] *,.b-accordion-item[data-v-242828d5] *:before,.b-accordion-item[data-v-242828d5] *:after{box-sizing:border-box}.b-accordion-item[data-v-242828d5] ::-webkit-scrollbar{height:14px;width:14px}.b-accordion-item[data-v-242828d5] ::-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-242828d5]{background-color:transparent;border:0;font:inherit;text-align:inherit}.b-accordion-item button[data-v-242828d5]:focus-visible{outline:none}.b-legacy-theme .b-accordion-item__heading[data-v-242828d5]{font-size:15px;line-height:1.4}.b-accordion-item[data-v-242828d5]:first-of-type{border-top:var(--b-accordion-item-border)}.b-accordion-item__button[data-v-242828d5]{align-items:center;color:var(--b-accordion-item-button-color);cursor:pointer;display:flex;gap:var(--b-accordion-item-button-gap);padding:var(--b-accordion-item-button-padding);position:relative;width:100%;z-index:0}.b-accordion-item__button[data-v-242828d5]:hover{background-color:var(--b-accordion-item-button-hover-background-color)}.b-accordion-item__button[data-v-242828d5]:active{background-color:var(--b-accordion-item-button-active-background-color)}.b-accordion-item__button[data-v-242828d5]:focus-visible{animation:outer-ring-default-242828d5 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-242828d5{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-242828d5]{color:var(--b-accordion-item-content-color);padding:var(--b-accordion-item-content-padding)}.b-accordion-item__animation--content-enter-active[data-v-242828d5]{animation:fade-in-ueyiljs-242828d5 var(--b-accordion-item-animation-duration) var(--b-animation-easing-linear),enter-ueyiljs-242828d5 var(--b-accordion-item-animation-duration) var(--b-animation-easing-enter),scale-up-ueyiljs-242828d5 var(--b-accordion-item-animation-duration) var(--b-animation-easing-linear);overflow:hidden;transition:max-height var(--b-accordion-item-animation-duration) var(--b-accordion-item-animation-easing)}@keyframes fade-in-ueyiljs-242828d5{0%{opacity:0}to{opacity:1}}@keyframes scale-up-ueyiljs-242828d5{0%{scale:1}to{scale:1}}@keyframes enter-ueyiljs-242828d5{0%{translate:0 -8px}to{translate:0 0}}.b-accordion-item__animation--content-leave-active[data-v-242828d5]{animation:fade-out-ueyilki-242828d5 var(--b-accordion-item-animation-duration) var(--b-animation-easing-linear),exit-ueyilki-242828d5 var(--b-accordion-item-animation-duration) var(--b-animation-easing-exit),scale-down-ueyilki-242828d5 var(--b-accordion-item-animation-duration) var(--b-animation-easing-linear);max-height:0!important;overflow:hidden;transition:max-height var(--b-accordion-item-animation-duration) var(--b-accordion-item-animation-easing)}@keyframes fade-out-ueyilki-242828d5{0%{opacity:1}to{opacity:0}}@keyframes scale-down-ueyilki-242828d5{0%{scale:1}to{scale:1}}@keyframes exit-ueyilki-242828d5{0%{translate:0 0}to{translate:0 -8px}}

package/dist/assets/action-bar.css

@@ -1 +1 @@
-.b-action-bar[data-v-060c6443]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;bottom:var(--b-action-bar-bottom);display:flex;justify-content:center;left:0;pointer-events:none;position:fixed;width:100%;z-index:var(--b-action-bar-z-index)}.b-action-bar[data-v-060c6443],.b-action-bar[data-v-060c6443]:before,.b-action-bar[data-v-060c6443]:after{box-sizing:border-box}.b-action-bar[data-v-060c6443] *,.b-action-bar[data-v-060c6443] *:before,.b-action-bar[data-v-060c6443] *:after{box-sizing:border-box}.b-action-bar[data-v-060c6443] ::-webkit-scrollbar{height:14px;width:14px}.b-action-bar[data-v-060c6443] ::-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-action-bar__container[data-v-060c6443]{align-items:center;background-color:var(--b-action-bar-container-background-color);border-radius:var(--b-action-bar-container-border-radius);color:var(--b-action-bar-container-color);display:flex;padding:var(--b-action-bar-container-padding);pointer-events:all;width:var(--b-action-bar-container-width)}@media (min-width: 500px){.b-action-bar__container[data-v-060c6443]{width:auto}}.b-action-bar__close-button[data-v-060c6443]{align-items:center;display:flex;margin-right:var(--b-action-bar-close-button-margin-right-mobile)}@media (min-width: 500px){.b-action-bar__close-button[data-v-060c6443]{margin-right:var(--b-action-bar-close-button-margin-right)}}.b-action-bar__selection[data-v-060c6443]{margin-right:var(--b-action-bar-selection-margin-right-mobile);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-legacy-theme .b-action-bar__selection[data-v-060c6443]{font-weight:600}@media (min-width: 500px){.b-action-bar__selection[data-v-060c6443]{margin-right:var(--b-action-bar-selection-margin-right);width:120px}}@media (min-width: 500px){.b-action-bar--confirmation .b-action-bar__selection[data-v-060c6443]{width:160px}}.b-action-bar__actions[data-v-060c6443]{container-type:normal}.b-action-bar__actions[data-v-060c6443] .b-button-actions__container-wrapper{flex-direction:row}.b-action-bar--extra-spacing[data-v-060c6443]{bottom:var(--b-action-bar-bottom-extra-spacing)}.b-action-bar__animation-enter-active[data-v-060c6443]{animation:fade-in-u8tfajd-060c6443 var(--b-action-bar-animation-duration) var(--b-animation-easing-linear),enter-u8tfajd-060c6443 var(--b-action-bar-animation-duration) var(--b-animation-easing-enter),scale-up-u8tfajd-060c6443 var(--b-action-bar-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-in-u8tfajd-060c6443{0%{opacity:0}to{opacity:1}}@keyframes scale-up-u8tfajd-060c6443{0%{scale:.9}to{scale:1}}@keyframes enter-u8tfajd-060c6443{0%{translate:0 8px}to{translate:0 0}}.b-action-bar__animation-leave-active[data-v-060c6443]{animation:fade-out-u8tfaly-060c6443 var(--b-action-bar-animation-duration) var(--b-animation-easing-linear),exit-u8tfaly-060c6443 var(--b-action-bar-animation-duration) var(--b-animation-easing-exit),scale-down-u8tfaly-060c6443 var(--b-action-bar-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-out-u8tfaly-060c6443{0%{opacity:1}to{opacity:0}}@keyframes scale-down-u8tfaly-060c6443{0%{scale:1}to{scale:.9}}@keyframes exit-u8tfaly-060c6443{0%{translate:0 0}to{translate:0 8px}}
+.b-action-bar[data-v-060c6443]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;bottom:var(--b-action-bar-bottom);display:flex;justify-content:center;left:0;pointer-events:none;position:fixed;width:100%;z-index:var(--b-action-bar-z-index)}.b-action-bar[data-v-060c6443],.b-action-bar[data-v-060c6443]:before,.b-action-bar[data-v-060c6443]:after{box-sizing:border-box}.b-action-bar[data-v-060c6443] *,.b-action-bar[data-v-060c6443] *:before,.b-action-bar[data-v-060c6443] *:after{box-sizing:border-box}.b-action-bar[data-v-060c6443] ::-webkit-scrollbar{height:14px;width:14px}.b-action-bar[data-v-060c6443] ::-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-action-bar__container[data-v-060c6443]{align-items:center;background-color:var(--b-action-bar-container-background-color);border-radius:var(--b-action-bar-container-border-radius);color:var(--b-action-bar-container-color);display:flex;padding:var(--b-action-bar-container-padding);pointer-events:all;width:var(--b-action-bar-container-width)}@media (min-width: 500px){.b-action-bar__container[data-v-060c6443]{width:auto}}.b-action-bar__close-button[data-v-060c6443]{align-items:center;display:flex;margin-right:var(--b-action-bar-close-button-margin-right-mobile)}@media (min-width: 500px){.b-action-bar__close-button[data-v-060c6443]{margin-right:var(--b-action-bar-close-button-margin-right)}}.b-action-bar__selection[data-v-060c6443]{margin-right:var(--b-action-bar-selection-margin-right-mobile);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-legacy-theme .b-action-bar__selection[data-v-060c6443]{font-weight:600}@media (min-width: 500px){.b-action-bar__selection[data-v-060c6443]{margin-right:var(--b-action-bar-selection-margin-right);width:120px}}@media (min-width: 500px){.b-action-bar--confirmation .b-action-bar__selection[data-v-060c6443]{width:160px}}.b-action-bar__actions[data-v-060c6443]{container-type:normal}.b-action-bar__actions[data-v-060c6443] .b-button-actions__container-wrapper{flex-direction:row}.b-action-bar--extra-spacing[data-v-060c6443]{bottom:var(--b-action-bar-bottom-extra-spacing)}.b-action-bar__animation-enter-active[data-v-060c6443]{animation:fade-in-ueyilbs-060c6443 var(--b-action-bar-animation-duration) var(--b-animation-easing-linear),enter-ueyilbs-060c6443 var(--b-action-bar-animation-duration) var(--b-animation-easing-enter),scale-up-ueyilbs-060c6443 var(--b-action-bar-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-in-ueyilbs-060c6443{0%{opacity:0}to{opacity:1}}@keyframes scale-up-ueyilbs-060c6443{0%{scale:.9}to{scale:1}}@keyframes enter-ueyilbs-060c6443{0%{translate:0 8px}to{translate:0 0}}.b-action-bar__animation-leave-active[data-v-060c6443]{animation:fade-out-ueyilea-060c6443 var(--b-action-bar-animation-duration) var(--b-animation-easing-linear),exit-ueyilea-060c6443 var(--b-action-bar-animation-duration) var(--b-animation-easing-exit),scale-down-ueyilea-060c6443 var(--b-action-bar-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-out-ueyilea-060c6443{0%{opacity:1}to{opacity:0}}@keyframes scale-down-ueyilea-060c6443{0%{scale:1}to{scale:.9}}@keyframes exit-ueyilea-060c6443{0%{translate:0 0}to{translate:0 8px}}

package/dist/assets/base-modal.css

@@ -1 +1 @@
-.b-modal-page[data-v-20505cf1]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-modal-container-background-color);border-radius:var(--b-modal-border-radius);display:flex;flex-direction:column;max-height:calc(100vh - 2em - 6px);position:absolute;width:100%}.b-modal-page[data-v-20505cf1],.b-modal-page[data-v-20505cf1]:before,.b-modal-page[data-v-20505cf1]:after{box-sizing:border-box}.b-modal-page[data-v-20505cf1] *,.b-modal-page[data-v-20505cf1] *:before,.b-modal-page[data-v-20505cf1] *:after{box-sizing:border-box}.b-modal-page[data-v-20505cf1] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-page[data-v-20505cf1] ::-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-modal-page--custom-padding[data-v-20505cf1] .b-dialog-page__header{flex:0}.b-modal-page__header-container[data-v-20505cf1],.b-modal-page__actions-container[data-v-20505cf1]{position:sticky;width:100%}.b-modal-page__header-container[data-v-20505cf1]{display:flex;padding-block:var(--b-modal-header-container-padding-block);padding-inline:var(--b-modal-header-container-padding-inline)}.b-modal-page__actions-container[data-v-20505cf1]{padding:var(--b-modal-actions-container-padding)}.b-modal-page__header[data-v-20505cf1]{min-height:var(--b-modal-header-min-height)}.b-modal-page[data-v-20505cf1] .b-dialog-page__back-button{align-self:flex-start;height:var(--b-modal-header-min-height);position:relative;top:var(--b-modal-header-container-padding-block)}.b-modal-page__content[data-v-20505cf1]{display:inline-block;padding:var(--b-modal-content-padding);width:100%}.b-modal-page__content--with-header[data-v-20505cf1]{padding-top:0}.b-modal-page__content--with-actions[data-v-20505cf1]{padding-bottom:0}.b-modal-page__grid[data-v-20505cf1]>:nth-child(1){border-right:var(--b-modal-container-column-layout-border);padding:var(--b-modal-container-column-layout-padding);padding-left:0}.b-modal-page__grid[data-v-20505cf1]>:nth-child(2){padding:var(--b-modal-container-column-layout-padding);padding-right:0}.b-modal-base[data-v-55c8c255]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-modal-base[data-v-55c8c255],.b-modal-base[data-v-55c8c255]:before,.b-modal-base[data-v-55c8c255]:after{box-sizing:border-box}.b-modal-base[data-v-55c8c255] *,.b-modal-base[data-v-55c8c255] *:before,.b-modal-base[data-v-55c8c255] *:after{box-sizing:border-box}.b-modal-base[data-v-55c8c255] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-base[data-v-55c8c255] ::-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-legacy-theme .b-modal-base__container[data-v-55c8c255]::backdrop{background-color:#99a0ab}.b-modal-base__container[data-v-55c8c255]{background-color:var(--b-modal-container-background-color);border:0;border-radius:var(--b-modal-border-radius);color:var(--b-modal-container-color);margin:auto;overflow:visible;padding:var(--b-modal-padding)}.b-modal-base__container[open][data-v-55c8c255]{animation:fade-in-u8tfayy-55c8c255 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear),enter-u8tfayy-55c8c255 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-enter),scale-up-u8tfayy-55c8c255 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-in-u8tfayy-55c8c255{0%{opacity:0}to{opacity:1}}@keyframes scale-up-u8tfayy-55c8c255{0%{scale:1}to{scale:1}}@keyframes enter-u8tfayy-55c8c255{0%{translate:0 24px}to{translate:0 0}}.b-modal-base__container[open][data-v-55c8c255]::backdrop{animation:fade-in-u8tfaz3-55c8c255 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-in-u8tfaz3-55c8c255{0%{opacity:0}to{opacity:.5}}.b-modal-base__container--hide[open][data-v-55c8c255]{animation:fade-out-u8tfazg-55c8c255 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear),exit-u8tfazg-55c8c255 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-exit),scale-down-u8tfazg-55c8c255 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-out-u8tfazg-55c8c255{0%{opacity:1}to{opacity:0}}@keyframes scale-down-u8tfazg-55c8c255{0%{scale:1}to{scale:1}}@keyframes exit-u8tfazg-55c8c255{0%{translate:0 0}to{translate:0 24px}}.b-modal-base__container--hide[open][data-v-55c8c255]::backdrop{animation:fade-out-u8tfazk-55c8c255 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-out-u8tfazk-55c8c255{0%{opacity:.5}to{opacity:0}}.b-modal-base__container[data-v-55c8c255]::backdrop{background-color:var(--b-modal-backdrop-background-color, #00112c);opacity:.5}.b-modal-base__container--animation[data-v-55c8c255]{overflow:hidden;transition:height ease var(--b-modal-animation-duration, .15s)}.b-modal-base__container--small[data-v-55c8c255]{width:480px}.b-modal-base__container--medium[data-v-55c8c255]{width:600px}.b-modal-base__container--large[data-v-55c8c255]{width:800px}.b-modal-base__close-button[data-v-55c8c255]{display:flex;height:var(--b-modal-close-button-height);position:absolute;right:var(--b-modal-close-button-right);top:var(--b-modal-header-container-padding-block);z-index:var(--b-modal-close-button-z-index)}
+.b-modal-page[data-v-20505cf1]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-modal-container-background-color);border-radius:var(--b-modal-border-radius);display:flex;flex-direction:column;max-height:calc(100vh - 2em - 6px);position:absolute;width:100%}.b-modal-page[data-v-20505cf1],.b-modal-page[data-v-20505cf1]:before,.b-modal-page[data-v-20505cf1]:after{box-sizing:border-box}.b-modal-page[data-v-20505cf1] *,.b-modal-page[data-v-20505cf1] *:before,.b-modal-page[data-v-20505cf1] *:after{box-sizing:border-box}.b-modal-page[data-v-20505cf1] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-page[data-v-20505cf1] ::-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-modal-page--custom-padding[data-v-20505cf1] .b-dialog-page__header{flex:0}.b-modal-page__header-container[data-v-20505cf1],.b-modal-page__actions-container[data-v-20505cf1]{position:sticky;width:100%}.b-modal-page__header-container[data-v-20505cf1]{display:flex;padding-block:var(--b-modal-header-container-padding-block);padding-inline:var(--b-modal-header-container-padding-inline)}.b-modal-page__actions-container[data-v-20505cf1]{padding:var(--b-modal-actions-container-padding)}.b-modal-page__header[data-v-20505cf1]{min-height:var(--b-modal-header-min-height)}.b-modal-page[data-v-20505cf1] .b-dialog-page__back-button{align-self:flex-start;height:var(--b-modal-header-min-height);position:relative;top:var(--b-modal-header-container-padding-block)}.b-modal-page__content[data-v-20505cf1]{display:inline-block;padding:var(--b-modal-content-padding);width:100%}.b-modal-page__content--with-header[data-v-20505cf1]{padding-top:0}.b-modal-page__content--with-actions[data-v-20505cf1]{padding-bottom:0}.b-modal-page__grid[data-v-20505cf1]>:nth-child(1){border-right:var(--b-modal-container-column-layout-border);padding:var(--b-modal-container-column-layout-padding);padding-left:0}.b-modal-page__grid[data-v-20505cf1]>:nth-child(2){padding:var(--b-modal-container-column-layout-padding);padding-right:0}.b-modal-base[data-v-55c8c255]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-modal-base[data-v-55c8c255],.b-modal-base[data-v-55c8c255]:before,.b-modal-base[data-v-55c8c255]:after{box-sizing:border-box}.b-modal-base[data-v-55c8c255] *,.b-modal-base[data-v-55c8c255] *:before,.b-modal-base[data-v-55c8c255] *:after{box-sizing:border-box}.b-modal-base[data-v-55c8c255] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-base[data-v-55c8c255] ::-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-legacy-theme .b-modal-base__container[data-v-55c8c255]::backdrop{background-color:#99a0ab}.b-modal-base__container[data-v-55c8c255]{background-color:var(--b-modal-container-background-color);border:0;border-radius:var(--b-modal-border-radius);color:var(--b-modal-container-color);margin:auto;overflow:visible;padding:var(--b-modal-padding)}.b-modal-base__container[open][data-v-55c8c255]{animation:fade-in-ueyilpb-55c8c255 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear),enter-ueyilpb-55c8c255 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-enter),scale-up-ueyilpb-55c8c255 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-in-ueyilpb-55c8c255{0%{opacity:0}to{opacity:1}}@keyframes scale-up-ueyilpb-55c8c255{0%{scale:1}to{scale:1}}@keyframes enter-ueyilpb-55c8c255{0%{translate:0 24px}to{translate:0 0}}.b-modal-base__container[open][data-v-55c8c255]::backdrop{animation:fade-in-ueyilpf-55c8c255 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-in-ueyilpf-55c8c255{0%{opacity:0}to{opacity:.5}}.b-modal-base__container--hide[open][data-v-55c8c255]{animation:fade-out-ueyilq0-55c8c255 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear),exit-ueyilq0-55c8c255 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-exit),scale-down-ueyilq0-55c8c255 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-out-ueyilq0-55c8c255{0%{opacity:1}to{opacity:0}}@keyframes scale-down-ueyilq0-55c8c255{0%{scale:1}to{scale:1}}@keyframes exit-ueyilq0-55c8c255{0%{translate:0 0}to{translate:0 24px}}.b-modal-base__container--hide[open][data-v-55c8c255]::backdrop{animation:fade-out-ueyilqh-55c8c255 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-out-ueyilqh-55c8c255{0%{opacity:.5}to{opacity:0}}.b-modal-base__container[data-v-55c8c255]::backdrop{background-color:var(--b-modal-backdrop-background-color, #00112c);opacity:.5}.b-modal-base__container--animation[data-v-55c8c255]{overflow:hidden;transition:height ease var(--b-modal-animation-duration, .15s)}.b-modal-base__container--small[data-v-55c8c255]{width:480px}.b-modal-base__container--medium[data-v-55c8c255]{width:600px}.b-modal-base__container--large[data-v-55c8c255]{width:800px}.b-modal-base__close-button[data-v-55c8c255]{display:flex;height:var(--b-modal-close-button-height);position:absolute;right:var(--b-modal-close-button-right);top:var(--b-modal-header-container-padding-block);z-index:var(--b-modal-close-button-z-index)}