@adyen/bento-vue3 1.100.0 → 1.101.0

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

@@ -97,6 +97,7 @@ import {
     BentoSummaryGridItemPercentage,
     BentoSummaryGridItemText,
     BentoTab,
+    BentoTableOfContents,
     BentoTabs,
     BentoTag,
     BentoTextarea,
@@ -208,6 +209,7 @@ declare module 'vue' {
         BentoSummaryGridItemNumeric: typeof BentoSummaryGridItemNumeric;
         BentoSummaryGridItemText: typeof BentoSummaryGridItemText;
         BentoTab: typeof BentoTab;
+        BentoTableOfContents: typeof BentoTableOfContents;
         BentoTabs: typeof BentoTabs;
         BentoTag: typeof BentoTag;
         BentoTimeline: typeof BentoTimeline;

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

@@ -222,7 +222,25 @@ inverse: boolean;
 layout: string;
 }>;
 
-declare const __VLS_export_100: __VLS_WithSlots_66<DefineComponent<__VLS_WithDefaults_66<__VLS_TypePropsToOption_66<BentoTimelineItemProps>, {
+declare const __VLS_export_100: __VLS_WithSlots_65<DefineComponent<__VLS_WithDefaults_66<__VLS_TypePropsToOption_66<BentoTimelineProps>, {
+addNote: boolean;
+showMore: any;
+timegapLimit: any;
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"add-timeline-note": (...args: any[]) => void;
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_66<__VLS_TypePropsToOption_66<BentoTimelineProps>, {
+addNote: boolean;
+showMore: any;
+timegapLimit: any;
+}>>>, {
+showMore: BentoTimelineShowMoreObject;
+addNote: boolean;
+timegapLimit: BentoTimelineGapObject;
+}>, {
+    default?: (props: {}) => any;
+}>;
+
+declare const __VLS_export_101: __VLS_WithSlots_66<DefineComponent<__VLS_WithDefaults_67<__VLS_TypePropsToOption_67<BentoTimelineItemProps>, {
 additionalTimestamp: any;
 dataList: any;
 description: any;
@@ -231,7 +249,7 @@ tag: any;
 title: any;
 type: string;
 variant: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_66<__VLS_TypePropsToOption_66<BentoTimelineItemProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_67<__VLS_TypePropsToOption_67<BentoTimelineItemProps>, {
 additionalTimestamp: any;
 dataList: any;
 description: any;
@@ -255,9 +273,9 @@ dataList: BentoTimelineDataList;
     default?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_101: DefineComponent<    {}, unknown, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<    {}>>, {}>;
+declare const __VLS_export_102: DefineComponent<    {}, unknown, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<    {}>>, {}>;
 
-declare const __VLS_export_102: __VLS_WithSlots_67<DefineComponent<    {
+declare const __VLS_export_103: __VLS_WithSlots_67<DefineComponent<    {
 /**
 * @deprecated Since v2.0.0. Use `aria-label` instead.
 * Accessible name for the toggle. It is strongly recommended to pass such value when the toggle is used without a label
@@ -347,7 +365,7 @@ labelPosition: "after" | "before" | BentoToggleLabelPosition;
     description?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_103: DefineComponent<    {
+declare const __VLS_export_104: DefineComponent<    {
 /**
 * The current step index. If provided, will start the tutorial in that step.
 */
@@ -404,7 +422,7 @@ index: number;
 scrollOptions: any;
 }>;
 
-declare const __VLS_export_104: __VLS_WithSlots_68<DefineComponent<__VLS_WithDefaults_67<__VLS_TypePropsToOption_67<BentoTypographyProps>, {
+declare const __VLS_export_105: __VLS_WithSlots_68<DefineComponent<__VLS_WithDefaults_68<__VLS_TypePropsToOption_68<BentoTypographyProps>, {
 el: BentoTypographyElement;
 large: boolean;
 medium: boolean;
@@ -412,7 +430,7 @@ stronger: boolean;
 strongest: boolean;
 variant: BentoTypographyVariant;
 wide: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_67<__VLS_TypePropsToOption_67<BentoTypographyProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_68<__VLS_TypePropsToOption_68<BentoTypographyProps>, {
 el: BentoTypographyElement;
 large: boolean;
 medium: boolean;
@@ -432,7 +450,7 @@ variant: BentoTypographyVariant | `${BentoTypographyVariant}`;
     default?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_105: __VLS_WithSlots_69<DefineComponent<__VLS_WithDefaults_68<__VLS_TypePropsToOption_68<{
+declare const __VLS_export_106: __VLS_WithSlots_69<DefineComponent<__VLS_WithDefaults_69<__VLS_TypePropsToOption_69<{
 /**
 * The header that goes to the top of the template
 */
@@ -455,7 +473,7 @@ stickyFilters?: boolean;
 tabs: any;
 stickyTabs: boolean;
 stickyFilters: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_68<__VLS_TypePropsToOption_68<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_69<__VLS_TypePropsToOption_69<{
 /**
 * The header that goes to the top of the template
 */
@@ -492,7 +510,7 @@ stickyTabs: boolean;
     default?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_106: __VLS_WithSlots_70<DefineComponent<__VLS_WithDefaults_69<__VLS_TypePropsToOption_69<{
+declare const __VLS_export_107: __VLS_WithSlots_70<DefineComponent<__VLS_WithDefaults_70<__VLS_TypePropsToOption_70<{
 /**
 * The header of the section
 */
@@ -503,7 +521,7 @@ header: BentoDashboardTemplateHeader;
 halfWidth?: boolean;
 }>, {
 halfWidth: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_69<__VLS_TypePropsToOption_69<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_70<__VLS_TypePropsToOption_70<{
 /**
 * The header of the section
 */
@@ -528,7 +546,7 @@ halfWidth: boolean;
     'content-col-2'?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_107: __VLS_WithSlots_71<DefineComponent<    {
+declare const __VLS_export_108: __VLS_WithSlots_71<DefineComponent<    {
 /**
 * The header that goes to the top of the template
 */
@@ -7562,7 +7580,21 @@ withNotificationIndicator: boolean;
     default?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_98: DefineComponent<__VLS_WithDefaults_64<__VLS_TypePropsToOption_64<BentoTextareaProps>, {
+declare const __VLS_export_98: DefineComponent<__VLS_WithDefaults_64<__VLS_TypePropsToOption_64<BentoTableOfContentsProps>, {
+activeIndex: any;
+scrollOffset: any;
+title: any;
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_64<__VLS_TypePropsToOption_64<BentoTableOfContentsProps>, {
+activeIndex: any;
+scrollOffset: any;
+title: any;
+}>>>, {
+title: string;
+activeIndex: number;
+scrollOffset: number;
+}>;
+
+declare const __VLS_export_99: DefineComponent<__VLS_WithDefaults_65<__VLS_TypePropsToOption_65<BentoTextareaProps>, {
 ariaLabel: any;
 characterLimit: any;
 description: string;
@@ -7581,7 +7613,7 @@ value: string;
 modelValue: string;
 }>, {
 focus: () => void;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_64<__VLS_TypePropsToOption_64<BentoTextareaProps>, {
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_65<__VLS_TypePropsToOption_65<BentoTextareaProps>, {
 ariaLabel: any;
 characterLimit: any;
 description: string;
@@ -7617,24 +7649,6 @@ clearable: boolean;
 resizable: BentoTextareaResizeOption | `${BentoTextareaResizeOption}`;
 }>;
 
-declare const __VLS_export_99: __VLS_WithSlots_65<DefineComponent<__VLS_WithDefaults_65<__VLS_TypePropsToOption_65<BentoTimelineProps>, {
-addNote: boolean;
-showMore: any;
-timegapLimit: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-"add-timeline-note": (...args: any[]) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_65<__VLS_TypePropsToOption_65<BentoTimelineProps>, {
-addNote: boolean;
-showMore: any;
-timegapLimit: any;
-}>>>, {
-showMore: BentoTimelineShowMoreObject;
-addNote: boolean;
-timegapLimit: BentoTimelineGapObject;
-}>, {
-    default?: (props: {}) => any;
-}>;
-
 declare type __VLS_PrettifyLocal<T> = (T extends any ? {
     [K in keyof T]: T[K];
 } : {
@@ -8037,6 +8051,12 @@ declare type __VLS_PrettifyLocal_7<T> = (T extends any ? {
     [K in keyof T as K]: T[K];
 }) & {};
 
+declare type __VLS_PrettifyLocal_70<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};
+
 declare type __VLS_PrettifyLocal_8<T> = (T extends any ? {
     [K in keyof T]: T[K];
 } : {
@@ -8662,6 +8682,15 @@ declare type __VLS_TypePropsToOption_7<T> = {
     };
 };
 
+declare type __VLS_TypePropsToOption_70<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<Required<T>[K]>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+
 declare type __VLS_TypePropsToOption_8<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: PropType<Required<T>[K]>;
@@ -9082,6 +9111,12 @@ declare type __VLS_WithDefaults_7<P, D> = {
     }> : P[K];
 };
 
+declare type __VLS_WithDefaults_70<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal_70<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+
 declare type __VLS_WithDefaults_8<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal_8<P[K] & {
         default: D[K];
@@ -9526,10 +9561,8 @@ declare type __VLS_WithSlots_9<T, S> = T & {
  */
 export declare type allKeys<T> = T extends any ? keyof T : never;
 
-declare interface AnchorScrollerListItem {
+declare interface AnchorScrollerListItem extends SectionNavigationItem {
     disabled?: boolean;
-    elementRef: Exclude<VNodeRef, 'string'>;
-    title: string;
 }
 
 declare interface AnchorScrollerListProps {
@@ -11312,7 +11345,7 @@ export declare interface BentoCurrencyProps {
  *     `
  * }
  */
-export declare const BentoDashboardSection: typeof __VLS_export_106;
+export declare const BentoDashboardSection: typeof __VLS_export_107;
 
 /**
  * Dashboard template is a full page template used to visualize data on pages such as data dashboards and reports.
@@ -11341,7 +11374,7 @@ export declare const BentoDashboardSection: typeof __VLS_export_106;
  *     `
  * }
  */
-export declare const BentoDashboardTemplate: typeof __VLS_export_105;
+export declare const BentoDashboardTemplate: typeof __VLS_export_106;
 
 export declare type BentoDashboardTemplateHeader = InstanceType<typeof BentoHeader>['$props'];
 
@@ -11655,7 +11688,7 @@ export declare const BentoDataGridTagWithTextCell: typeof __VLS_export_19;
  *     `
  * }
  */
-export declare const BentoDataGridTemplate: typeof __VLS_export_107;
+export declare const BentoDataGridTemplate: typeof __VLS_export_108;
 
 export declare type BentoDataGridTemplateDataGrid = () => {
     additionalContentSlotRef?: Ref<UnwrapRef<HTMLDivElement>> | null;
@@ -14234,6 +14267,20 @@ export declare type BentoListboxIsOptionDisabled = undefined | ((optionValue: Be
 
 export declare type BentoListboxItemRole = 'treeitem' | 'option';
 
+/**
+ * Event triggered to load more items lazily.
+ */
+export declare type BentoListboxLazyLoadEvent = ({ value, index, }: {
+    /**
+     * Index of the option that triggered the lazy load event
+     */
+    index: number;
+    /**
+     * Value of the option that triggered the lazy load event
+     */
+    value: BentoListboxValue;
+}) => Promise<void>;
+
 /**
  * @deprecated Since v2.0.0. Use string literal instead.
  */
@@ -14252,6 +14299,21 @@ export declare interface BentoListboxOptionItem extends BentoSearchBarItem {
     description?: string;
     value: BentoListboxValue;
     displayValue?: string;
+    /**
+     * Adds Lazy load functionality to the Nested multi-select options.
+     * Only works when `items` is set.
+     */
+    lazyLoad?: {
+        /**
+         * Indicates whether there are more items to load
+         */
+        hasMoreItems: boolean;
+        /**
+         * The event that triggers upon clicking the "show more" button
+         * or by scrolling the listbox nested item group.
+         */
+        lazyLoadEvent: BentoListboxLazyLoadEvent;
+    };
     items?: Array<BentoListboxOptionItem>;
 }
 
@@ -17846,6 +17908,60 @@ declare interface BentoTab_2 {
     setElementRef: BentoTabProps['setElementRef'];
 }
 
+/**
+ * This is a navigational component that serves as a list outlining
+ * the structure and hierarchy of content on a page. It allows users
+ * to find the content in a page more quickly with anchor links in
+ * the content.
+ *
+ * ARIA: https://www.w3.org/TR/dpub-aria-1.1/#doc-toc
+ *
+ * @usage
+ * import { BentoTableOfContents } from '@adyen/bento-vue2';
+ *
+ * export default {
+ *     components: { BentoTableOfContents },
+ *     template: `
+ *          <bento-table-of-contents
+ *              :items="[{ title: 'Section text', elementRef: sectionRef }]"
+ *          />
+ *     `,
+ *     setup() {
+ *          const sectionRef = ref(null);
+ *          return {
+ *              sectionRef,
+ *          }
+ *     }
+ * }
+ */
+export declare const BentoTableOfContents: typeof __VLS_export_98;
+
+export declare type BentoTableOfContentsItem = SectionNavigationItem;
+
+export declare type BentoTableOfContentsItems = Array<BentoTableOfContentsItem>;
+
+export declare interface BentoTableOfContentsProps {
+    /**
+     * An array containing all the items in the table of contents.
+     */
+    items: BentoTableOfContentsItems;
+    /**
+     * The index of the currently active item. Can be used to programmatically set the active item.
+     * @default undefined
+     */
+    activeIndex?: number;
+    /**
+     * Offset in pixels applied before scrolling to a section.
+     * @default undefined
+     */
+    scrollOffset?: number;
+    /**
+     * Table of contents title. Defaults to the translated "On this page" label.
+     * @default undefined
+     */
+    title?: string;
+}
+
 /**
  * Public
  */
@@ -18018,7 +18134,7 @@ declare interface BentoTeleportProps_2 {
     // NOTE: "where" is not added as it doesn't exist in Vue3
 }
 
-export declare const BentoTextarea: typeof __VLS_export_98;
+export declare const BentoTextarea: typeof __VLS_export_99;
 
 declare interface BentoTextareaProps extends FormField {
     /**
@@ -18119,7 +18235,7 @@ export declare enum BentoTheme {
  *     `
  * }
  */
-export declare const BentoTimeline: typeof __VLS_export_99;
+export declare const BentoTimeline: typeof __VLS_export_100;
 
 export declare interface BentoTimelineConfigData {
     showAll: Ref<boolean>;
@@ -18180,7 +18296,7 @@ export declare enum BentoTimelineGapUnit {
  *     `
  * }
  */
-export declare const BentoTimelineItem: typeof __VLS_export_100;
+export declare const BentoTimelineItem: typeof __VLS_export_101;
 
 export declare interface BentoTimelineItemProps {
     /**
@@ -18299,7 +18415,7 @@ export declare interface BentoTimelineTimestamp {
     description?: BentoDashedUnderlineProps;
 }
 
-export declare const BentoToast: typeof __VLS_export_101;
+export declare const BentoToast: typeof __VLS_export_102;
 
 export declare interface BentoToastItem extends BentoToastItemParams {
     id: string;
@@ -18337,7 +18453,7 @@ export declare type BentoToastItemsList = Array<BentoToastItem>;
  *     `,
  * }
  */
-export declare const BentoToggle: typeof __VLS_export_102;
+export declare const BentoToggle: typeof __VLS_export_103;
 
 /**
  * Toggle button is used to switch between two states (example: menu shown, menu hidden).
@@ -18517,7 +18633,7 @@ export declare enum BentoTooltipState {
  *     `
  * }
  */
-export declare const BentoTutorial: typeof __VLS_export_103;
+export declare const BentoTutorial: typeof __VLS_export_104;
 
 export declare type BentoTutorialScrollOptions = boolean | ScrollIntoViewOptions;
 
@@ -18548,7 +18664,7 @@ export declare interface BentoTutorialStep {
  *     `
  * }
  */
-export declare const BentoTypography: typeof __VLS_export_104;
+export declare const BentoTypography: typeof __VLS_export_105;
 
 /**
  * @deprecated Since v2.0.0. Use string literal instead.
@@ -19217,6 +19333,22 @@ declare interface RouterLinkProps_2 {
     ariaCurrentValue?: 'page' | 'step' | 'location' | 'date' | 'time' | 'true' | 'false';
 }
 
+export declare interface SectionNavigationItem {
+    /**
+     * Element ref used as the section navigation target.
+     */
+    elementRef: Exclude<VNodeRef, 'string'>;
+    /**
+     * Text used for the section navigation item.
+     */
+    title: string;
+    /**
+     * Section hierarchy level used to visually indent nested items.
+     * @default 1
+     */
+    level?: number;
+}
+
 declare interface Toast {
     dismiss: () => void;
 }

package/dist/action-bar.js

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

package/dist/ai-tag.js

@@ -1,4 +1,4 @@
-import { a as e } from "./chunks/ai-tag.Brtsi-_Q.js";
+import { a as e } from "./chunks/ai-tag.CoofbKuB.js";
 export {
   e as BentoAiTag
 };

package/dist/anchor-scroller.js

@@ -1,4 +1,4 @@
-import { a as e } from "./chunks/anchor-scroller.ZMjZsvKe.js";
+import { a as e } from "./chunks/anchor-scroller.COHPEqkO.js";
 export {
   e as BentoAnchorScroller
 };

package/dist/assets/accordion-item.css

@@ -1 +1 @@
-.b-accordion[data-v-cef184ec]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-accordion[data-v-cef184ec],.b-accordion[data-v-cef184ec]:before,.b-accordion[data-v-cef184ec]:after{box-sizing:border-box}.b-accordion[data-v-cef184ec] *,.b-accordion[data-v-cef184ec] *:before,.b-accordion[data-v-cef184ec] *:after{box-sizing:border-box}.b-accordion[data-v-cef184ec] ::-webkit-scrollbar{height:14px;width:14px}.b-accordion[data-v-cef184ec] ::-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-70aaff7d]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-color-background-primary);border-bottom:var(--b-border-width-s) solid var(--b-color-outline-primary)}.b-accordion-item[data-v-70aaff7d],.b-accordion-item[data-v-70aaff7d]:before,.b-accordion-item[data-v-70aaff7d]:after{box-sizing:border-box}.b-accordion-item[data-v-70aaff7d] *,.b-accordion-item[data-v-70aaff7d] *:before,.b-accordion-item[data-v-70aaff7d] *:after{box-sizing:border-box}.b-accordion-item[data-v-70aaff7d] ::-webkit-scrollbar{height:14px;width:14px}.b-accordion-item[data-v-70aaff7d] ::-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-70aaff7d]{background-color:transparent;border:0;font:inherit;text-align:inherit}.b-accordion-item button[data-v-70aaff7d]:focus-visible{outline:none}.b-accordion-item[data-v-70aaff7d]:first-of-type{border-top:var(--b-border-width-s) solid var(--b-color-outline-primary)}.b-accordion-item__button[data-v-70aaff7d]{align-items:center;color:var(--b-color-label-primary);cursor:pointer;display:flex;gap:var(--b-spacer-070);padding:var(--b-spacer-060) var(--b-spacer-070) var(--b-spacer-060) 0;position:relative;width:100%;z-index:0}.b-accordion-item__button[data-v-70aaff7d]:hover{background-color:var(--b-color-background-primary-hover)}.b-accordion-item__button[data-v-70aaff7d]:active{background-color:var(--b-color-background-primary-active)}.b-accordion-item__button[data-v-70aaff7d]:focus-visible{animation:outer-ring-default-70aaff7d 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-70aaff7d{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-70aaff7d]{color:var(--b-color-label-primary);padding:var(--b-spacer-060) var(--b-spacer-070) var(--b-spacer-070) var(--b-spacer-100)}.b-accordion-item__animation--content-enter-active[data-v-70aaff7d]{animation:fade-in-u3eo5ty-70aaff7d var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-u3eo5ty-70aaff7d var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-u3eo5ty-70aaff7d var(--b-animation-duration-moderate) var(--b-animation-easing-linear);overflow:hidden;transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}@keyframes fade-in-u3eo5ty-70aaff7d{0%{opacity:0}to{opacity:1}}@keyframes scale-up-u3eo5ty-70aaff7d{0%{scale:1}to{scale:1}}@keyframes enter-u3eo5ty-70aaff7d{0%{translate:0 -8px}to{translate:0 0}}.b-accordion-item__animation--content-leave-active[data-v-70aaff7d]{animation:fade-out-u3eo5uf-70aaff7d var(--b-animation-duration-moderate) var(--b-animation-easing-linear),exit-u3eo5uf-70aaff7d var(--b-animation-duration-moderate) var(--b-animation-easing-exit),scale-down-u3eo5uf-70aaff7d var(--b-animation-duration-moderate) var(--b-animation-easing-linear);max-height:0!important;overflow:hidden;transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}@keyframes fade-out-u3eo5uf-70aaff7d{0%{opacity:1}to{opacity:0}}@keyframes scale-down-u3eo5uf-70aaff7d{0%{scale:1}to{scale:1}}@keyframes exit-u3eo5uf-70aaff7d{0%{translate:0 0}to{translate:0 -8px}}
+.b-accordion[data-v-cef184ec]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-accordion[data-v-cef184ec],.b-accordion[data-v-cef184ec]:before,.b-accordion[data-v-cef184ec]:after{box-sizing:border-box}.b-accordion[data-v-cef184ec] *,.b-accordion[data-v-cef184ec] *:before,.b-accordion[data-v-cef184ec] *:after{box-sizing:border-box}.b-accordion[data-v-cef184ec] ::-webkit-scrollbar{height:14px;width:14px}.b-accordion[data-v-cef184ec] ::-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-70aaff7d]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-color-background-primary);border-bottom:var(--b-border-width-s) solid var(--b-color-outline-primary)}.b-accordion-item[data-v-70aaff7d],.b-accordion-item[data-v-70aaff7d]:before,.b-accordion-item[data-v-70aaff7d]:after{box-sizing:border-box}.b-accordion-item[data-v-70aaff7d] *,.b-accordion-item[data-v-70aaff7d] *:before,.b-accordion-item[data-v-70aaff7d] *:after{box-sizing:border-box}.b-accordion-item[data-v-70aaff7d] ::-webkit-scrollbar{height:14px;width:14px}.b-accordion-item[data-v-70aaff7d] ::-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-70aaff7d]{background-color:transparent;border:0;font:inherit;text-align:inherit}.b-accordion-item button[data-v-70aaff7d]:focus-visible{outline:none}.b-accordion-item[data-v-70aaff7d]:first-of-type{border-top:var(--b-border-width-s) solid var(--b-color-outline-primary)}.b-accordion-item__button[data-v-70aaff7d]{align-items:center;color:var(--b-color-label-primary);cursor:pointer;display:flex;gap:var(--b-spacer-070);padding:var(--b-spacer-060) var(--b-spacer-070) var(--b-spacer-060) 0;position:relative;width:100%;z-index:0}.b-accordion-item__button[data-v-70aaff7d]:hover{background-color:var(--b-color-background-primary-hover)}.b-accordion-item__button[data-v-70aaff7d]:active{background-color:var(--b-color-background-primary-active)}.b-accordion-item__button[data-v-70aaff7d]:focus-visible{animation:outer-ring-default-70aaff7d 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-70aaff7d{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-70aaff7d]{color:var(--b-color-label-primary);padding:var(--b-spacer-060) var(--b-spacer-070) var(--b-spacer-070) var(--b-spacer-100)}.b-accordion-item__animation--content-enter-active[data-v-70aaff7d]{animation:fade-in-u9bmxjt-70aaff7d var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-u9bmxjt-70aaff7d var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-u9bmxjt-70aaff7d var(--b-animation-duration-moderate) var(--b-animation-easing-linear);overflow:hidden;transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}@keyframes fade-in-u9bmxjt-70aaff7d{0%{opacity:0}to{opacity:1}}@keyframes scale-up-u9bmxjt-70aaff7d{0%{scale:1}to{scale:1}}@keyframes enter-u9bmxjt-70aaff7d{0%{translate:0 -8px}to{translate:0 0}}.b-accordion-item__animation--content-leave-active[data-v-70aaff7d]{animation:fade-out-u9bmxko-70aaff7d var(--b-animation-duration-moderate) var(--b-animation-easing-linear),exit-u9bmxko-70aaff7d var(--b-animation-duration-moderate) var(--b-animation-easing-exit),scale-down-u9bmxko-70aaff7d var(--b-animation-duration-moderate) var(--b-animation-easing-linear);max-height:0!important;overflow:hidden;transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}@keyframes fade-out-u9bmxko-70aaff7d{0%{opacity:1}to{opacity:0}}@keyframes scale-down-u9bmxko-70aaff7d{0%{scale:1}to{scale:1}}@keyframes exit-u9bmxko-70aaff7d{0%{translate:0 0}to{translate:0 -8px}}

package/dist/assets/action-bar.css

@@ -1 +1 @@
-.b-action-bar[data-v-6ed0fae4]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;bottom:var(--b-spacer-070);display:flex;justify-content:center;left:0;pointer-events:none;position:fixed;width:100%;z-index:var(--b-z-index-global-elevated)}.b-action-bar[data-v-6ed0fae4],.b-action-bar[data-v-6ed0fae4]:before,.b-action-bar[data-v-6ed0fae4]:after{box-sizing:border-box}.b-action-bar[data-v-6ed0fae4] *,.b-action-bar[data-v-6ed0fae4] *:before,.b-action-bar[data-v-6ed0fae4] *:after{box-sizing:border-box}.b-action-bar[data-v-6ed0fae4] ::-webkit-scrollbar{height:14px;width:14px}.b-action-bar[data-v-6ed0fae4] ::-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)}@keyframes shake-action-bar-6ed0fae4{0%,to{rotate:0deg;translate:0 0}20%{rotate:-1deg;translate:-10px 0}40%{rotate:1deg;translate:6px 0}60%{rotate:-1deg;translate:-4px 0}80%{rotate:1deg;translate:2px 0}}.b-action-bar__state-icon[data-v-6ed0fae4]{align-items:center;display:flex;margin-right:var(--b-spacer-070)}.b-action-bar__state-actions[data-v-6ed0fae4]{display:flex;gap:var(--b-spacer-090);margin-left:var(--b-spacer-110)}.b-action-bar__container[data-v-6ed0fae4]{align-items:center;background-color:var(--b-color-background-inverse-primary);border-radius:28px;color:var(--b-color-label-inverse-primary);display:flex;height:56px;padding:var(--b-spacer-050) var(--b-spacer-090);pointer-events:all;width:calc(100% - var(--b-spacer-070) - var(--b-spacer-070))}@media(min-width:500px){.b-action-bar__container[data-v-6ed0fae4]{width:auto}}.b-action-bar__container--success[data-v-6ed0fae4]{background-color:var(--b-color-background-success-strong)}.b-action-bar__container--fail[data-v-6ed0fae4]{background-color:var(--b-color-background-critical-strong)}.b-action-bar__container-inner[data-v-6ed0fae4]{align-items:center;display:flex;white-space:nowrap;width:100%}.b-action-bar__close-button[data-v-6ed0fae4]{align-items:center;display:flex;margin-right:var(--b-spacer-070)}@media(min-width:500px){.b-action-bar__close-button[data-v-6ed0fae4]{margin-right:var(--b-spacer-090)}}.b-action-bar__selection[data-v-6ed0fae4]{margin-right:var(--b-spacer-070);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:500px){.b-action-bar__selection[data-v-6ed0fae4]{margin-right:var(--b-spacer-110);width:120px}}@media(min-width:500px){.b-action-bar--confirmation .b-action-bar__selection[data-v-6ed0fae4]{width:160px}}.b-action-bar__actions[data-v-6ed0fae4]{container-type:normal}.b-action-bar__actions[data-v-6ed0fae4] .b-button-actions__container-wrapper{flex-direction:row}.b-action-bar--extra-spacing[data-v-6ed0fae4]{bottom:var(--b-spacer-120)}.b-action-bar__animation-enter-active[data-v-6ed0fae4]{animation:fade-in-u3eo58n-6ed0fae4 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-u3eo58n-6ed0fae4 var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-u3eo58n-6ed0fae4 var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-in-u3eo58n-6ed0fae4{0%{opacity:0}to{opacity:1}}@keyframes scale-up-u3eo58n-6ed0fae4{0%{scale:.9}to{scale:1}}@keyframes enter-u3eo58n-6ed0fae4{0%{translate:0 8px}to{translate:0 0}}.b-action-bar__animation-leave-active[data-v-6ed0fae4]{animation:fade-out-u3eo59f-6ed0fae4 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),exit-u3eo59f-6ed0fae4 var(--b-animation-duration-moderate) var(--b-animation-easing-exit),scale-down-u3eo59f-6ed0fae4 var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-out-u3eo59f-6ed0fae4{0%{opacity:1}to{opacity:0}}@keyframes scale-down-u3eo59f-6ed0fae4{0%{scale:1}to{scale:.9}}@keyframes exit-u3eo59f-6ed0fae4{0%{translate:0 0}to{translate:0 8px}}.b-action-bar__state-animation--start-enter-active[data-v-6ed0fae4]{bottom:0;position:absolute;animation:fade-in-u3eo59k-6ed0fae4 var(--b-animation-duration-slow) var(--b-animation-easing-linear),enter-u3eo59k-6ed0fae4 var(--b-animation-duration-slow) var(--b-animation-easing-enter),scale-up-u3eo59k-6ed0fae4 var(--b-animation-duration-slow) var(--b-animation-easing-linear)}@keyframes fade-in-u3eo59k-6ed0fae4{0%{opacity:0}to{opacity:1}}@keyframes scale-up-u3eo59k-6ed0fae4{0%{scale:.8}to{scale:1}}@keyframes enter-u3eo59k-6ed0fae4{0%{translate:0 -48px}to{translate:0 0}}.b-action-bar__state-animation--start-leave-active[data-v-6ed0fae4]{bottom:0;position:absolute;animation:fade-out-u3eo5ag-6ed0fae4 var(--b-animation-duration-slow) var(--b-animation-easing-linear),exit-u3eo5ag-6ed0fae4 var(--b-animation-duration-slow) var(--b-animation-easing-exit),scale-down-u3eo5ag-6ed0fae4 var(--b-animation-duration-slow) var(--b-animation-easing-linear)}@keyframes fade-out-u3eo5ag-6ed0fae4{0%{opacity:1}to{opacity:0}}@keyframes scale-down-u3eo5ag-6ed0fae4{0%{scale:1}to{scale:.8}}@keyframes exit-u3eo5ag-6ed0fae4{0%{translate:0 0}to{translate:0 48px}}.b-action-bar__state-animation--loading-enter-active[data-v-6ed0fae4]{transition:max-width var(--b-animation-duration-slow) var(--b-animation-easing-standard)}.b-action-bar__state-animation--loading-enter-active .b-action-bar__container-inner[data-v-6ed0fae4]{animation:fade-in-u3eo5ao-6ed0fae4 var(--b-animation-duration-fast) var(--b-animation-easing-linear);animation-fill-mode:both}@keyframes fade-in-u3eo5ao-6ed0fae4{0%{opacity:0}to{opacity:1}}.b-action-bar__state-animation--loading-leave-active[data-v-6ed0fae4]{transition:max-width var(--b-animation-duration-slow) var(--b-animation-easing-standard)}.b-action-bar__state-animation--loading-leave-active .b-action-bar__container-inner[data-v-6ed0fae4]{animation:fade-out-u3eo5bd-6ed0fae4 var(--b-animation-duration-fast) var(--b-animation-easing-linear);animation-fill-mode:both}@keyframes fade-out-u3eo5bd-6ed0fae4{0%{opacity:1}to{opacity:0}}.b-action-bar__state-animation--success-enter-active[data-v-6ed0fae4],.b-action-bar__state-animation--fail-enter-active[data-v-6ed0fae4]{bottom:0;position:absolute;animation:fade-in-u3eo5bx-6ed0fae4 var(--b-animation-duration-slow) var(--b-animation-easing-linear),enter-u3eo5bx-6ed0fae4 var(--b-animation-duration-slow) var(--b-animation-easing-enter),scale-up-u3eo5bx-6ed0fae4 var(--b-animation-duration-slow) var(--b-animation-easing-linear)}@keyframes fade-in-u3eo5bx-6ed0fae4{0%{opacity:0}to{opacity:1}}@keyframes scale-up-u3eo5bx-6ed0fae4{0%{scale:.8}to{scale:1}}@keyframes enter-u3eo5bx-6ed0fae4{0%{translate:0 48px}to{translate:0 0}}.b-action-bar__state-animation--success-leave-active[data-v-6ed0fae4],.b-action-bar__state-animation--fail-leave-active[data-v-6ed0fae4]{bottom:0;position:absolute;animation:fade-out-u3eo5cx-6ed0fae4 var(--b-animation-duration-slow) var(--b-animation-easing-linear),exit-u3eo5cx-6ed0fae4 var(--b-animation-duration-slow) var(--b-animation-easing-exit),scale-down-u3eo5cx-6ed0fae4 var(--b-animation-duration-slow) var(--b-animation-easing-linear)}@keyframes fade-out-u3eo5cx-6ed0fae4{0%{opacity:1}to{opacity:0}}@keyframes scale-down-u3eo5cx-6ed0fae4{0%{scale:1}to{scale:.8}}@keyframes exit-u3eo5cx-6ed0fae4{0%{translate:0 0}to{translate:0 -48px}}.b-action-bar__state-animation--shake[data-v-6ed0fae4]{animation-duration:var(--b-animation-duration-moderate);animation-name:shake-action-bar-6ed0fae4;animation-timing-function:var(--b-animation-easing-standard)}@media(prefers-reduced-motion:reduce){.b-action-bar__animation-enter-active[data-v-6ed0fae4],.b-action-bar__animation-leave-active[data-v-6ed0fae4],.b-action-bar__state-animation--start-enter-active[data-v-6ed0fae4],.b-action-bar__state-animation--start-leave-active[data-v-6ed0fae4],.b-action-bar__state-animation--success-enter-active[data-v-6ed0fae4],.b-action-bar__state-animation--success-leave-active[data-v-6ed0fae4],.b-action-bar__state-animation--fail-enter-active[data-v-6ed0fae4],.b-action-bar__state-animation--fail-leave-active[data-v-6ed0fae4],.b-action-bar__state-animation--loading-enter-active[data-v-6ed0fae4],.b-action-bar__state-animation--loading-leave-active[data-v-6ed0fae4],.b-action-bar__state-animation--shake[data-v-6ed0fae4],.b-action-bar__state-animation--loading-enter-active .b-action-bar__container-inner[data-v-6ed0fae4],.b-action-bar__state-animation--loading-leave-active .b-action-bar__container-inner[data-v-6ed0fae4]{animation:none;transition:none}}
+.b-action-bar[data-v-6ed0fae4]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;bottom:var(--b-spacer-070);display:flex;justify-content:center;left:0;pointer-events:none;position:fixed;width:100%;z-index:var(--b-z-index-global-elevated)}.b-action-bar[data-v-6ed0fae4],.b-action-bar[data-v-6ed0fae4]:before,.b-action-bar[data-v-6ed0fae4]:after{box-sizing:border-box}.b-action-bar[data-v-6ed0fae4] *,.b-action-bar[data-v-6ed0fae4] *:before,.b-action-bar[data-v-6ed0fae4] *:after{box-sizing:border-box}.b-action-bar[data-v-6ed0fae4] ::-webkit-scrollbar{height:14px;width:14px}.b-action-bar[data-v-6ed0fae4] ::-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)}@keyframes shake-action-bar-6ed0fae4{0%,to{rotate:0deg;translate:0 0}20%{rotate:-1deg;translate:-10px 0}40%{rotate:1deg;translate:6px 0}60%{rotate:-1deg;translate:-4px 0}80%{rotate:1deg;translate:2px 0}}.b-action-bar__state-icon[data-v-6ed0fae4]{align-items:center;display:flex;margin-right:var(--b-spacer-070)}.b-action-bar__state-actions[data-v-6ed0fae4]{display:flex;gap:var(--b-spacer-090);margin-left:var(--b-spacer-110)}.b-action-bar__container[data-v-6ed0fae4]{align-items:center;background-color:var(--b-color-background-inverse-primary);border-radius:28px;color:var(--b-color-label-inverse-primary);display:flex;height:56px;padding:var(--b-spacer-050) var(--b-spacer-090);pointer-events:all;width:calc(100% - var(--b-spacer-070) - var(--b-spacer-070))}@media(min-width:500px){.b-action-bar__container[data-v-6ed0fae4]{width:auto}}.b-action-bar__container--success[data-v-6ed0fae4]{background-color:var(--b-color-background-success-strong)}.b-action-bar__container--fail[data-v-6ed0fae4]{background-color:var(--b-color-background-critical-strong)}.b-action-bar__container-inner[data-v-6ed0fae4]{align-items:center;display:flex;white-space:nowrap;width:100%}.b-action-bar__close-button[data-v-6ed0fae4]{align-items:center;display:flex;margin-right:var(--b-spacer-070)}@media(min-width:500px){.b-action-bar__close-button[data-v-6ed0fae4]{margin-right:var(--b-spacer-090)}}.b-action-bar__selection[data-v-6ed0fae4]{margin-right:var(--b-spacer-070);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:500px){.b-action-bar__selection[data-v-6ed0fae4]{margin-right:var(--b-spacer-110);width:120px}}@media(min-width:500px){.b-action-bar--confirmation .b-action-bar__selection[data-v-6ed0fae4]{width:160px}}.b-action-bar__actions[data-v-6ed0fae4]{container-type:normal}.b-action-bar__actions[data-v-6ed0fae4] .b-button-actions__container-wrapper{flex-direction:row}.b-action-bar--extra-spacing[data-v-6ed0fae4]{bottom:var(--b-spacer-120)}.b-action-bar__animation-enter-active[data-v-6ed0fae4]{animation:fade-in-u9bmxev-6ed0fae4 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-u9bmxev-6ed0fae4 var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-u9bmxev-6ed0fae4 var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-in-u9bmxev-6ed0fae4{0%{opacity:0}to{opacity:1}}@keyframes scale-up-u9bmxev-6ed0fae4{0%{scale:.9}to{scale:1}}@keyframes enter-u9bmxev-6ed0fae4{0%{translate:0 8px}to{translate:0 0}}.b-action-bar__animation-leave-active[data-v-6ed0fae4]{animation:fade-out-u9bmxff-6ed0fae4 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),exit-u9bmxff-6ed0fae4 var(--b-animation-duration-moderate) var(--b-animation-easing-exit),scale-down-u9bmxff-6ed0fae4 var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-out-u9bmxff-6ed0fae4{0%{opacity:1}to{opacity:0}}@keyframes scale-down-u9bmxff-6ed0fae4{0%{scale:1}to{scale:.9}}@keyframes exit-u9bmxff-6ed0fae4{0%{translate:0 0}to{translate:0 8px}}.b-action-bar__state-animation--start-enter-active[data-v-6ed0fae4]{bottom:0;position:absolute;animation:fade-in-u9bmxfx-6ed0fae4 var(--b-animation-duration-slow) var(--b-animation-easing-linear),enter-u9bmxfx-6ed0fae4 var(--b-animation-duration-slow) var(--b-animation-easing-enter),scale-up-u9bmxfx-6ed0fae4 var(--b-animation-duration-slow) var(--b-animation-easing-linear)}@keyframes fade-in-u9bmxfx-6ed0fae4{0%{opacity:0}to{opacity:1}}@keyframes scale-up-u9bmxfx-6ed0fae4{0%{scale:.8}to{scale:1}}@keyframes enter-u9bmxfx-6ed0fae4{0%{translate:0 -48px}to{translate:0 0}}.b-action-bar__state-animation--start-leave-active[data-v-6ed0fae4]{bottom:0;position:absolute;animation:fade-out-u9bmxgx-6ed0fae4 var(--b-animation-duration-slow) var(--b-animation-easing-linear),exit-u9bmxgx-6ed0fae4 var(--b-animation-duration-slow) var(--b-animation-easing-exit),scale-down-u9bmxgx-6ed0fae4 var(--b-animation-duration-slow) var(--b-animation-easing-linear)}@keyframes fade-out-u9bmxgx-6ed0fae4{0%{opacity:1}to{opacity:0}}@keyframes scale-down-u9bmxgx-6ed0fae4{0%{scale:1}to{scale:.8}}@keyframes exit-u9bmxgx-6ed0fae4{0%{translate:0 0}to{translate:0 48px}}.b-action-bar__state-animation--loading-enter-active[data-v-6ed0fae4]{transition:max-width var(--b-animation-duration-slow) var(--b-animation-easing-standard)}.b-action-bar__state-animation--loading-enter-active .b-action-bar__container-inner[data-v-6ed0fae4]{animation:fade-in-u9bmxhr-6ed0fae4 var(--b-animation-duration-fast) var(--b-animation-easing-linear);animation-fill-mode:both}@keyframes fade-in-u9bmxhr-6ed0fae4{0%{opacity:0}to{opacity:1}}.b-action-bar__state-animation--loading-leave-active[data-v-6ed0fae4]{transition:max-width var(--b-animation-duration-slow) var(--b-animation-easing-standard)}.b-action-bar__state-animation--loading-leave-active .b-action-bar__container-inner[data-v-6ed0fae4]{animation:fade-out-u9bmxin-6ed0fae4 var(--b-animation-duration-fast) var(--b-animation-easing-linear);animation-fill-mode:both}@keyframes fade-out-u9bmxin-6ed0fae4{0%{opacity:1}to{opacity:0}}.b-action-bar__state-animation--success-enter-active[data-v-6ed0fae4],.b-action-bar__state-animation--fail-enter-active[data-v-6ed0fae4]{bottom:0;position:absolute;animation:fade-in-u9bmxj5-6ed0fae4 var(--b-animation-duration-slow) var(--b-animation-easing-linear),enter-u9bmxj5-6ed0fae4 var(--b-animation-duration-slow) var(--b-animation-easing-enter),scale-up-u9bmxj5-6ed0fae4 var(--b-animation-duration-slow) var(--b-animation-easing-linear)}@keyframes fade-in-u9bmxj5-6ed0fae4{0%{opacity:0}to{opacity:1}}@keyframes scale-up-u9bmxj5-6ed0fae4{0%{scale:.8}to{scale:1}}@keyframes enter-u9bmxj5-6ed0fae4{0%{translate:0 48px}to{translate:0 0}}.b-action-bar__state-animation--success-leave-active[data-v-6ed0fae4],.b-action-bar__state-animation--fail-leave-active[data-v-6ed0fae4]{bottom:0;position:absolute;animation:fade-out-u9bmxjb-6ed0fae4 var(--b-animation-duration-slow) var(--b-animation-easing-linear),exit-u9bmxjb-6ed0fae4 var(--b-animation-duration-slow) var(--b-animation-easing-exit),scale-down-u9bmxjb-6ed0fae4 var(--b-animation-duration-slow) var(--b-animation-easing-linear)}@keyframes fade-out-u9bmxjb-6ed0fae4{0%{opacity:1}to{opacity:0}}@keyframes scale-down-u9bmxjb-6ed0fae4{0%{scale:1}to{scale:.8}}@keyframes exit-u9bmxjb-6ed0fae4{0%{translate:0 0}to{translate:0 -48px}}.b-action-bar__state-animation--shake[data-v-6ed0fae4]{animation-duration:var(--b-animation-duration-moderate);animation-name:shake-action-bar-6ed0fae4;animation-timing-function:var(--b-animation-easing-standard)}@media(prefers-reduced-motion:reduce){.b-action-bar__animation-enter-active[data-v-6ed0fae4],.b-action-bar__animation-leave-active[data-v-6ed0fae4],.b-action-bar__state-animation--start-enter-active[data-v-6ed0fae4],.b-action-bar__state-animation--start-leave-active[data-v-6ed0fae4],.b-action-bar__state-animation--success-enter-active[data-v-6ed0fae4],.b-action-bar__state-animation--success-leave-active[data-v-6ed0fae4],.b-action-bar__state-animation--fail-enter-active[data-v-6ed0fae4],.b-action-bar__state-animation--fail-leave-active[data-v-6ed0fae4],.b-action-bar__state-animation--loading-enter-active[data-v-6ed0fae4],.b-action-bar__state-animation--loading-leave-active[data-v-6ed0fae4],.b-action-bar__state-animation--shake[data-v-6ed0fae4],.b-action-bar__state-animation--loading-enter-active .b-action-bar__container-inner[data-v-6ed0fae4],.b-action-bar__state-animation--loading-leave-active .b-action-bar__container-inner[data-v-6ed0fae4]{animation:none;transition:none}}

package/dist/assets/anchor-scroller.css

@@ -1 +1 @@
-.b-anchor-scroller-list[data-v-03d99bd8]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;gap:var(--b-spacer-020);list-style:none;margin:0;padding:0}.b-anchor-scroller-list[data-v-03d99bd8],.b-anchor-scroller-list[data-v-03d99bd8]:before,.b-anchor-scroller-list[data-v-03d99bd8]:after{box-sizing:border-box}.b-anchor-scroller-list[data-v-03d99bd8] *,.b-anchor-scroller-list[data-v-03d99bd8] *:before,.b-anchor-scroller-list[data-v-03d99bd8] *:after{box-sizing:border-box}.b-anchor-scroller-list[data-v-03d99bd8] ::-webkit-scrollbar{height:14px;width:14px}.b-anchor-scroller-list[data-v-03d99bd8] ::-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-anchor-scroller-list__item-button[data-v-03d99bd8]{border:0;color:var(--b-color-label-secondary);padding:var(--b-spacer-020) var(--b-spacer-060);text-decoration:none}.b-anchor-scroller-list__item-button[data-v-03d99bd8]:hover,.b-anchor-scroller-list__item-button[data-v-03d99bd8]:active{background-color:initial;border:0;color:initial}.b-anchor-scroller-list__item-button--active[data-v-03d99bd8]{background-color:var(--b-color-background-tertiary);color:var(--b-color-label-primary)}.b-anchor-scroller-list__item-button--disabled[data-v-03d99bd8]{border:0;color:var(--b-color-label-disabled);cursor:not-allowed}.b-anchor-scroller-list__item-button--disabled[data-v-03d99bd8]:hover,.b-anchor-scroller-list__item-button--disabled[data-v-03d99bd8]:active{background-color:initial;border:0;color:var(--b-color-label-disabled)}.b-anchor-scroller[data-v-9e21fa07]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-anchor-scroller[data-v-9e21fa07],.b-anchor-scroller[data-v-9e21fa07]:before,.b-anchor-scroller[data-v-9e21fa07]:after{box-sizing:border-box}.b-anchor-scroller[data-v-9e21fa07] *,.b-anchor-scroller[data-v-9e21fa07] *:before,.b-anchor-scroller[data-v-9e21fa07] *:after{box-sizing:border-box}.b-anchor-scroller[data-v-9e21fa07] ::-webkit-scrollbar{height:14px;width:14px}.b-anchor-scroller[data-v-9e21fa07] ::-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-anchor-scroller__navigation[data-v-9e21fa07]{background-color:var(--b-color-background-primary);position:sticky;top:0;z-index:var(--b-z-index-local-tier-2)}.b-anchor-scroller__navigation--pinned[data-v-9e21fa07]:after{border-bottom:var(--b-border-width-s) solid transparent;border-image-outset:0 100vmax;border-image-slice:1;border-image-source:linear-gradient(var(--b-color-separator-primary),var(--b-color-separator-primary));bottom:0;content:"";display:block;height:0;left:0;position:absolute;width:100%}.b-anchor-scroller__navigation-panel[data-v-9e21fa07]{align-items:baseline;display:flex;gap:var(--b-spacer-020);padding-block:var(--b-spacer-060)}.b-anchor-scroller__navigation-panel-label[data-v-9e21fa07]{margin-inline-end:var(--b-spacer-060);white-space:nowrap}
+.b-anchor-scroller-list[data-v-45e8b0d8]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;gap:var(--b-spacer-020);list-style:none;margin:0;padding:0}.b-anchor-scroller-list[data-v-45e8b0d8],.b-anchor-scroller-list[data-v-45e8b0d8]:before,.b-anchor-scroller-list[data-v-45e8b0d8]:after{box-sizing:border-box}.b-anchor-scroller-list[data-v-45e8b0d8] *,.b-anchor-scroller-list[data-v-45e8b0d8] *:before,.b-anchor-scroller-list[data-v-45e8b0d8] *:after{box-sizing:border-box}.b-anchor-scroller-list[data-v-45e8b0d8] ::-webkit-scrollbar{height:14px;width:14px}.b-anchor-scroller-list[data-v-45e8b0d8] ::-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-anchor-scroller-list__item-button[data-v-45e8b0d8]{border:0;color:var(--b-color-label-secondary);padding:var(--b-spacer-020) var(--b-spacer-060);text-decoration:none}.b-anchor-scroller-list__item-button[data-v-45e8b0d8]:hover,.b-anchor-scroller-list__item-button[data-v-45e8b0d8]:active{background-color:initial;border:0;color:initial}.b-anchor-scroller-list__item-button--active[data-v-45e8b0d8]{background-color:var(--b-color-background-tertiary);color:var(--b-color-label-primary)}.b-anchor-scroller-list__item-button--disabled[data-v-45e8b0d8]{border:0;color:var(--b-color-label-disabled);cursor:not-allowed}.b-anchor-scroller-list__item-button--disabled[data-v-45e8b0d8]:hover,.b-anchor-scroller-list__item-button--disabled[data-v-45e8b0d8]:active{background-color:initial;border:0;color:var(--b-color-label-disabled)}.b-anchor-scroller[data-v-faf9394c]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-anchor-scroller[data-v-faf9394c],.b-anchor-scroller[data-v-faf9394c]:before,.b-anchor-scroller[data-v-faf9394c]:after{box-sizing:border-box}.b-anchor-scroller[data-v-faf9394c] *,.b-anchor-scroller[data-v-faf9394c] *:before,.b-anchor-scroller[data-v-faf9394c] *:after{box-sizing:border-box}.b-anchor-scroller[data-v-faf9394c] ::-webkit-scrollbar{height:14px;width:14px}.b-anchor-scroller[data-v-faf9394c] ::-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-anchor-scroller__navigation[data-v-faf9394c]{background-color:var(--b-color-background-primary);position:sticky;top:0;z-index:var(--b-z-index-local-tier-2)}.b-anchor-scroller__navigation--pinned[data-v-faf9394c]:after{border-bottom:var(--b-border-width-s) solid transparent;border-image-outset:0 100vmax;border-image-slice:1;border-image-source:linear-gradient(var(--b-color-separator-primary),var(--b-color-separator-primary));bottom:0;content:"";display:block;height:0;left:0;position:absolute;width:100%}.b-anchor-scroller__navigation-panel[data-v-faf9394c]{align-items:baseline;display:flex;gap:var(--b-spacer-020);padding-block:var(--b-spacer-060)}.b-anchor-scroller__navigation-panel-label[data-v-faf9394c]{margin-inline-end:var(--b-spacer-060);white-space:nowrap}

package/dist/assets/base-modal.css

@@ -1 +1 @@
-.b-modal-page[data-v-1e6a91c3]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-color-background-modal);border-radius:var(--b-border-radius-l);display:flex;flex-direction:column;max-height:calc(100vh - 2em - 6px);position:absolute;width:100%}.b-modal-page[data-v-1e6a91c3],.b-modal-page[data-v-1e6a91c3]:before,.b-modal-page[data-v-1e6a91c3]:after{box-sizing:border-box}.b-modal-page[data-v-1e6a91c3] *,.b-modal-page[data-v-1e6a91c3] *:before,.b-modal-page[data-v-1e6a91c3] *:after{box-sizing:border-box}.b-modal-page[data-v-1e6a91c3] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-page[data-v-1e6a91c3] ::-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-1e6a91c3] .b-dialog-page__header{flex:0}.b-modal-page__header-container[data-v-1e6a91c3],.b-modal-page__actions-container[data-v-1e6a91c3]{position:sticky;width:100%}.b-modal-page__header-container[data-v-1e6a91c3]{display:flex;padding-block:19px;padding-inline:var(--b-spacer-090) var(--b-spacer-130)}.b-modal-page__actions-container[data-v-1e6a91c3]{padding:var(--b-spacer-070) var(--b-spacer-090)}.b-modal-page__header[data-v-1e6a91c3]{min-height:var(--b-text-title-line-height)}.b-modal-page[data-v-1e6a91c3] .b-dialog-page__back-button{align-self:flex-start;height:var(--b-text-title-line-height);position:relative;top:19px}.b-modal-page__content[data-v-1e6a91c3]{display:inline-block;padding:var(--b-spacer-070) var(--b-spacer-090);width:100%}.b-modal-page__content--with-header[data-v-1e6a91c3]{padding-top:0}.b-modal-page__content--with-actions[data-v-1e6a91c3]{padding-bottom:0}.b-modal-page__grid[data-v-1e6a91c3]>:nth-child(1){border-right:var(--b-border-width-s) solid var(--b-color-separator-primary);padding:var(--b-spacer-090);padding-left:0}.b-modal-page__grid[data-v-1e6a91c3]>:nth-child(2){padding:var(--b-spacer-090);padding-right:0}.b-modal-base[data-v-8f2a75a1]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-modal-base[data-v-8f2a75a1],.b-modal-base[data-v-8f2a75a1]:before,.b-modal-base[data-v-8f2a75a1]:after{box-sizing:border-box}.b-modal-base[data-v-8f2a75a1] *,.b-modal-base[data-v-8f2a75a1] *:before,.b-modal-base[data-v-8f2a75a1] *:after{box-sizing:border-box}.b-modal-base[data-v-8f2a75a1] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-base[data-v-8f2a75a1] ::-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-base__container[data-v-8f2a75a1]{background-color:var(--b-color-background-modal);border:0;border-radius:var(--b-border-radius-l);color:var(--b-color-label-primary);margin:auto;overflow:visible;padding:var(--b-spacer-000)}.b-modal-base__container[open][data-v-8f2a75a1]{animation:fade-in-u3eo5xt-8f2a75a1 var(--b-animation-duration-moderate, .15s) var(--b-animation-easing-linear),enter-u3eo5xt-8f2a75a1 var(--b-animation-duration-moderate, .15s) var(--b-animation-easing-enter),scale-up-u3eo5xt-8f2a75a1 var(--b-animation-duration-moderate, .15s) var(--b-animation-easing-linear)}@keyframes fade-in-u3eo5xt-8f2a75a1{0%{opacity:0}to{opacity:1}}@keyframes scale-up-u3eo5xt-8f2a75a1{0%{scale:1}to{scale:1}}@keyframes enter-u3eo5xt-8f2a75a1{0%{translate:0 24px}to{translate:0 0}}.b-modal-base__container[open][data-v-8f2a75a1]::backdrop{animation:fade-in-u3eo5yp-8f2a75a1 var(--b-animation-duration-moderate, .15s) var(--b-animation-easing-linear)}@keyframes fade-in-u3eo5yp-8f2a75a1{0%{opacity:0}to{opacity:.5}}.b-modal-base__container--hide[open][data-v-8f2a75a1]{animation:fade-out-u3eo5ze-8f2a75a1 var(--b-animation-duration-moderate, .15s) var(--b-animation-easing-linear),exit-u3eo5ze-8f2a75a1 var(--b-animation-duration-moderate, .15s) var(--b-animation-easing-exit),scale-down-u3eo5ze-8f2a75a1 var(--b-animation-duration-moderate, .15s) var(--b-animation-easing-linear)}@keyframes fade-out-u3eo5ze-8f2a75a1{0%{opacity:1}to{opacity:0}}@keyframes scale-down-u3eo5ze-8f2a75a1{0%{scale:1}to{scale:1}}@keyframes exit-u3eo5ze-8f2a75a1{0%{translate:0 0}to{translate:0 24px}}.b-modal-base__container--hide[open][data-v-8f2a75a1]::backdrop{animation:fade-out-u3eo608-8f2a75a1 var(--b-animation-duration-moderate, .15s) var(--b-animation-easing-linear)}@keyframes fade-out-u3eo608-8f2a75a1{0%{opacity:.5}to{opacity:0}}.b-modal-base__container[data-v-8f2a75a1]::backdrop{background-color:var(--b-color-support-overlay, #00112c);opacity:.5}.b-modal-base__container--animation[data-v-8f2a75a1]{overflow:hidden;transition:height ease var(--b-animation-duration-moderate, .15s)}.b-modal-base__container--small[data-v-8f2a75a1]{width:480px}.b-modal-base__container--medium[data-v-8f2a75a1]{width:600px}.b-modal-base__container--large[data-v-8f2a75a1]{width:800px}.b-modal-base__close-button[data-v-8f2a75a1]{display:flex;height:var(--b-text-title-line-height);position:absolute;right:var(--b-spacer-090);top:19px;z-index:var(--b-z-index-local-tier-1)}
+.b-modal-page[data-v-1e6a91c3]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-color-background-modal);border-radius:var(--b-border-radius-l);display:flex;flex-direction:column;max-height:calc(100vh - 2em - 6px);position:absolute;width:100%}.b-modal-page[data-v-1e6a91c3],.b-modal-page[data-v-1e6a91c3]:before,.b-modal-page[data-v-1e6a91c3]:after{box-sizing:border-box}.b-modal-page[data-v-1e6a91c3] *,.b-modal-page[data-v-1e6a91c3] *:before,.b-modal-page[data-v-1e6a91c3] *:after{box-sizing:border-box}.b-modal-page[data-v-1e6a91c3] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-page[data-v-1e6a91c3] ::-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-1e6a91c3] .b-dialog-page__header{flex:0}.b-modal-page__header-container[data-v-1e6a91c3],.b-modal-page__actions-container[data-v-1e6a91c3]{position:sticky;width:100%}.b-modal-page__header-container[data-v-1e6a91c3]{display:flex;padding-block:19px;padding-inline:var(--b-spacer-090) var(--b-spacer-130)}.b-modal-page__actions-container[data-v-1e6a91c3]{padding:var(--b-spacer-070) var(--b-spacer-090)}.b-modal-page__header[data-v-1e6a91c3]{min-height:var(--b-text-title-line-height)}.b-modal-page[data-v-1e6a91c3] .b-dialog-page__back-button{align-self:flex-start;height:var(--b-text-title-line-height);position:relative;top:19px}.b-modal-page__content[data-v-1e6a91c3]{display:inline-block;padding:var(--b-spacer-070) var(--b-spacer-090);width:100%}.b-modal-page__content--with-header[data-v-1e6a91c3]{padding-top:0}.b-modal-page__content--with-actions[data-v-1e6a91c3]{padding-bottom:0}.b-modal-page__grid[data-v-1e6a91c3]>:nth-child(1){border-right:var(--b-border-width-s) solid var(--b-color-separator-primary);padding:var(--b-spacer-090);padding-left:0}.b-modal-page__grid[data-v-1e6a91c3]>:nth-child(2){padding:var(--b-spacer-090);padding-right:0}.b-modal-base[data-v-8f2a75a1]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-modal-base[data-v-8f2a75a1],.b-modal-base[data-v-8f2a75a1]:before,.b-modal-base[data-v-8f2a75a1]:after{box-sizing:border-box}.b-modal-base[data-v-8f2a75a1] *,.b-modal-base[data-v-8f2a75a1] *:before,.b-modal-base[data-v-8f2a75a1] *:after{box-sizing:border-box}.b-modal-base[data-v-8f2a75a1] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-base[data-v-8f2a75a1] ::-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-base__container[data-v-8f2a75a1]{background-color:var(--b-color-background-modal);border:0;border-radius:var(--b-border-radius-l);color:var(--b-color-label-primary);margin:auto;overflow:visible;padding:var(--b-spacer-000)}.b-modal-base__container[open][data-v-8f2a75a1]{animation:fade-in-u9bmxmr-8f2a75a1 var(--b-animation-duration-moderate, .15s) var(--b-animation-easing-linear),enter-u9bmxmr-8f2a75a1 var(--b-animation-duration-moderate, .15s) var(--b-animation-easing-enter),scale-up-u9bmxmr-8f2a75a1 var(--b-animation-duration-moderate, .15s) var(--b-animation-easing-linear)}@keyframes fade-in-u9bmxmr-8f2a75a1{0%{opacity:0}to{opacity:1}}@keyframes scale-up-u9bmxmr-8f2a75a1{0%{scale:1}to{scale:1}}@keyframes enter-u9bmxmr-8f2a75a1{0%{translate:0 24px}to{translate:0 0}}.b-modal-base__container[open][data-v-8f2a75a1]::backdrop{animation:fade-in-u9bmxnc-8f2a75a1 var(--b-animation-duration-moderate, .15s) var(--b-animation-easing-linear)}@keyframes fade-in-u9bmxnc-8f2a75a1{0%{opacity:0}to{opacity:.5}}.b-modal-base__container--hide[open][data-v-8f2a75a1]{animation:fade-out-u9bmxnn-8f2a75a1 var(--b-animation-duration-moderate, .15s) var(--b-animation-easing-linear),exit-u9bmxnn-8f2a75a1 var(--b-animation-duration-moderate, .15s) var(--b-animation-easing-exit),scale-down-u9bmxnn-8f2a75a1 var(--b-animation-duration-moderate, .15s) var(--b-animation-easing-linear)}@keyframes fade-out-u9bmxnn-8f2a75a1{0%{opacity:1}to{opacity:0}}@keyframes scale-down-u9bmxnn-8f2a75a1{0%{scale:1}to{scale:1}}@keyframes exit-u9bmxnn-8f2a75a1{0%{translate:0 0}to{translate:0 24px}}.b-modal-base__container--hide[open][data-v-8f2a75a1]::backdrop{animation:fade-out-u9bmxnt-8f2a75a1 var(--b-animation-duration-moderate, .15s) var(--b-animation-easing-linear)}@keyframes fade-out-u9bmxnt-8f2a75a1{0%{opacity:.5}to{opacity:0}}.b-modal-base__container[data-v-8f2a75a1]::backdrop{background-color:var(--b-color-support-overlay, #00112c);opacity:.5}.b-modal-base__container--animation[data-v-8f2a75a1]{overflow:hidden;transition:height ease var(--b-animation-duration-moderate, .15s)}.b-modal-base__container--small[data-v-8f2a75a1]{width:480px}.b-modal-base__container--medium[data-v-8f2a75a1]{width:600px}.b-modal-base__container--large[data-v-8f2a75a1]{width:800px}.b-modal-base__close-button[data-v-8f2a75a1]{display:flex;height:var(--b-text-title-line-height);position:absolute;right:var(--b-spacer-090);top:19px;z-index:var(--b-z-index-local-tier-1)}