@adyen/bento-vue3 1.35.1 → 1.37.0

package/dist/@types/packages/vue2/src/components/timeline/components/timeline-item/timeline-item.vue.d.ts

@@ -193,10 +193,10 @@ declare const _default: import("../../../../../../../node_modules/.pnpm/vue@3.5.
     variant: "CrossCircleIcon" | "SquareSmallIcon" | "CheckedCircleIcon" | BentoTimelineItemVariant;
     tag: Partial<{
         label: string;
-        variant: "blue" | "green" | "grey" | "orange" | "red" | "white" | import("../../../tag").BentoTagVariant;
+        variant: import("../../../tag").BentoTagVariant | `${import("../../../tag").BentoTagVariant}`;
         truncate: number;
     }> & Omit<{
-        readonly variant: "blue" | "green" | "grey" | "orange" | "red" | "white" | import("../../../tag").BentoTagVariant;
+        readonly variant: import("../../../tag").BentoTagVariant | `${import("../../../tag").BentoTagVariant}`;
         readonly label?: string;
         readonly truncate?: number;
     } & import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").VNodeProps & import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").AllowedComponentProps & import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentCustomProps, "label" | "variant" | "truncate">;
@@ -441,6 +441,9 @@ declare const _default: import("../../../../../../../node_modules/.pnpm/vue@3.5.
                 } & {
                     default: import("../../../typography").BentoTypographyVariant;
                 };
+                richText: {
+                    type: PropType<boolean>;
+                };
             }>> & Readonly<{}>, {}, {}, {}, {}, import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, {}, import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").PublicProps, {
                 wide: boolean;
                 stronger: boolean;
@@ -492,6 +495,9 @@ declare const _default: import("../../../../../../../node_modules/.pnpm/vue@3.5.
                 } & {
                     default: import("../../../typography").BentoTypographyVariant;
                 };
+                richText: {
+                    type: PropType<boolean>;
+                };
             }>> & Readonly<{}>, {}, {}, {}, {}, {
                 wide: boolean;
                 stronger: boolean;
@@ -540,6 +546,9 @@ declare const _default: import("../../../../../../../node_modules/.pnpm/vue@3.5.
             } & {
                 default: import("../../../typography").BentoTypographyVariant;
             };
+            richText: {
+                type: PropType<boolean>;
+            };
         }>> & Readonly<{}>, {}, {}, {}, {}, import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, {}, string, {
             wide: boolean;
             stronger: boolean;
@@ -772,205 +781,41 @@ declare const _default: import("../../../../../../../node_modules/.pnpm/vue@3.5.
     });
     BentoTag: import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").DefineComponent<import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ExtractPropTypes<{
         label: {
-            type: StringConstructor;
+            type: PropType<string>;
+        } & {
             default: any;
         };
         variant: {
-            type: PropType<import("../../../tag").BentoTagVariant | `${import("../../../tag").BentoTagVariant}`>;
+            type: PropType<"blue" | "green" | "grey" | "orange" | "red" | "white" | import("../../../tag").BentoTagVariant>;
+        } & {
             default: import("../../../tag").BentoTagVariant;
-            validator: (value: import("../../../tag").BentoTagVariant) => boolean;
         };
         truncate: {
-            type: NumberConstructor;
+            type: PropType<number>;
+        } & {
             default: any;
         };
