@adyen/bento-vue2 1.42.0 → 1.44.0

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

@@ -24,7 +24,6 @@ import type { typeToFlattenedError } from 'zod';
 import { UnwrapRef } from 'vue';
 import { VNode } from 'vue';
 import { Vue3Instance } from 'vue/types/v3-component-public-instance';
-import * as z from 'zod';
 import type { ZodSchema } from 'zod';
 
 declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -759,6 +758,11 @@ declare type __VLS_WithTemplateSlots_9<T, S> = T & {
     };
 };
 
+/**
+ * Extracts all the keys from a type
+ */
+export declare type allKeys<T> = T extends any ? keyof T : never;
+
 /**
  * Any function
  */
@@ -1880,8 +1884,8 @@ export declare const BentoCard: __VLS_WithTemplateSlots_12<
         {
             titleSize: BentoCardTitleSize | `${BentoCardTitleSize}`;
             disabled: boolean;
-            actions: BentoButtonActionsList;
             background: BentoCardBackground | `${BentoCardBackground}`;
+            actions: BentoButtonActionsList;
             actionsLayout: BentoButtonActionsLayout | `${BentoButtonActionsLayout}`;
             closed: boolean;
             expandable: boolean;
@@ -2041,7 +2045,7 @@ export declare const BentoCheckbox: DefineComponent<
         hasContentSlot: ComputedRef<boolean>;
         hasSlot: (name: string) => boolean;
         onChange: (newValue: BentoCheckboxType | BentoCheckboxGroupItems) => void;
-        t: (key: 'required' | 'checkbox' | 'optional', values?: default_2.Values) => string;
+        t: (key: 'required' | 'optional' | 'checkbox', values?: default_2.Values) => string;
     },
     {},
     {},
@@ -2151,8 +2155,8 @@ export declare const BentoCheckbox: DefineComponent<
         disabled: boolean;
         tag: any;
         optional: boolean;
-        errorMessage: string;
         readonly: boolean;
+        errorMessage: string;
         ariaLabel: string;
         hasError: boolean;
         indeterminate: boolean;
@@ -2465,11 +2469,11 @@ export declare const BentoCheckboxGroup: DefineComponent<
         variant: 'vertical' | 'horizontal' | BentoCheckboxGroupVariant;
         required: boolean;
         disabled: boolean;
-        tooltipText: string;
         optional: boolean;
+        readonly: boolean;
+        tooltipText: string;
         hideLabel: boolean;
         errorMessage: string;
-        readonly: boolean;
         hasError: boolean;
         modelValue: (string | number)[];
         formId: string;
@@ -4131,6 +4135,13 @@ export declare const BentoDataGrid: __VLS_WithTemplateSlots_8<
                 type: BooleanConstructor;
                 default: boolean;
             };
+            /**
+             * Enables the nested content slot functionality.
+             */
+            hasNestedRows: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
             /**
              * Highlighted items
              */
@@ -4236,6 +4247,13 @@ export declare const BentoDataGrid: __VLS_WithTemplateSlots_8<
                 type: PropType<BentoDatagridShouldShowNestedContentFn>;
                 default: (_item: BentoDatagridDataItem) => true;
             };
+            /**
+             * Returns the nested rows for a given BentoDatagridDataItem.
+             */
+            shouldShowNestedRows: {
+                type: PropType<BentoDatagridShouldShowNestedRowsFn>;
+                default: (_item: BentoDatagridDataItem) => true;
+            };
             /**
              * Sortby handles proper rendering of sort icon in header. Sorting currently is only supported server side.
              * It does make sure the currently sorted column has a more visible sort icon, and the sort icon points in the right direction.
@@ -4386,6 +4404,13 @@ export declare const BentoDataGrid: __VLS_WithTemplateSlots_8<
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                /**
+                 * Enables the nested content slot functionality.
+                 */
+                hasNestedRows: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
                 /**
                  * Highlighted items
                  */
@@ -4491,6 +4516,13 @@ export declare const BentoDataGrid: __VLS_WithTemplateSlots_8<
                     type: PropType<BentoDatagridShouldShowNestedContentFn>;
                     default: (_item: BentoDatagridDataItem) => true;
                 };