-    }>, {
-        computedAriaLabel: import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<string>;
-        textFromSlot: import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<string>;
-        formattedText: import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<string>;
-        tagConditionalClasses: import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<{
-            [x: string]: "blue" | "green" | "grey" | "orange" | "red" | "white" | import("../../../tag").BentoTagVariant;
-        }>;
-        shouldShowTooltip: import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<boolean>;
-    }, {}, {}, {}, import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, {}, string, import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").PublicProps, Readonly<import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ExtractPropTypes<{
+    }>, {}, {}, {}, {}, import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, {}, string, import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").PublicProps, Readonly<import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ExtractPropTypes<{
         label: {
-            type: StringConstructor;
+            type: PropType<string>;
+        } & {
             default: any;
         };
         variant: {
-            type: PropType<import("../../../tag").BentoTagVariant | `${import("../../../tag").BentoTagVariant}`>;
+            type: PropType<"blue" | "green" | "grey" | "orange" | "red" | "white" | import("../../../tag").BentoTagVariant>;
+        } & {
             default: import("../../../tag").BentoTagVariant;
-            validator: (value: import("../../../tag").BentoTagVariant) => boolean;
         };
         truncate: {
-            type: NumberConstructor;
+            type: PropType<number>;
+        } & {
             default: any;
         };
     }>> & Readonly<{}>, {
         label: string;
-        variant: "blue" | "green" | "grey" | "orange" | "red" | "white" | import("../../../tag").BentoTagVariant;
+        variant: import("../../../tag").BentoTagVariant | `${import("../../../tag").BentoTagVariant}`;
         truncate: number;
-    }, {}, {
-        BentoTypography: {
-            new (...args: any[]): import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").CreateComponentPublicInstanceWithMixins<Readonly<import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ExtractPropTypes<{
-                wide: {
-                    type: PropType<boolean>;
-                } & {
-                    default: boolean;
-                };
-                stronger: {
-                    type: PropType<boolean>;
-                } & {
-                    default: boolean;
-                };
-                strongest: {
-                    type: PropType<boolean>;
-                } & {
-                    default: boolean;
-                };
-                el: {
-                    type: PropType<"div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | import("../../../typography").BentoTypographyElement>;
-                } & {
-                    default: import("../../../typography").BentoTypographyElement;
-                };
-                large: {
-                    type: PropType<boolean>;
-                } & {
-                    default: boolean;
-                };
-                medium: {
-                    type: PropType<boolean>;
-                } & {
-                    default: boolean;
-                };
-                variant: {
-                    type: PropType<"body" | "caption" | "title" | "subtitle" | import("../../../typography").BentoTypographyVariant>;
-                } & {
-                    default: import("../../../typography").BentoTypographyVariant;
-                };
-            }>> & Readonly<{}>, {}, {}, {}, {}, import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, {}, import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").PublicProps, {
-                wide: boolean;
-                stronger: boolean;
-                strongest: boolean;
-                el: import("../../../typography").BentoTypographyElement | `${import("../../../typography").BentoTypographyElement}`;
-                large: boolean;
-                medium: boolean;
-                variant: import("../../../typography").BentoTypographyVariant | `${import("../../../typography").BentoTypographyVariant}`;
-            }, true, {}, {}, import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").GlobalComponents, import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").GlobalDirectives, string, {}, any, import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentProvideOptions, {
-                P: {};
-                B: {};
-                D: {};
-                C: {};
-                M: {};
-                Defaults: {};
-            }, Readonly<import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ExtractPropTypes<{
-                wide: {
-                    type: PropType<boolean>;
-                } & {
-                    default: boolean;
-                };
-                stronger: {
-                    type: PropType<boolean>;
-                } & {
-                    default: boolean;
-                };
-                strongest: {
-                    type: PropType<boolean>;
-                } & {
-                    default: boolean;
-                };
-                el: {
-                    type: PropType<"div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | import("../../../typography").BentoTypographyElement>;
-                } & {
-                    default: import("../../../typography").BentoTypographyElement;
-                };
-                large: {
-                    type: PropType<boolean>;
-                } & {
-                    default: boolean;
-                };
-                medium: {
-                    type: PropType<boolean>;
-                } & {
-                    default: boolean;
-                };
-                variant: {
-                    type: PropType<"body" | "caption" | "title" | "subtitle" | import("../../../typography").BentoTypographyVariant>;
-                } & {
-                    default: import("../../../typography").BentoTypographyVariant;
-                };
-            }>> & Readonly<{}>, {}, {}, {}, {}, {
-                wide: boolean;
-                stronger: boolean;
-                strongest: boolean;
-                el: import("../../../typography").BentoTypographyElement | `${import("../../../typography").BentoTypographyElement}`;
-                large: boolean;
-                medium: boolean;
-                variant: import("../../../typography").BentoTypographyVariant | `${import("../../../typography").BentoTypographyVariant}`;
-            }>;
-            __isFragment?: never;
-            __isTeleport?: never;
-            __isSuspense?: never;
-        } & import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsBase<Readonly<import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ExtractPropTypes<{
-            wide: {
-                type: PropType<boolean>;
-            } & {
-                default: boolean;
-            };
-            stronger: {
-                type: PropType<boolean>;
-            } & {
-                default: boolean;
-            };
-            strongest: {
-                type: PropType<boolean>;
-            } & {
-                default: boolean;
-            };
-            el: {
-                type: PropType<"div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | import("../../../typography").BentoTypographyElement>;
-            } & {
-                default: import("../../../typography").BentoTypographyElement;
-            };
-            large: {
-                type: PropType<boolean>;
-            } & {
-                default: boolean;
-            };
-            medium: {
-                type: PropType<boolean>;
-            } & {
-                default: boolean;
-            };
-            variant: {
-                type: PropType<"body" | "caption" | "title" | "subtitle" | import("../../../typography").BentoTypographyVariant>;
-            } & {
-                default: import("../../../typography").BentoTypographyVariant;
-            };
-        }>> & Readonly<{}>, {}, {}, {}, {}, import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, {}, string, {
-            wide: boolean;
-            stronger: boolean;
-            strongest: boolean;
-            el: import("../../../typography").BentoTypographyElement | `${import("../../../typography").BentoTypographyElement}`;
-            large: boolean;
-            medium: boolean;
-            variant: import("../../../typography").BentoTypographyVariant | `${import("../../../typography").BentoTypographyVariant}`;
-        }, {}, string, {}, import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").GlobalComponents, import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").GlobalDirectives, string, import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentProvideOptions> & import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").VNodeProps & import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").AllowedComponentProps & import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentCustomProps & (new () => {
-            $slots: {
-                default: (_: {}) => any;
-            };
-        });
-    }, {
-        BentoTooltipDirective: {
-            bind(el: any, binding: any): void;
-            update(el: any, binding: any): void;
-            unbind(el: any): void;
-            beforeMount(el: any, binding: any): void;
-            mounted(el: any, binding: any): void;
-            updated(el: any, binding: any): void;
-            unmounted(el: any): void;
-        };
-    }, string, import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentProvideOptions, true, {}, any>;
+    }, {}, {}, {}, string, import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentProvideOptions, true, {}, any>;
     BentoTypography: {
         new (...args: any[]): import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").CreateComponentPublicInstanceWithMixins<Readonly<import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ExtractPropTypes<{
             wide: {
@@ -1008,6 +853,9 @@ declare const _default: import("../../../../../../../node_modules/.pnpm/vue@3.5.
             } & {
                 default: import("../../../typography").BentoTypographyVariant;
             };
+            richText: {
+                type: PropType<boolean>;
+            };
         }>> & Readonly<{}>, {}, {}, {}, {}, import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, {}, import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").PublicProps, {
             wide: boolean;
             stronger: boolean;
@@ -1059,6 +907,9 @@ declare const _default: import("../../../../../../../node_modules/.pnpm/vue@3.5.
             } & {
                 default: import("../../../typography").BentoTypographyVariant;
             };
+            richText: {
+                type: PropType<boolean>;
+            };
         }>> & Readonly<{}>, {}, {}, {}, {}, {
             wide: boolean;
             stronger: boolean;
@@ -1107,6 +958,9 @@ declare const _default: import("../../../../../../../node_modules/.pnpm/vue@3.5.
         } & {
             default: import("../../../typography").BentoTypographyVariant;
         };
+        richText: {
+            type: PropType<boolean>;
+        };
     }>> & Readonly<{}>, {}, {}, {}, {}, import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, {}, string, {
         wide: boolean;
         stronger: boolean;

package/dist/@types/packages/vue2/src/components/timeline/timeline.vue.d.ts

@@ -447,8 +447,8 @@ declare const _default: import("../../../../../node_modules/.pnpm/vue@3.5.13_typ
         tooltipText: string;
         optional: boolean;
         errorMessage: string;
-        ariaLabel: string;
         readonly: boolean;
+        ariaLabel: string;
         placeholder: string;
         clearable: boolean;
         characterLimit: number;

package/dist/@types/packages/vue2/src/components/toggle/toggle.vue.d.ts

@@ -119,8 +119,8 @@ declare const _default: import("../../../../../node_modules/.pnpm/vue@3.5.13_typ
 }>, {
     value: boolean;
     disabled: boolean;
-    ariaLabel: string;
     readonly: boolean;
+    ariaLabel: string;
     labelPosition: "after" | "before" | BentoToggleLabelPosition;
 }, {}, {
     BentoTypography: {
@@ -160,6 +160,9 @@ declare const _default: import("../../../../../node_modules/.pnpm/vue@3.5.13_typ
             } & {
                 default: import("../typography").BentoTypographyVariant;
             };
+            richText: {
+                type: PropType<boolean>;
+            };
         }>> & Readonly<{}>, {}, {}, {}, {}, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, {}, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").PublicProps, {
             wide: boolean;
             stronger: boolean;
@@ -211,6 +214,9 @@ declare const _default: import("../../../../../node_modules/.pnpm/vue@3.5.13_typ
             } & {
                 default: import("../typography").BentoTypographyVariant;
             };
+            richText: {
+                type: PropType<boolean>;
+            };
         }>> & Readonly<{}>, {}, {}, {}, {}, {
             wide: boolean;
             stronger: boolean;
@@ -259,6 +265,9 @@ declare const _default: import("../../../../../node_modules/.pnpm/vue@3.5.13_typ
         } & {
             default: import("../typography").BentoTypographyVariant;
         };
+        richText: {
+            type: PropType<boolean>;
+        };
     }>> & Readonly<{}>, {}, {}, {}, {}, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, {}, string, {
         wide: boolean;
         stronger: boolean;

package/dist/@types/packages/vue2/src/components/typography/typography.vue.d.ts

@@ -33,6 +33,10 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../node_modu
      * Applicable to the Title variant.
      */
     medium?: boolean;
+    /**
+     * Adds the rich-text modifier, which allows for the use of HTML tags inside typography.
+     */
+    richText?: boolean;
     /**
      * Adds the stronger class modifier.
      * Applicable to Caption, Body and Subtitle variants.
@@ -77,6 +81,10 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../node_modu
      * Applicable to the Title variant.
      */
     medium?: boolean;
+    /**
+     * Adds the rich-text modifier, which allows for the use of HTML tags inside typography.
+     */
+    richText?: boolean;
     /**
      * Adds the stronger class modifier.
      * Applicable to Caption, Body and Subtitle variants.

package/dist/@types/packages/vue2/src/composables/index.d.ts

@@ -7,3 +7,4 @@ export * from './use-form-validate';
 export * from './use-has-slot/use-has-slot';
 export * from './use-virtual-list';
 export * from './use-bento-toast-controller';
+export * from './use-bento-theme';

package/dist/@types/packages/vue2/src/composables/use-bento-theme/index.d.ts

@@ -0,0 +1,2 @@
+export * from './use-bento-theme';
+export * from './use-bento-theme.types';

package/dist/@types/packages/vue2/src/composables/use-bento-theme/install.d.ts

@@ -0,0 +1,18 @@
+export declare enum BentoTheme {
+    LEGACY = "b-legacy-theme",
+    STYLEGUIDE = "b-styleguide-theme",
+    /**
+     * @deprecated in favor of {@link BENTO_LIGHT}. To be removed in v2.0.0.
+     */
+    BENTO = "",
+    BENTO_LIGHT = "b-light-theme",
+    BENTO_DARK = "b-dark-theme",
+    BENTO_SYSTEM = "b-system"
+}
+export declare const setTheme: (theme: BentoTheme) => void;
+/**
+ * This function is used to create and register global reactive state necessary for theme to operate.
+ * @param {Vue} Vue A context application to register global state with.
+ */
+declare const _default: (Vue: any) => void;
+export default _default;

package/dist/@types/packages/vue2/src/composables/use-bento-theme/use-bento-theme.d.ts

@@ -0,0 +1,2 @@
+import { UseBentoTheme } from './use-bento-theme.types';
+export declare function useBentoTheme(): UseBentoTheme;

package/dist/@types/packages/vue2/src/composables/use-bento-theme/use-bento-theme.types.d.ts

@@ -0,0 +1,6 @@
+import { BentoTheme } from './install';
+export declare const useBentoThemeKey: unique symbol;
+export interface UseBentoTheme {
+    getTheme: () => string;
+    setTheme: (theme: BentoTheme | `${BentoTheme}`) => void;
+}

package/dist/@types/packages/vue2/src/directives/tooltip/index.d.ts

@@ -1,2 +1,2 @@
-export { BentoTooltipPosition, BentoTooltipState } from './tooltip.types';
+export { BentoTooltipPosition, BentoTooltipState } from "../../../../core/src/components/tooltip/tooltip.types";
 export { BentoTooltipDirective } from './tooltip';

package/dist/@types/packages/vue2/src/directives/tooltip/tooltip.types.d.ts

@@ -1,15 +1,4 @@
-import { PopperContainerPositionBasic } from "../../../../core/src/components/popper-container/popper-container.types";
 import type { DirectiveBinding } from 'vue/types/options';
-export declare const BentoTooltipPosition: {
-    TOP: PopperContainerPositionBasic.TOP;
-    RIGHT: PopperContainerPositionBasic.RIGHT;
-    BOTTOM: PopperContainerPositionBasic.BOTTOM;
-    LEFT: PopperContainerPositionBasic.LEFT;
-};
-export type BentoTooltipPosition = PopperContainerPositionBasic;
-export declare enum BentoTooltipState {
-    HIDDEN = "hidden"
-}
 export interface BentoTooltipDirectiveBinding extends Readonly<DirectiveBinding> {
     readonly value: string;
 }

package/dist/@types/packages/vue2/src/index.d.ts

@@ -52,6 +52,7 @@ export * from './components/toggle';
 export * from './components/tutorial';
 export * from './components/typography';
 export * from './composables/use-form-validate';
+export * from './composables/use-bento-theme';
 export * from './composables/use-bento-toast-controller';
 export * from './composables/use-click-outside';
 export * from './templates/dashboard-template';

package/dist/@types/packages/vue2/src/install.d.ts

@@ -1,9 +1,5 @@
 import type { PluginObject } from "../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue";
-export declare enum BentoTheme {
-    LEGACY = "b-legacy-theme",
-    STYLEGUIDE = "b-styleguide-theme",
-    BENTO = ""
-}
+import { BentoTheme } from './composables/use-bento-theme/install';
 interface BentoVuePlugin {
     theme?: BentoTheme;
     withToast?: boolean;
@@ -11,4 +7,5 @@ interface BentoVuePlugin {
     withDesignTokensCSSInjection?: boolean;
 }
 declare const plugin: PluginObject<BentoVuePlugin>;
+export { BentoTheme };
 export default plugin;

package/dist/accordion.js

@@ -1,4 +1,4 @@
-import { a as e, b as n } from "./chunks/accordion-item.C30QFxol.js";
+import { a as e, b as n } from "./chunks/accordion-item.BTOF1iNR.js";
 export {
   e as BentoAccordion,
   n as BentoAccordionItem

package/dist/action-bar.js

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

package/dist/alert.js

@@ -1,4 +1,4 @@
-import { B as a, c as n, b as o, a as r } from "./chunks/alert.BvSx_Bi7.js";
+import { B as a, c as n, b as o, a as r } from "./chunks/alert.BTECwgk3.js";
 export {
   a as BentoAlert,
   n as BentoAlertEvent,

package/dist/assets/accordion-item.css

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

package/dist/assets/action-bar.css

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

package/dist/assets/base-modal.css

@@ -1 +1 @@
-.b-modal-page[data-v-914a0ef3]{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-914a0ef3],.b-modal-page[data-v-914a0ef3]:before,.b-modal-page[data-v-914a0ef3]:after{box-sizing:border-box}.b-modal-page[data-v-914a0ef3] *,.b-modal-page[data-v-914a0ef3] *:before,.b-modal-page[data-v-914a0ef3] *:after{box-sizing:border-box}.b-modal-page[data-v-914a0ef3] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-page[data-v-914a0ef3] ::-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-914a0ef3] .b-dialog-page__header{flex:0}.b-modal-page__header-container[data-v-914a0ef3],.b-modal-page__actions-container[data-v-914a0ef3]{position:sticky;width:100%}.b-modal-page__header-container[data-v-914a0ef3]{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-914a0ef3]{padding:var(--b-modal-actions-container-padding)}.b-modal-page__header[data-v-914a0ef3]{min-height:var(--b-modal-header-min-height)}.b-modal-page[data-v-914a0ef3] .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-914a0ef3]{display:inline-block;padding:var(--b-modal-content-padding);width:100%}.b-modal-page__content--with-header[data-v-914a0ef3]{padding-top:0}.b-modal-page__content--with-actions[data-v-914a0ef3]{padding-bottom:0}.b-modal-page__grid[data-v-914a0ef3]>: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-914a0ef3]>:nth-child(2){padding:var(--b-modal-container-column-layout-padding);padding-right:0}.b-modal-base[data-v-e1e1730f]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-modal-base[data-v-e1e1730f],.b-modal-base[data-v-e1e1730f]:before,.b-modal-base[data-v-e1e1730f]:after{box-sizing:border-box}.b-modal-base[data-v-e1e1730f] *,.b-modal-base[data-v-e1e1730f] *:before,.b-modal-base[data-v-e1e1730f] *:after{box-sizing:border-box}.b-modal-base[data-v-e1e1730f] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-base[data-v-e1e1730f] ::-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-e1e1730f]::backdrop{background-color:#99a0ab}.b-modal-base__container[data-v-e1e1730f]{background-color:var(--b-modal-container-background-color);border:0;border-radius:var(--b-modal-border-radius);margin:auto;overflow:visible;padding:var(--b-modal-padding)}.b-modal-base__container[open][data-v-e1e1730f]{animation:fade-in-u8fxqbx-e1e1730f var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear),enter-u8fxqbx-e1e1730f var(--b-modal-animation-duration, .15s) var(--b-animation-easing-enter),scale-up-u8fxqbx-e1e1730f var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-in-u8fxqbx-e1e1730f{0%{opacity:0}to{opacity:1}}@keyframes scale-up-u8fxqbx-e1e1730f{0%{scale:1}to{scale:1}}@keyframes enter-u8fxqbx-e1e1730f{0%{translate:0 24px}to{translate:0 0}}.b-modal-base__container[open][data-v-e1e1730f]::backdrop{animation:fade-in-u8fxqcs-e1e1730f var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-in-u8fxqcs-e1e1730f{0%{opacity:0}to{opacity:.5}}.b-modal-base__container--hide[open][data-v-e1e1730f]{animation:fade-out-u8fxqd8-e1e1730f var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear),exit-u8fxqd8-e1e1730f var(--b-modal-animation-duration, .15s) var(--b-animation-easing-exit),scale-down-u8fxqd8-e1e1730f var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-out-u8fxqd8-e1e1730f{0%{opacity:1}to{opacity:0}}@keyframes scale-down-u8fxqd8-e1e1730f{0%{scale:1}to{scale:1}}@keyframes exit-u8fxqd8-e1e1730f{0%{translate:0 0}to{translate:0 24px}}.b-modal-base__container--hide[open][data-v-e1e1730f]::backdrop{animation:fade-out-u8fxqdy-e1e1730f var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-out-u8fxqdy-e1e1730f{0%{opacity:.5}to{opacity:0}}.b-modal-base__container[data-v-e1e1730f]::backdrop{background-color:var(--b-modal-backdrop-background-color, #00112c);opacity:.5}.b-modal-base__container--animation[data-v-e1e1730f]{overflow:hidden;transition:height ease var(--b-modal-animation-duration, .15s)}.b-modal-base__container--small[data-v-e1e1730f]{width:480px}.b-modal-base__container--medium[data-v-e1e1730f]{width:600px}.b-modal-base__container--large[data-v-e1e1730f]{width:800px}.b-modal-base__close-button[data-v-e1e1730f]{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-914a0ef3]{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-914a0ef3],.b-modal-page[data-v-914a0ef3]:before,.b-modal-page[data-v-914a0ef3]:after{box-sizing:border-box}.b-modal-page[data-v-914a0ef3] *,.b-modal-page[data-v-914a0ef3] *:before,.b-modal-page[data-v-914a0ef3] *:after{box-sizing:border-box}.b-modal-page[data-v-914a0ef3] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-page[data-v-914a0ef3] ::-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-914a0ef3] .b-dialog-page__header{flex:0}.b-modal-page__header-container[data-v-914a0ef3],.b-modal-page__actions-container[data-v-914a0ef3]{position:sticky;width:100%}.b-modal-page__header-container[data-v-914a0ef3]{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-914a0ef3]{padding:var(--b-modal-actions-container-padding)}.b-modal-page__header[data-v-914a0ef3]{min-height:var(--b-modal-header-min-height)}.b-modal-page[data-v-914a0ef3] .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-914a0ef3]{display:inline-block;padding:var(--b-modal-content-padding);width:100%}.b-modal-page__content--with-header[data-v-914a0ef3]{padding-top:0}.b-modal-page__content--with-actions[data-v-914a0ef3]{padding-bottom:0}.b-modal-page__grid[data-v-914a0ef3]>: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-914a0ef3]>:nth-child(2){padding:var(--b-modal-container-column-layout-padding);padding-right:0}.b-modal-base[data-v-55c8c255]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-modal-base[data-v-55c8c255],.b-modal-base[data-v-55c8c255]:before,.b-modal-base[data-v-55c8c255]:after{box-sizing:border-box}.b-modal-base[data-v-55c8c255] *,.b-modal-base[data-v-55c8c255] *:before,.b-modal-base[data-v-55c8c255] *:after{box-sizing:border-box}.b-modal-base[data-v-55c8c255] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-base[data-v-55c8c255] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-legacy-theme .b-modal-base__container[data-v-55c8c255]::backdrop{background-color:#99a0ab}.b-modal-base__container[data-v-55c8c255]{background-color:var(--b-modal-container-background-color);border:0;border-radius:var(--b-modal-border-radius);color:var(--b-modal-container-color);margin:auto;overflow:visible;padding:var(--b-modal-padding)}.b-modal-base__container[open][data-v-55c8c255]{animation:fade-in-uvjbyub-55c8c255 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear),enter-uvjbyub-55c8c255 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-enter),scale-up-uvjbyub-55c8c255 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-in-uvjbyub-55c8c255{0%{opacity:0}to{opacity:1}}@keyframes scale-up-uvjbyub-55c8c255{0%{scale:1}to{scale:1}}@keyframes enter-uvjbyub-55c8c255{0%{translate:0 24px}to{translate:0 0}}.b-modal-base__container[open][data-v-55c8c255]::backdrop{animation:fade-in-uvjbyv9-55c8c255 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-in-uvjbyv9-55c8c255{0%{opacity:0}to{opacity:.5}}.b-modal-base__container--hide[open][data-v-55c8c255]{animation:fade-out-uvjbyvr-55c8c255 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear),exit-uvjbyvr-55c8c255 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-exit),scale-down-uvjbyvr-55c8c255 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-out-uvjbyvr-55c8c255{0%{opacity:1}to{opacity:0}}@keyframes scale-down-uvjbyvr-55c8c255{0%{scale:1}to{scale:1}}@keyframes exit-uvjbyvr-55c8c255{0%{translate:0 0}to{translate:0 24px}}.b-modal-base__container--hide[open][data-v-55c8c255]::backdrop{animation:fade-out-uvjbyw0-55c8c255 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-out-uvjbyw0-55c8c255{0%{opacity:.5}to{opacity:0}}.b-modal-base__container[data-v-55c8c255]::backdrop{background-color:var(--b-modal-backdrop-background-color, #00112c);opacity:.5}.b-modal-base__container--animation[data-v-55c8c255]{overflow:hidden;transition:height ease var(--b-modal-animation-duration, .15s)}.b-modal-base__container--small[data-v-55c8c255]{width:480px}.b-modal-base__container--medium[data-v-55c8c255]{width:600px}.b-modal-base__container--large[data-v-55c8c255]{width:800px}.b-modal-base__close-button[data-v-55c8c255]{display:flex;height:var(--b-modal-close-button-height);position:absolute;right:var(--b-modal-close-button-right);top:var(--b-modal-header-container-padding-block);z-index:var(--b-modal-close-button-z-index)}