+                /**
+                 * Returns the nested rows for a given BentoDatagridDataItem.
+                 */
+                shouldShowNestedRows: {
+                    type: PropType<BentoDatagridShouldShowNestedRowsFn>;
+                    default: (_item: BentoDatagridDataItem) => true;
+                };
                 /**
                  * Sortby handles proper rendering of sort icon in header. Sorting currently is only supported server side.
                  * It does make sure the currently sorted column has a more visible sort icon, and the sort icon points in the right direction.
@@ -4533,8 +4565,10 @@ export declare const BentoDataGrid: __VLS_WithTemplateSlots_8<
             isDataItemDisabled: BentoDatagridIsDataItemDisabledFn;
             allowRowClicks: boolean;
             hasNestedContent: boolean;
+            hasNestedRows: boolean;
             highlightedRows: BentoDatagridDataItemId[];
             shouldShowNestedContent: BentoDatagridShouldShowNestedContentFn;
+            shouldShowNestedRows: BentoDatagridShouldShowNestedRowsFn;
             filterValues: BentoFilterValues;
             allowColumnDragAndDrop: boolean;
             bulkActions: BentoButtonActionsList;
@@ -4551,6 +4585,7 @@ export declare const BentoDataGrid: __VLS_WithTemplateSlots_8<
     Record<string, (_: any) => any> &
         Record<string, (_: any) => any> & {
             header: (_: {}) => any;
+            'pagination-slot': (_: {}) => any;
             footer: (_: {}) => any;
         }
 >;
@@ -4570,6 +4605,7 @@ export declare type BentoDatagridData = BentoDatagridDataItem[];
 
 export declare interface BentoDatagridDataItem {
     id?: BentoDatagridDataItemId;
+    children?: BentoDatagridDataItem[];
     [fieldName: string]: unknown;
 }
 
@@ -4582,6 +4618,7 @@ export declare enum BentoDatagridEvent {
     COLUMN_RESIZE = 'column-resize',
     ITEMS_PAGE = 'items-page',
     NAVIGATE = 'navigate',
+    NESTED_CONTENT_TOGGLED = 'nested-content-toggled',
     FILTER_SEARCH_INPUT = 'filter-search-input',
     FILTER_SEARCH_CLEAR = 'filter-search-clear',
     UPDATE_COLUMNS = 'update:columns',
@@ -4609,6 +4646,8 @@ export declare type BentoDatagridSelection = BentoDatagridDataItemId[];
 
 export declare type BentoDatagridShouldShowNestedContentFn = (item: BentoDatagridDataItem) => boolean;
 
+export declare type BentoDatagridShouldShowNestedRowsFn = (item: BentoDatagridDataItem) => boolean;
+
 export declare interface BentoDatagridSortByColumn {
     field: BentoColumn['field'];
     direction: BentoDatagridSortDirection;
@@ -5204,14 +5243,14 @@ export declare const BentoDatePicker: DefineComponent<
         label: string;
         required: boolean;
         disabled: boolean;
+        optional: boolean;
+        readonly: boolean;
         isDateDisabled: CalendarMonthIsDateDisabled;
         firstDayOfWeek: CalendarMonthFirstDayOfWeek;
         min: Date;
         max: Date;
         tooltipText: string;
-        optional: boolean;
         errorMessage: string;
-        readonly: boolean;
     }
 >;
 
@@ -5646,6 +5685,8 @@ export declare const BentoDateRangePicker: DefineComponent<
         label: string;
         required: boolean;
         disabled: boolean;
+        optional: boolean;
+        readonly: boolean;
         isDateDisabled: CalendarMonthIsDateDisabled;
         firstDayOfWeek: CalendarMonthFirstDayOfWeek;
         min: Date;
@@ -5654,9 +5695,7 @@ export declare const BentoDateRangePicker: DefineComponent<
         numberOfMonths: number;
         showEndDateOnOpen: boolean;
         tooltipText: string;
-        optional: boolean;
         errorMessage: string;
-        readonly: boolean;
         allowTimeInput: boolean;
         granularities: BentoDateRangePickerGranularityConfig<CalendarGranularityType>[];
         quickSelectRanges: DateRangePickerCalendarRangeSelectorItems;
@@ -5944,7 +5983,9 @@ export declare const BentoDropdown: __VLS_WithTemplateSlots_10<
                 default: boolean;
             };
         },
-        {},
+        {
+            focus: () => void;
+        },
         {},
         {},
         {},
@@ -6171,15 +6212,15 @@ export declare const BentoDropdown: __VLS_WithTemplateSlots_10<
             disabled: boolean;
             loading: boolean;
             error: boolean;
-            size: 'DropdownInputDefault' | 'DropdownInputSmall' | BentoDropdownSize;
+            optional: boolean;
+            readonly: boolean;
+            size: BentoDropdownSize | 'DropdownInputDefault' | 'DropdownInputSmall';
             multiple: boolean;
             tooltipText: string;
-            optional: boolean;
             errorMessage: string;
             items: BentoListboxOptions;
             isOptionDisabled: (optionValue: BentoListboxOptionItem) => boolean;
             staticCategories: boolean;
-            readonly: boolean;
             ariaLabel: string;
             hasMoreItems: boolean;
             lazyLoadType: 'button' | 'none' | 'automatic' | BentoListboxLazyLoadType;
@@ -6477,15 +6518,15 @@ export declare const BentoDropdownAvatar: DefineComponent<
         disabled: boolean;
         loading: boolean;
         error: boolean;
-        size: 'DropdownInputDefault' | 'DropdownInputSmall' | BentoDropdownSize;
+        optional: boolean;
+        readonly: boolean;
+        size: BentoDropdownSize | 'DropdownInputDefault' | 'DropdownInputSmall';
         multiple: boolean;
         tooltipText: string;
-        optional: boolean;
         errorMessage: string;
         items: BentoAvatarListboxOptions;
         isOptionDisabled: (optionValue: BentoListboxOptionItem) => boolean;
         staticCategories: boolean;
-        readonly: boolean;
         ariaLabel: string;
         hasMoreItems: boolean;
         lazyLoadType: 'button' | 'none' | 'automatic' | BentoListboxLazyLoadType;
@@ -6795,15 +6836,15 @@ export declare const BentoDropdownCountry: DefineComponent<
         disabled: boolean;
         loading: boolean;
         error: boolean;
-        size: 'DropdownInputDefault' | 'DropdownInputSmall' | BentoDropdownSize;
+        optional: boolean;
+        readonly: boolean;
+        size: BentoDropdownSize | 'DropdownInputDefault' | 'DropdownInputSmall';
         multiple: boolean;
         tooltipText: string;
-        optional: boolean;
         errorMessage: string;
         items: BentoCountryListboxOptions;
         isOptionDisabled: (optionValue: BentoListboxOptionItem) => boolean;
         staticCategories: boolean;
-        readonly: boolean;
         ariaLabel: string;
         hasMoreItems: boolean;
         lazyLoadType: 'button' | 'none' | 'automatic' | BentoListboxLazyLoadType;
@@ -7094,15 +7135,15 @@ export declare const BentoDropdownCurrency: DefineComponent<
         disabled: boolean;
         loading: boolean;
         error: boolean;
-        size: 'DropdownInputDefault' | 'DropdownInputSmall' | BentoDropdownSize;
+        optional: boolean;
+        readonly: boolean;
+        size: BentoDropdownSize | 'DropdownInputDefault' | 'DropdownInputSmall';
         multiple: boolean;
         tooltipText: string;
-        optional: boolean;
         errorMessage: string;
         items: BentoCurrencyListboxOptions;
         isOptionDisabled: (optionValue: BentoListboxOptionItem) => boolean;
         staticCategories: boolean;
-        readonly: boolean;
         ariaLabel: string;
         hasMoreItems: boolean;
         lazyLoadType: 'button' | 'none' | 'automatic' | BentoListboxLazyLoadType;
@@ -7393,15 +7434,15 @@ export declare const BentoDropdownPaymentMethod: DefineComponent<
         disabled: boolean;
         loading: boolean;
         error: boolean;
-        size: 'DropdownInputDefault' | 'DropdownInputSmall' | BentoDropdownSize;
+        optional: boolean;
+        readonly: boolean;
+        size: BentoDropdownSize | 'DropdownInputDefault' | 'DropdownInputSmall';
         multiple: boolean;
         tooltipText: string;
-        optional: boolean;
         errorMessage: string;
         items: BentoPaymentMethodListboxOptions;
         isOptionDisabled: (optionValue: BentoListboxOptionItem) => boolean;
         staticCategories: boolean;
-        readonly: boolean;
         ariaLabel: string;
         hasMoreItems: boolean;
         lazyLoadType: 'button' | 'none' | 'automatic' | BentoListboxLazyLoadType;
@@ -7700,15 +7741,15 @@ export declare const BentoDropdownTag: DefineComponent<
         disabled: boolean;
         loading: boolean;
         error: boolean;
-        size: 'DropdownInputDefault' | 'DropdownInputSmall' | BentoDropdownSize;
+        optional: boolean;
+        readonly: boolean;
+        size: BentoDropdownSize | 'DropdownInputDefault' | 'DropdownInputSmall';
         multiple: boolean;
         tooltipText: string;
-        optional: boolean;
         errorMessage: string;
         items: BentoTagListboxOptions;
         isOptionDisabled: (optionValue: BentoListboxOptionItem) => boolean;
         staticCategories: boolean;
-        readonly: boolean;
         ariaLabel: string;
         hasMoreItems: boolean;
         lazyLoadType: 'button' | 'none' | 'automatic' | BentoListboxLazyLoadType;
@@ -9427,14 +9468,14 @@ export declare const BentoInputField: __VLS_WithTemplateSlots_17<
             condensed: boolean;
             disabled: boolean;
             error: boolean;
-            tooltipText: string;
             optional: boolean;
-            errorMessage: string;
             readonly: boolean;
+            tooltipText: string;
+            errorMessage: string;
             ariaLabel: string;
             placeholder: string;
-            dropdown: BentoInputDropdownProps;
             ariaHidden: boolean;
+            dropdown: BentoInputDropdownProps;
             dropdownPosition: 'start' | 'end' | BentoInputFieldElementPosition;
             staticValue: string;
             staticValuePosition: 'start' | 'end' | BentoInputFieldElementPosition;
@@ -9562,8 +9603,8 @@ export declare const BentoInputFieldPassword: DefineComponent<
         condensed: BentoInputFieldProps['condensed'];
         disabled: BentoInputFieldProps['disabled'];
         validation: BentoInputFieldPasswordValidation;
-        errorMessage: BentoInputFieldProps['errorMessage'];
         readonly: BentoInputFieldProps['readonly'];
+        errorMessage: BentoInputFieldProps['errorMessage'];
         placeholder: BentoInputFieldProps['placeholder'];
         withHint: boolean;
     }
@@ -10387,6 +10428,14 @@ export declare const BentoMenu: DefineComponent<
             type: PropType<BentoMenuButtonProps>;
             default: () => BentoMenuButtonProps;
         };
+        /**
+         * Controls if the menu should close when an item is clicked.
+         * Defaults to `true`.
+         */
+        closeMenuOnItemSelect: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         /**
          * The data to be displayed in the list
          */
@@ -10417,6 +10466,15 @@ export declare const BentoMenu: DefineComponent<
             type: NumberConstructor;
             default: any;
         };
+        /**
+         * Returns focus to the menu button after popover is closed.
+         * Disable if focus management is delegated to the parent component.
+         * Defaults to `true`.
+         */
+        revertFocusToButton: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         /**
          * Can be used to set the inner teleport component to render the menu's popover in the root `body` DOM node
          * (or `dialog` if popover is inside a dialog).
@@ -10465,6 +10523,14 @@ export declare const BentoMenu: DefineComponent<
                 type: PropType<BentoMenuButtonProps>;
                 default: () => BentoMenuButtonProps;
             };
+            /**
+             * Controls if the menu should close when an item is clicked.
+             * Defaults to `true`.
+             */
+            closeMenuOnItemSelect: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
             /**
              * The data to be displayed in the list
              */
@@ -10495,6 +10561,15 @@ export declare const BentoMenu: DefineComponent<
                 type: NumberConstructor;
                 default: any;
             };
+            /**
+             * Returns focus to the menu button after popover is closed.
+             * Disable if focus management is delegated to the parent component.
+             * Defaults to `true`.
+             */
+            revertFocusToButton: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
             /**
              * Can be used to set the inner teleport component to render the menu's popover in the root `body` DOM node
              * (or `dialog` if popover is inside a dialog).
@@ -10508,6 +10583,7 @@ export declare const BentoMenu: DefineComponent<
     {
         button: BentoMenuButtonProps;
         teleport: boolean;
+        closeMenuOnItemSelect: boolean;
         menuPosition:
             | 'top'
             | 'right'
@@ -10527,6 +10603,7 @@ export declare const BentoMenu: DefineComponent<
             | PopperContainerPosition;
         menuFixedPositioning: boolean;
         menuWidth: number;
+        revertFocusToButton: boolean;
     }
 >;
 
@@ -10866,10 +10943,10 @@ export declare const BentoModal: __VLS_WithTemplateSlots_23<
         {
             variant: 'default' | 'dialog' | 'BentoModalDefault' | 'BentoModalDialog' | BentoModalVariant;
             isOpen: boolean;
-            actions: BentoButtonActionsList;
             content: string;
             size: 'small' | 'large' | 'medium' | BentoModalSize;
             activePage: string;
+            actions: BentoButtonActionsList;
             actionsLabel: string;
             destructiveActions: boolean;
             columnsSize: 'smaller' | 'equal' | 'bigger' | BentoModalColumnLayoutVariant;
@@ -11043,8 +11120,8 @@ export declare const BentoModalFullscreen: __VLS_WithTemplateSlots_24<
         {
             title: string;
             isOpen: boolean;
-            actions: BentoButtonActionsList;
             activePage: string;
+            actions: BentoButtonActionsList;
             contextualLabel: string;
         }
     >,
@@ -11197,9 +11274,9 @@ export declare const BentoModalFullscreenPage: __VLS_WithTemplateSlots_25<
         >,
         {
             title: string;
-            actions: BentoButtonActionsList;
             pageId: string;
             previousPage: string;
+            actions: BentoButtonActionsList;
             contextualLabel: string;
         }
     >,
@@ -11433,9 +11510,9 @@ export declare const BentoModalPage: __VLS_WithTemplateSlots_22<
             }>
         >,
         {
-            actions: BentoButtonActionsList;
             pageId: string;
             previousPage: string;
+            actions: BentoButtonActionsList;
             actionsLabel: string;
             destructiveActions: boolean;
             columnsSize: BentoModalColumnLayoutVariant;
@@ -13183,7 +13260,6 @@ export declare const BentoPopover: __VLS_WithTemplateSlots_26<
             small: boolean;
             title: string;
             large: boolean;
-            actions: BentoButtonActionsList;
             modifiers: unknown[];
             position:
                 | 'top'
@@ -13206,6 +13282,7 @@ export declare const BentoPopover: __VLS_WithTemplateSlots_26<
             fallbackPosition: Placement[];
             fixedPositioning: boolean;
             ariaLabel: string;
+            actions: BentoButtonActionsList;
             actionsLayout:
                 | 'buttons-end'
                 | 'fill-container'
@@ -13306,9 +13383,9 @@ export declare const BentoPromoBanner: __VLS_WithTemplateSlots_27<
             >
         >,
         {
-            actions: BentoPromoBannerAction[];
-            layout: `${BentoPromoBannerLayout}`;
             color: `${BentoPromoBannerColor}`;
+            layout: `${BentoPromoBannerLayout}`;
+            actions: BentoPromoBannerAction[];
             isDismissible: boolean;
             dismissButtonText: string;
         }
@@ -13840,11 +13917,11 @@ export declare const BentoRadioGroup: __VLS_WithTemplateSlots_28<
             variant: 'vertical' | 'horizontal' | BentoRadioGroupVariant;
             required: boolean;
             disabled: boolean;
-            tooltipText: string;
             optional: boolean;
+            readonly: boolean;
+            tooltipText: string;
             hideLabel: boolean;
             errorMessage: string;
-            readonly: boolean;
             hasError: boolean;
             modelValue: BentoRadioButtonValue;
             formId: string;
@@ -14814,12 +14891,12 @@ export declare const BentoSelectionCardGroup: __VLS_WithTemplateSlots_31<
             variant: BentoSelectionCardGroupVariant;
             required: boolean;
             disabled: boolean;
+            optional: boolean;
+            readonly: boolean;
             layout: BentoSelectionCardGroupLayout;
             tooltipText: string;
-            optional: boolean;
             hideLabel: boolean;
             errorMessage: string;
-            readonly: boolean;
             modelValue: BentoSelectionCardModelValue;
             formId: string;
             itemsPerRow: GridLayoutColumnWidth;
@@ -15183,9 +15260,9 @@ export declare const BentoSidepanelPage: __VLS_WithTemplateSlots_32<
         >,
         {
             title: string;
-            actions: BentoButtonActionsList;
             pageId: string;
             previousPage: string;
+            actions: BentoButtonActionsList;
             actionsLabel: string;
             destructiveActions: boolean;
         }
@@ -15924,11 +16001,11 @@ export declare const BentoSummaryGridItemAmount: DefineComponent<
         size: 'small' | 'large' | 'medium' | BentoSummaryGridItemSize;
         fitContent: boolean;
         infoIconTooltipText: string;
+        secondaryLabel: string;
         trend: string;
         trendDirection: 'positive' | 'negative' | 'neutral' | BentoSummaryGridItemTrendDirection;
         secondaryTrend: string;
         secondaryTrendDirection: 'positive' | 'negative' | 'neutral' | BentoSummaryGridItemTrendDirection;
-        secondaryLabel: string;
         secondaryMetric: string;
     }
 >;
@@ -16982,7 +17059,9 @@ export declare const BentoTextarea: DefineComponent<
             default: string;
         };
     },
-    {},
+    {
+        focus: () => void;
+    },
     {},
     {},
     {},
@@ -17118,11 +17197,11 @@ export declare const BentoTextarea: DefineComponent<
         label: string;
         required: boolean;
         disabled: boolean;
+        optional: boolean;
+        readonly: boolean;
         height: string;
         tooltipText: string;
-        optional: boolean;
         errorMessage: string;
-        readonly: boolean;
         ariaLabel: string;
         placeholder: string;
         clearable: boolean;
@@ -18320,7 +18399,7 @@ declare type Element_2 = HTMLElement & {
 /**
  * Object of all the form field props with their respective list of errors
  */
-export declare type ErrorBag<T> = typeToFlattenedError<T>['fieldErrors'];
+export declare type ErrorBag<T> = typeToFlattenedError<T, string>['fieldErrors'];
 
 /**
  * Void function
@@ -18725,9 +18804,13 @@ export declare interface UseForm<T> {
 export declare function useForm<T extends ZodSchema>({
     validationSchema,
 }: UseForm<T>): {
-    errorBag: Ref<ErrorBag<z.TypeOf<T>>>;
-    errors: Ref<z.TypeOf<T>> | ShallowRef<z.TypeOf<T>>;
-    values: Ref<z.TypeOf<T>>;
+    errorBag: Ref<{
+        [P in allKeys<(typeof validationSchema)['_type']>]?: string[];
+    }>;
+    errors: Ref<{
+        [P in allKeys<(typeof validationSchema)['_type']>]?: string;
+    }>;
+    values: Ref<(typeof validationSchema)['_type']>;
     handleReset: () => void;
     submitForm: (submitted: any) => () => void;
 };

package/dist/action-bar.js

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

package/dist/assets/accordion-item.css

@@ -1 +1 @@
-.b-accordion[data-v-fb182a1c]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-accordion[data-v-fb182a1c],.b-accordion[data-v-fb182a1c]:before,.b-accordion[data-v-fb182a1c]:after{box-sizing:border-box}.b-accordion *[data-v-fb182a1c],.b-accordion *[data-v-fb182a1c]:before,.b-accordion *[data-v-fb182a1c]:after{box-sizing:border-box}.b-accordion[data-v-fb182a1c] ::-webkit-scrollbar{height:14px;width:14px}.b-accordion[data-v-fb182a1c] ::-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-accordion-item-background-color);border-bottom:var(--b-accordion-item-border)}.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-legacy-theme .b-accordion-item__heading[data-v-66c09812]{font-size:15px;line-height:1.4}.b-accordion-item[data-v-66c09812]:first-of-type{border-top:var(--b-accordion-item-border)}.b-accordion-item__button[data-v-66c09812]{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-66c09812]:hover{background-color:var(--b-accordion-item-button-hover-background-color)}.b-accordion-item__button[data-v-66c09812]:active{background-color:var(--b-accordion-item-button-active-background-color)}.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-accordion-item-content-color);padding:var(--b-accordion-item-content-padding)}.b-accordion-item__animation--content-enter-active[data-v-66c09812]{animation:fade-in-ut3jmxs-66c09812 var(--b-accordion-item-animation-duration) var(--b-animation-easing-linear),enter-ut3jmxs-66c09812 var(--b-accordion-item-animation-duration) var(--b-animation-easing-enter),scale-up-ut3jmxs-66c09812 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-ut3jmxs-66c09812{0%{opacity:0}to{opacity:1}}@keyframes scale-up-ut3jmxs-66c09812{0%{scale:1}to{scale:1}}@keyframes enter-ut3jmxs-66c09812{0%{translate:0 -8px}to{translate:0 0}}.b-accordion-item__animation--content-leave-active[data-v-66c09812]{animation:fade-out-ut3jmxv-66c09812 var(--b-accordion-item-animation-duration) var(--b-animation-easing-linear),exit-ut3jmxv-66c09812 var(--b-accordion-item-animation-duration) var(--b-animation-easing-exit),scale-down-ut3jmxv-66c09812 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-ut3jmxv-66c09812{0%{opacity:1}to{opacity:0}}@keyframes scale-down-ut3jmxv-66c09812{0%{scale:1}to{scale:1}}@keyframes exit-ut3jmxv-66c09812{0%{translate:0 0}to{translate:0 -8px}}
+.b-accordion[data-v-fb182a1c]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-accordion[data-v-fb182a1c],.b-accordion[data-v-fb182a1c]:before,.b-accordion[data-v-fb182a1c]:after{box-sizing:border-box}.b-accordion *[data-v-fb182a1c],.b-accordion *[data-v-fb182a1c]:before,.b-accordion *[data-v-fb182a1c]:after{box-sizing:border-box}.b-accordion[data-v-fb182a1c] ::-webkit-scrollbar{height:14px;width:14px}.b-accordion[data-v-fb182a1c] ::-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-accordion-item-background-color);border-bottom:var(--b-accordion-item-border)}.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-legacy-theme .b-accordion-item__heading[data-v-66c09812]{font-size:15px;line-height:1.4}.b-accordion-item[data-v-66c09812]:first-of-type{border-top:var(--b-accordion-item-border)}.b-accordion-item__button[data-v-66c09812]{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-66c09812]:hover{background-color:var(--b-accordion-item-button-hover-background-color)}.b-accordion-item__button[data-v-66c09812]:active{background-color:var(--b-accordion-item-button-active-background-color)}.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-accordion-item-content-color);padding:var(--b-accordion-item-content-padding)}.b-accordion-item__animation--content-enter-active[data-v-66c09812]{animation:fade-in-ut48ef1-66c09812 var(--b-accordion-item-animation-duration) var(--b-animation-easing-linear),enter-ut48ef1-66c09812 var(--b-accordion-item-animation-duration) var(--b-animation-easing-enter),scale-up-ut48ef1-66c09812 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-ut48ef1-66c09812{0%{opacity:0}to{opacity:1}}@keyframes scale-up-ut48ef1-66c09812{0%{scale:1}to{scale:1}}@keyframes enter-ut48ef1-66c09812{0%{translate:0 -8px}to{translate:0 0}}.b-accordion-item__animation--content-leave-active[data-v-66c09812]{animation:fade-out-ut48eg7-66c09812 var(--b-accordion-item-animation-duration) var(--b-animation-easing-linear),exit-ut48eg7-66c09812 var(--b-accordion-item-animation-duration) var(--b-animation-easing-exit),scale-down-ut48eg7-66c09812 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-ut48eg7-66c09812{0%{opacity:1}to{opacity:0}}@keyframes scale-down-ut48eg7-66c09812{0%{scale:1}to{scale:1}}@keyframes exit-ut48eg7-66c09812{0%{translate:0 0}to{translate:0 -8px}}

package/dist/assets/action-bar.css

@@ -1 +1 @@
-.b-action-bar[data-v-be92816e]{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-be92816e],.b-action-bar[data-v-be92816e]:before,.b-action-bar[data-v-be92816e]:after{box-sizing:border-box}.b-action-bar *[data-v-be92816e],.b-action-bar *[data-v-be92816e]:before,.b-action-bar *[data-v-be92816e]:after{box-sizing:border-box}.b-action-bar[data-v-be92816e] ::-webkit-scrollbar{height:14px;width:14px}.b-action-bar[data-v-be92816e] ::-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-be92816e]{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-be92816e]{width:auto}}.b-action-bar__close-button[data-v-be92816e]{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-be92816e]{margin-right:var(--b-action-bar-close-button-margin-right)}}.b-action-bar__selection[data-v-be92816e]{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-be92816e]{font-weight:600}@media (min-width: 500px){.b-action-bar__selection[data-v-be92816e]{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-be92816e]{width:160px}}.b-action-bar__actions[data-v-be92816e]{container-type:normal}.b-action-bar__actions[data-v-be92816e] .b-button-actions__container-wrapper{flex-direction:row}.b-action-bar--extra-spacing[data-v-be92816e]{bottom:var(--b-action-bar-bottom-extra-spacing)}.b-action-bar__animation-enter-active[data-v-be92816e]{animation:fade-in-ut3jmv4-be92816e var(--b-action-bar-animation-duration) var(--b-animation-easing-linear),enter-ut3jmv4-be92816e var(--b-action-bar-animation-duration) var(--b-animation-easing-enter),scale-up-ut3jmv4-be92816e var(--b-action-bar-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-in-ut3jmv4-be92816e{0%{opacity:0}to{opacity:1}}@keyframes scale-up-ut3jmv4-be92816e{0%{scale:.9}to{scale:1}}@keyframes enter-ut3jmv4-be92816e{0%{translate:0 8px}to{translate:0 0}}.b-action-bar__animation-leave-active[data-v-be92816e]{animation:fade-out-ut3jmvk-be92816e var(--b-action-bar-animation-duration) var(--b-animation-easing-linear),exit-ut3jmvk-be92816e var(--b-action-bar-animation-duration) var(--b-animation-easing-exit),scale-down-ut3jmvk-be92816e var(--b-action-bar-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-out-ut3jmvk-be92816e{0%{opacity:1}to{opacity:0}}@keyframes scale-down-ut3jmvk-be92816e{0%{scale:1}to{scale:.9}}@keyframes exit-ut3jmvk-be92816e{0%{translate:0 0}to{translate:0 8px}}
+.b-action-bar[data-v-46adfbb2]{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-46adfbb2],.b-action-bar[data-v-46adfbb2]:before,.b-action-bar[data-v-46adfbb2]:after{box-sizing:border-box}.b-action-bar *[data-v-46adfbb2],.b-action-bar *[data-v-46adfbb2]:before,.b-action-bar *[data-v-46adfbb2]:after{box-sizing:border-box}.b-action-bar[data-v-46adfbb2] ::-webkit-scrollbar{height:14px;width:14px}.b-action-bar[data-v-46adfbb2] ::-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-46adfbb2]{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-46adfbb2]{width:auto}}.b-action-bar__close-button[data-v-46adfbb2]{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-46adfbb2]{margin-right:var(--b-action-bar-close-button-margin-right)}}.b-action-bar__selection[data-v-46adfbb2]{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-46adfbb2]{font-weight:600}@media (min-width: 500px){.b-action-bar__selection[data-v-46adfbb2]{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-46adfbb2]{width:160px}}.b-action-bar__actions[data-v-46adfbb2]{container-type:normal}.b-action-bar__actions[data-v-46adfbb2] .b-button-actions__container-wrapper{flex-direction:row}.b-action-bar--extra-spacing[data-v-46adfbb2]{bottom:var(--b-action-bar-bottom-extra-spacing)}.b-action-bar__animation-enter-active[data-v-46adfbb2]{animation:fade-in-ut48ee7-46adfbb2 var(--b-action-bar-animation-duration) var(--b-animation-easing-linear),enter-ut48ee7-46adfbb2 var(--b-action-bar-animation-duration) var(--b-animation-easing-enter),scale-up-ut48ee7-46adfbb2 var(--b-action-bar-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-in-ut48ee7-46adfbb2{0%{opacity:0}to{opacity:1}}@keyframes scale-up-ut48ee7-46adfbb2{0%{scale:.9}to{scale:1}}@keyframes enter-ut48ee7-46adfbb2{0%{translate:0 8px}to{translate:0 0}}.b-action-bar__animation-leave-active[data-v-46adfbb2]{animation:fade-out-ut48eev-46adfbb2 var(--b-action-bar-animation-duration) var(--b-animation-easing-linear),exit-ut48eev-46adfbb2 var(--b-action-bar-animation-duration) var(--b-animation-easing-exit),scale-down-ut48eev-46adfbb2 var(--b-action-bar-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-out-ut48eev-46adfbb2{0%{opacity:1}to{opacity:0}}@keyframes scale-down-ut48eev-46adfbb2{0%{scale:1}to{scale:.9}}@keyframes exit-ut48eev-46adfbb2{0%{translate:0 0}to{translate:0 8px}}

package/dist/assets/base-modal.css

@@ -1 +1 @@
-.b-modal-page[data-v-8ee5a20b]{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-8ee5a20b],.b-modal-page[data-v-8ee5a20b]:before,.b-modal-page[data-v-8ee5a20b]:after{box-sizing:border-box}.b-modal-page *[data-v-8ee5a20b],.b-modal-page *[data-v-8ee5a20b]:before,.b-modal-page *[data-v-8ee5a20b]:after{box-sizing:border-box}.b-modal-page[data-v-8ee5a20b] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-page[data-v-8ee5a20b] ::-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-8ee5a20b] .b-dialog-page__header{flex:0}.b-modal-page__header-container[data-v-8ee5a20b],.b-modal-page__actions-container[data-v-8ee5a20b]{position:sticky;width:100%}.b-modal-page__header-container[data-v-8ee5a20b]{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-8ee5a20b]{padding:var(--b-modal-actions-container-padding)}.b-modal-page__header[data-v-8ee5a20b]{min-height:var(--b-modal-header-min-height)}.b-modal-page[data-v-8ee5a20b] .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-8ee5a20b]{display:inline-block;padding:var(--b-modal-content-padding);width:100%}.b-modal-page__content--with-header[data-v-8ee5a20b]{padding-top:0}.b-modal-page__content--with-actions[data-v-8ee5a20b]{padding-bottom:0}.b-modal-page__grid[data-v-8ee5a20b]>: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-8ee5a20b]>:nth-child(2){padding:var(--b-modal-container-column-layout-padding);padding-right:0}.b-modal-base[data-v-c6431721]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-modal-base[data-v-c6431721],.b-modal-base[data-v-c6431721]:before,.b-modal-base[data-v-c6431721]:after{box-sizing:border-box}.b-modal-base *[data-v-c6431721],.b-modal-base *[data-v-c6431721]:before,.b-modal-base *[data-v-c6431721]:after{box-sizing:border-box}.b-modal-base[data-v-c6431721] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-base[data-v-c6431721] ::-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-c6431721]::backdrop{background-color:#99a0ab}.b-modal-base__container[data-v-c6431721]{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-c6431721]{animation:fade-in-ut3jncy-c6431721 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear),enter-ut3jncy-c6431721 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-enter),scale-up-ut3jncy-c6431721 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-in-ut3jncy-c6431721{0%{opacity:0}to{opacity:1}}@keyframes scale-up-ut3jncy-c6431721{0%{scale:1}to{scale:1}}@keyframes enter-ut3jncy-c6431721{0%{translate:0 24px}to{translate:0 0}}.b-modal-base__container[open][data-v-c6431721]::backdrop{animation:fade-in-ut3jndi-c6431721 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-in-ut3jndi-c6431721{0%{opacity:0}to{opacity:.5}}.b-modal-base__container--hide[open][data-v-c6431721]{animation:fade-out-ut3jne2-c6431721 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear),exit-ut3jne2-c6431721 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-exit),scale-down-ut3jne2-c6431721 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-out-ut3jne2-c6431721{0%{opacity:1}to{opacity:0}}@keyframes scale-down-ut3jne2-c6431721{0%{scale:1}to{scale:1}}@keyframes exit-ut3jne2-c6431721{0%{translate:0 0}to{translate:0 24px}}.b-modal-base__container--hide[open][data-v-c6431721]::backdrop{animation:fade-out-ut3jne3-c6431721 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-out-ut3jne3-c6431721{0%{opacity:.5}to{opacity:0}}.b-modal-base__container[data-v-c6431721]::backdrop{background-color:var(--b-modal-backdrop-background-color, #00112c);opacity:.5}.b-modal-base__container--animation[data-v-c6431721]{overflow:hidden;transition:height ease var(--b-modal-animation-duration, .15s)}.b-modal-base__container--small[data-v-c6431721]{width:480px}.b-modal-base__container--medium[data-v-c6431721]{width:600px}.b-modal-base__container--large[data-v-c6431721]{width:800px}.b-modal-base__close-button[data-v-c6431721]{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-8ee5a20b]{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-8ee5a20b],.b-modal-page[data-v-8ee5a20b]:before,.b-modal-page[data-v-8ee5a20b]:after{box-sizing:border-box}.b-modal-page *[data-v-8ee5a20b],.b-modal-page *[data-v-8ee5a20b]:before,.b-modal-page *[data-v-8ee5a20b]:after{box-sizing:border-box}.b-modal-page[data-v-8ee5a20b] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-page[data-v-8ee5a20b] ::-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-8ee5a20b] .b-dialog-page__header{flex:0}.b-modal-page__header-container[data-v-8ee5a20b],.b-modal-page__actions-container[data-v-8ee5a20b]{position:sticky;width:100%}.b-modal-page__header-container[data-v-8ee5a20b]{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-8ee5a20b]{padding:var(--b-modal-actions-container-padding)}.b-modal-page__header[data-v-8ee5a20b]{min-height:var(--b-modal-header-min-height)}.b-modal-page[data-v-8ee5a20b] .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-8ee5a20b]{display:inline-block;padding:var(--b-modal-content-padding);width:100%}.b-modal-page__content--with-header[data-v-8ee5a20b]{padding-top:0}.b-modal-page__content--with-actions[data-v-8ee5a20b]{padding-bottom:0}.b-modal-page__grid[data-v-8ee5a20b]>: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-8ee5a20b]>:nth-child(2){padding:var(--b-modal-container-column-layout-padding);padding-right:0}.b-modal-base[data-v-c6431721]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-modal-base[data-v-c6431721],.b-modal-base[data-v-c6431721]:before,.b-modal-base[data-v-c6431721]:after{box-sizing:border-box}.b-modal-base *[data-v-c6431721],.b-modal-base *[data-v-c6431721]:before,.b-modal-base *[data-v-c6431721]:after{box-sizing:border-box}.b-modal-base[data-v-c6431721] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-base[data-v-c6431721] ::-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-c6431721]::backdrop{background-color:#99a0ab}.b-modal-base__container[data-v-c6431721]{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-c6431721]{animation:fade-in-ut48esd-c6431721 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear),enter-ut48esd-c6431721 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-enter),scale-up-ut48esd-c6431721 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-in-ut48esd-c6431721{0%{opacity:0}to{opacity:1}}@keyframes scale-up-ut48esd-c6431721{0%{scale:1}to{scale:1}}@keyframes enter-ut48esd-c6431721{0%{translate:0 24px}to{translate:0 0}}.b-modal-base__container[open][data-v-c6431721]::backdrop{animation:fade-in-ut48est-c6431721 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-in-ut48est-c6431721{0%{opacity:0}to{opacity:.5}}.b-modal-base__container--hide[open][data-v-c6431721]{animation:fade-out-ut48eti-c6431721 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear),exit-ut48eti-c6431721 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-exit),scale-down-ut48eti-c6431721 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-out-ut48eti-c6431721{0%{opacity:1}to{opacity:0}}@keyframes scale-down-ut48eti-c6431721{0%{scale:1}to{scale:1}}@keyframes exit-ut48eti-c6431721{0%{translate:0 0}to{translate:0 24px}}.b-modal-base__container--hide[open][data-v-c6431721]::backdrop{animation:fade-out-ut48etw-c6431721 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-out-ut48etw-c6431721{0%{opacity:.5}to{opacity:0}}.b-modal-base__container[data-v-c6431721]::backdrop{background-color:var(--b-modal-backdrop-background-color, #00112c);opacity:.5}.b-modal-base__container--animation[data-v-c6431721]{overflow:hidden;transition:height ease var(--b-modal-animation-duration, .15s)}.b-modal-base__container--small[data-v-c6431721]{width:480px}.b-modal-base__container--medium[data-v-c6431721]{width:600px}.b-modal-base__container--large[data-v-c6431721]{width:800px}.b-modal-base__close-button[data-v-c6431721]{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)}