@adyen/bento-vue3 1.5.0 → 1.6.0

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

@@ -84,8 +84,6 @@ export declare const Tooltip: {
                 $: import("../../../../vue3/node_modules/vue").ComponentInternalInstance;
                 $data: {};
                 $props: Partial<{
-                    position: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition;
-                    offset: number[];
                     ariaRole: PopperContainerAriaRole;
                     arrow: any;
                     disabledFocusTrap: boolean;
@@ -109,6 +107,8 @@ export declare const Tooltip: {
                             elements: import("@floating-ui/dom").Elements;
                         }) => import("@floating-ui/core").MiddlewareReturn | Promise<import("@floating-ui/core").MiddlewareReturn>;
                     }[];
+                    offset: number[];
+                    position: "auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition;
                 }> & Omit<Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
                     ariaRole: {
                         type: PropType<PopperContainerAriaRole>;
@@ -167,7 +167,7 @@ export declare const Tooltip: {
                         validator: (value: number[]) => boolean;
                     };
                     position: {
-                        type: PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition>;
+                        type: PropType<"auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition>;
                         default: import("../popper-container").PopperContainerPositionExtended;
                         validator: (value: unknown) => boolean;
                     };
@@ -177,7 +177,7 @@ export declare const Tooltip: {
                     };
                 }>> & {
                     onPlacement?: (value: import("@floating-ui/utils").Placement) => any;
-                } & import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, "position" | "offset" | "ariaRole" | "arrow" | "disabledFocusTrap" | "fallbackPosition" | "fixedPositioning" | "id" | "isHidden" | "matchWidth" | "middleware">;
+                } & import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, "ariaRole" | "arrow" | "disabledFocusTrap" | "fallbackPosition" | "fixedPositioning" | "id" | "isHidden" | "matchWidth" | "middleware" | "offset" | "position">;
                 $attrs: {
                     [x: string]: unknown;
                 };
@@ -249,7 +249,7 @@ export declare const Tooltip: {
                         validator: (value: number[]) => boolean;
                     };
                     position: {
-                        type: PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition>;
+                        type: PropType<"auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition>;
                         default: import("../popper-container").PopperContainerPositionExtended;
                         validator: (value: unknown) => boolean;
                     };
@@ -262,8 +262,6 @@ export declare const Tooltip: {
                 }, {}, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, {
                     placement: (value: import("@floating-ui/utils").Placement) => void;
                 }, string, {
-                    position: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition;
-                    offset: number[];
                     ariaRole: PopperContainerAriaRole;
                     arrow: any;
                     disabledFocusTrap: boolean;
@@ -287,6 +285,8 @@ export declare const Tooltip: {
                             elements: import("@floating-ui/dom").Elements;
                         }) => import("@floating-ui/core").MiddlewareReturn | Promise<import("@floating-ui/core").MiddlewareReturn>;
                     }[];
+                    offset: number[];
+                    position: "auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition;
                 }, {}, string> & {
                     beforeCreate?: (() => void) | (() => void)[];
                     created?: (() => void) | (() => void)[];
@@ -365,7 +365,7 @@ export declare const Tooltip: {
                     validator: (value: number[]) => boolean;
                 };
                 position: {
-                    type: PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition>;
+                    type: PropType<"auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition>;
                     default: import("../popper-container").PopperContainerPositionExtended;
                     validator: (value: unknown) => boolean;
                 };
@@ -437,7 +437,7 @@ export declare const Tooltip: {
                 validator: (value: number[]) => boolean;
             };
             position: {
-                type: PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition>;
+                type: PropType<"auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition>;
                 default: import("../popper-container").PopperContainerPositionExtended;
                 validator: (value: unknown) => boolean;
             };
@@ -450,8 +450,6 @@ export declare const Tooltip: {
         }, {}, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, {
             placement: (value: import("@floating-ui/utils").Placement) => void;
         }, string, {
-            position: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition;
-            offset: number[];
             ariaRole: PopperContainerAriaRole;
             arrow: any;
             disabledFocusTrap: boolean;
@@ -475,6 +473,8 @@ export declare const Tooltip: {
                     elements: import("@floating-ui/dom").Elements;
                 }) => import("@floating-ui/core").MiddlewareReturn | Promise<import("@floating-ui/core").MiddlewareReturn>;
             }[];
+            offset: number[];
+            position: "auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition;
         }, {}, string> & import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps & (new () => {
             $slots: {
                 default: (_: {}) => any;
@@ -575,9 +575,9 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         default: boolean;
     };
 }>>, {
-    position: import("../popper-container").PopperContainerPositionBasic;
-    offset: number;
     id: string;
+    offset: number;
+    position: import("../popper-container").PopperContainerPositionBasic;
     isShown: boolean;
 }>;
 export default _default;

package/dist/@types/packages/vue2/src/composables/use-expandable-content-height/use-expandable-content-height.d.ts

@@ -0,0 +1,4 @@
+export declare const useExpandableContentHeight: (contentRef: any, isOpen: any) => {
+    updateContentHeight: () => Promise<void>;
+    contentHeight: import("../../../../vue3/node_modules/vue").Ref<string>;
+};

package/dist/@types/packages/vue2/src/templates/data-grid-template/data-grid-template.keys.d.ts

@@ -0,0 +1 @@
+export declare const DATA_GRID_REGISTER_TEMPLATE_INJECTION_KEY: unique symbol;

package/dist/@types/packages/vue2/src/templates/data-grid-template/data-grid-template.types.d.ts

@@ -0,0 +1,6 @@
+import { Ref } from "../../../../vue3/node_modules/vue";
+export type BentoDataGridTemplateDataGrid = () => {
+    isDataGridTemplate: boolean;
+    stickyTabs: Ref<boolean>;
+    tabsRef: Ref<HTMLDivElement> | null;
+};

package/dist/@types/packages/vue2/src/templates/data-grid-template/data-grid-template.vue.d.ts

@@ -1,4 +1,80 @@
-declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_modules/vue").DefineComponent<{}, {}, {}, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, {}, string, import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{}>>, {}>, Record<string, (_: {}) => any> & {
+import { PropType } from "../../../../vue3/node_modules/vue";
+declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_modules/vue").DefineComponent<{
+    header: {
+        type: PropType<Partial<{
+            variant: "component" | "page" | import("../../components/header/header.types").BentoHeaderVariant;
+            actions: import("../..").BentoButtonActionsList;
+            lastUpdated: number | Date;
+            infoIconTooltipText: string;
+        }> & Omit<Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
+            variant: {
+                type: PropType<"component" | "page" | import("../../components/header/header.types").BentoHeaderVariant>;
+                default: import("../../components/header/header.types").BentoHeaderVariant;
+                validator: (value: import("../../components/header/header.types").BentoHeaderVariant) => boolean;
+            };
+            title: {
+                type: StringConstructor;
+                required: true;
+            };
+            infoIconTooltipText: {
+                type: StringConstructor;
+                default: any;
+            };
+            actions: {
+                type: PropType<import("../..").BentoButtonActionsList>;
+                default: any;
+            };
+            lastUpdated: {
+                type: (DateConstructor | NumberConstructor)[];
+                default: any;
+            };
+        }>> & import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, "variant" | "actions" | "lastUpdated" | "infoIconTooltipText">>;
+        required: true;
+    };
+    stickyTabs: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, {}, string, import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
+    header: {
+        type: PropType<Partial<{
+            variant: "component" | "page" | import("../../components/header/header.types").BentoHeaderVariant;
+            actions: import("../..").BentoButtonActionsList;
+            lastUpdated: number | Date;
+            infoIconTooltipText: string;
+        }> & Omit<Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
+            variant: {
+                type: PropType<"component" | "page" | import("../../components/header/header.types").BentoHeaderVariant>;
+                default: import("../../components/header/header.types").BentoHeaderVariant;
+                validator: (value: import("../../components/header/header.types").BentoHeaderVariant) => boolean;
+            };
+            title: {
+                type: StringConstructor;
+                required: true;
+            };
+            infoIconTooltipText: {
+                type: StringConstructor;
+                default: any;
+            };
+            actions: {
+                type: PropType<import("../..").BentoButtonActionsList>;
+                default: any;
+            };
+            lastUpdated: {
+                type: (DateConstructor | NumberConstructor)[];
+                default: any;
+            };
+        }>> & import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, "variant" | "actions" | "lastUpdated" | "infoIconTooltipText">>;
+        required: true;
+    };
+    stickyTabs: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    stickyTabs: boolean;
+}>, Record<string, (_: {}) => any> & {
+    additionalContent: (_: {}) => any;
     default: (_: {}) => any;
 }>;
 export default _default;

package/dist/@types/packages/vue2/src/templates/data-grid-template/index.d.ts

@@ -0,0 +1 @@
+export { default as BentoDataGridTemplate } from './data-grid-template.vue';

package/dist/@types/packages/vue2/src/utils/ts/truncate.d.ts

@@ -1 +1 @@
-export declare const truncate: (aString: string, characterLimit: number) => string;
+export declare const truncate: (aStringOrNumber: string | number, characterLimit: number) => string;

package/dist/accordion.js

@@ -1,10 +1,11 @@
-import { defineComponent as g, provide as T, toRef as k, openBlock as c, createElementBlock as x, renderSlot as S, ref as r, inject as B, watch as f, nextTick as $, createVNode as b, unref as e, withCtx as y, createElementVNode as d, createBlock as h, createTextVNode as w, toDisplayString as D, Transition as O, withDirectives as z, normalizeStyle as A, vShow as H } from "vue";
-import { _ as C } from "./chunks/_plugin-vue_export-helper.dad06003.js";
-import { B as R } from "./chunks/index.32ed68b7.js";
-import { a as V, C as j } from "./chunks/chevron-up.9bf21068.js";
+import { defineComponent as x, provide as k, toRef as B, openBlock as n, createElementBlock as i, renderSlot as C, ref as f, inject as $, computed as O, watch as v, createVNode as b, unref as e, withCtx as y, createElementVNode as g, createBlock as h, createTextVNode as z, toDisplayString as A, Transition as D, normalizeStyle as H, createCommentVNode as V } from "vue";
+import { _ as E } from "./chunks/_plugin-vue_export-helper.dad06003.js";
+import { B as w } from "./chunks/index.9fc54b60.js";
+import { a as R, C as j } from "./chunks/chevron-up.9bf21068.js";
 import { g as I } from "./chunks/unique-id.a2a2b458.js";
-import "./assets/index6.css";
-const E = Symbol("accordion title size injection key"), U = { class: "b-accordion" }, q = {}, J = /* @__PURE__ */ g({
+import { u as M } from "./chunks/use-expandable-content-height.62fc84e5.js";
+import "./assets/index2.css";
+const N = Symbol("accordion title size injection key"), U = { class: "b-accordion" }, q = {}, J = /* @__PURE__ */ x({
   ...q,
   __name: "accordion",
   props: {
@@ -18,13 +19,13 @@ const E = Symbol("accordion title size injection key"), U = { class: "b-accordio
     }
   },
   setup(a) {
-    return T(E, k(a, "titleSize")), (i, _) => (c(), x("div", U, [
-      S(i.$slots, "default", {}, void 0, !0)
+    return k(N, B(a, "titleSize")), (c, d) => (n(), i("div", U, [
+      C(c.$slots, "default", {}, void 0, !0)
     ]));
   }
 });
-const ee = /* @__PURE__ */ C(J, [["__scopeId", "data-v-9fccc066"]]), K = { class: "b-accordion-item" }, L = ["id", "aria-controls", "aria-expanded"], M = ["id", "aria-labelledby"], Y = {}, Z = /* @__PURE__ */ g({
-  ...Y,
+const oe = /* @__PURE__ */ E(J, [["__scopeId", "data-v-9fccc066"]]), K = { class: "b-accordion-item" }, L = ["id", "aria-controls", "aria-expanded"], Y = ["id", "aria-labelledby"], Z = {}, F = /* @__PURE__ */ x({
+  ...Z,
   __name: "accordion-item",
   props: {
     /**
@@ -43,82 +44,76 @@ const ee = /* @__PURE__ */ C(J, [["__scopeId", "data-v-9fccc066"]]), K = { class
     }
   },
   emits: ["update:is-expanded"],
-  setup(a, { emit: l }) {
-    const i = a, _ = "b-accordion-item__animation--content", p = r(null), t = r(i.isExpanded), s = r(null), u = I("accordionItemButton"), m = I("accordionItemContent"), v = B(E, "default"), N = () => {
-      var n;
-      const o = ((n = p.value) == null ? void 0 : n.scrollHeight) || null;
-      s.value = t.value ? `${o}px` : "0";
-    };
-    return f(
-      () => i.isExpanded,
+  setup(a, { emit: s }) {
+    const c = a, d = "b-accordion-item__animation--content", r = f(null), t = f(c.isExpanded), l = I("accordionItemButton"), _ = I("accordionItemContent"), p = $(N, "default"), { updateContentHeight: S, contentHeight: u } = M(r, t), T = O(() => u.value ? { "max-height": u.value } : {});
+    return v(
+      () => c.isExpanded,
       (o) => {
         t.value = o;
       }
-    ), f(
+    ), v(
       t,
-      async (o) => {
-        l("update:is-expanded", o), await $(), N();
+      (o) => {
+        s("update:is-expanded", o), S();
       },
       { immediate: !0 }
-    ), (o, n) => (c(), x("div", K, [
-      b(e(R), {
+    ), (o, m) => (n(), i("div", K, [
+      b(e(w), {
         el: "h3",
-        variant: e(v) === "small" ? "body" : "title",
-        strongest: e(v) === "small"
+        variant: e(p) === "small" ? "body" : "title",
+        strongest: e(p) === "small"
       }, {
         default: y(() => [
-          d("button", {
-            id: e(u),
-            "aria-controls": e(m),
+          g("button", {
+            id: e(l),
+            "aria-controls": e(_),
             "aria-expanded": `${t.value}`,
             type: "button",
             class: "b-accordion-item__button",
-            onClick: n[0] || (n[0] = (F) => t.value = !t.value)
+            onClick: m[0] || (m[0] = (G) => t.value = !t.value)
           }, [
-            t.value ? (c(), h(e(V), {
+            t.value ? (n(), h(e(R), {
               key: 0,
               class: "b-accordion-item__icon",
               "svg-title": "collapse",
               "aria-hidden": "true"
-            })) : (c(), h(e(j), {
+            })) : (n(), h(e(j), {
               key: 1,
               class: "b-accordion-item__icon",
               "svg-title": "expand",
               "aria-hidden": "true"
             })),
-            w(" " + D(a.title), 1)
+            z(" " + A(a.title), 1)
           ], 8, L)
         ]),
         _: 1
       }, 8, ["variant", "strongest"]),
-      b(O, { name: _ }, {
+      b(D, { name: d }, {
         default: y(() => [
-          z(d("div", {
-            id: e(m),
-            "aria-labelledby": e(u),
+          t.value ? (n(), i("div", {
+            key: 0,
+            id: e(_),
+            "aria-labelledby": e(l),
             role: "region",
-            class: "b-accordion-item__container",
-            style: A(s.value ? { "max-height": s.value } : {})
+            style: H(e(T))
           }, [
-            d("div", {
+            g("div", {
               ref_key: "contentDiv",
-              ref: p,
+              ref: r,
               class: "b-accordion-item__content"
             }, [
-              S(o.$slots, "default", {}, void 0, !0)
+              C(o.$slots, "default", {}, void 0, !0)
             ], 512)
-          ], 12, M), [
-            [H, t.value]
-          ])
+          ], 12, Y)) : V("", !0)
         ]),
         _: 3
       })
     ]));
   }
 });
-const te = /* @__PURE__ */ C(Z, [["__scopeId", "data-v-bb9edb27"]]);
+const ne = /* @__PURE__ */ E(F, [["__scopeId", "data-v-98db8bd7"]]);
 export {
-  ee as BentoAccordion,
-  te as BentoAccordionItem
+  oe as BentoAccordion,
+  ne as BentoAccordionItem
 };
 //# sourceMappingURL=accordion.js.map

package/dist/accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.js","sources":["../../vue2/src/components/accordion/accordion.keys.ts","../../vue2/src/components/accordion/accordion.vue","../../vue2/src/components/accordion/components/accordion-item.vue"],"sourcesContent":["export const ACCORDION_TITLE_SIZE_INJECTION_KEY = Symbol('accordion title size injection key');\n","<template>\n    <div class=\"b-accordion\">\n        <slot />\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { PropType, provide, toRef } from 'vue';\n\n    import { ACCORDION_TITLE_SIZE_INJECTION_KEY } from './accordion.keys';\n\n    import type { BentoAccordionTitleSize } from './accordion.types';\n\n    const props = defineProps({\n        /**\n         * Controls accordion title size.\n         * @values default, small\n         */\n        titleSize: {\n            type: String as PropType<BentoAccordionTitleSize>,\n            default: 'default',\n        },\n    });\n\n    provide(ACCORDION_TITLE_SIZE_INJECTION_KEY, toRef(props, 'titleSize'));\n</script>\n\n<script lang=\"ts\">\n    /**\n     * An accordion is a vertical stack of interactive headers used to reveal or hide\n     * sections of content associated with these headers.\n     *\n     * This component must only have `BentoAccordionItem` components in its default slot.\n     *\n     * Accordion items should be collapsed by default.\n     *\n     * @example\n     * import { BentoAccordion, BentoAccordionItem } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoAccordion, BentoAccordionItem },\n     *     template: `\n     *          <bento-accordion>\n     *              <bento-accordion-item title=\"Item 1\">\n     *                  Content for item 1\n     *              </bento-accordion-item>\n     *              <bento-accordion-item title=\"Item 2\">\n     *                  Content for item 2\n     *              </bento-accordion-item>\n     *          </bento-accordion>\n     *     `\n     * }\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./accordion.scss\" />\n","<template>\n    <div class=\"b-accordion-item\">\n        <bento-typography\n            el=\"h3\"\n            :variant=\"titleSize === 'small' ? 'body' : 'title'\"\n            :strongest=\"titleSize === 'small'\"\n        >\n            <button\n                :id=\"buttonId\"\n                :aria-controls=\"contentId\"\n                :aria-expanded=\"`${isOpen}`\"\n                type=\"button\"\n                class=\"b-accordion-item__button\"\n                @click=\"isOpen = !isOpen\"\n            >\n                <chevron-up-icon v-if=\"isOpen\" class=\"b-accordion-item__icon\" svg-title=\"collapse\" aria-hidden=\"true\" />\n                <chevron-down-icon v-else class=\"b-accordion-item__icon\" svg-title=\"expand\" aria-hidden=\"true\" />\n                {{ title }}\n            </button>\n        </bento-typography>\n\n        <Transition :name=\"CONTENT_TRANSITION_NAME\">\n            <div\n                v-show=\"isOpen\"\n                :id=\"contentId\"\n                :aria-labelledby=\"buttonId\"\n                role=\"region\"\n                class=\"b-accordion-item__container\"\n                :style=\"itemHeight ? { 'max-height': itemHeight } : {}\"\n            >\n                <div ref=\"contentDiv\" class=\"b-accordion-item__content\">\n                    <slot />\n                </div>\n            </div>\n        </Transition>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { inject, nextTick, ref, watch } from 'vue';\n\n    import { BentoTypography } from '@/components/typography';\n    import ChevronDownIcon from '@adyen/ui-assets-icons-16/vue/chevron-down';\n    import ChevronUpIcon from '@adyen/ui-assets-icons-16/vue/chevron-up';\n\n    import { generateUid } from '@/utils/ts/unique-id';\n\n    import { ACCORDION_TITLE_SIZE_INJECTION_KEY } from '../accordion.keys';\n\n    import type { BentoAccordionTitleSize } from '../accordion.types';\n\n    const CONTENT_TRANSITION_NAME = 'b-accordion-item__animation--content';\n\n    const props = defineProps({\n        /**\n         * Sets the title of the accordion item.\n         */\n        title: {\n            type: String,\n            required: true,\n        },\n        /**\n         * Controls if the content is visible or hidden.\n         */\n        isExpanded: {\n            type: Boolean,\n            default: false,\n        },\n    });\n\n    const emit = defineEmits<{\n        /**\n         * Emits update event when content is toggled\n         */\n        (e: 'update:is-expanded', value: boolean): void;\n    }>();\n\n    // Refs\n    const contentDiv = ref<HTMLDivElement>(null);\n    const isOpen = ref(props.isExpanded);\n    const itemHeight = ref<string | null>(null);\n\n    // Generating IDs\n    const buttonId = generateUid('accordionItemButton');\n    const contentId = generateUid('accordionItemContent');\n\n    // Injecting prop from parent\n    const titleSize = inject<`${BentoAccordionTitleSize}`>(ACCORDION_TITLE_SIZE_INJECTION_KEY, 'default');\n\n    // Getting and setting the item height to be able to handle height animation\n    const setItemHeight = () => {\n        const maxHeight = contentDiv.value?.scrollHeight || null;\n        itemHeight.value = isOpen.value ? `${maxHeight}px` : '0';\n    };\n\n    watch(\n        () => props.isExpanded,\n        value => {\n            isOpen.value = value;\n        }\n    );\n\n    watch(\n        isOpen,\n        async value => {\n            // Enable two-way data binding for `isExpanded`\n            emit('update:is-expanded', value);\n\n            await nextTick();\n            setItemHeight();\n        },\n        { immediate: true }\n    );\n</script>\n\n<script lang=\"ts\">\n    /**\n     * An accordion item is an interactive header used to reveal or hide a\n     * section of content associated with this header.\n     *\n     * This component must always be wrapped by a `BentoAccordion` component.\n     *\n     * @example\n     * import { BentoAccordion, BentoAccordionItem } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoAccordion, BentoAccordionItem },\n     *     template: `\n     *          <bento-accordion>\n     *              <bento-accordion-item title=\"Item 1\">\n     *                  Content for item 1\n     *              </bento-accordion-item>\n     *              <bento-accordion-item title=\"Item 2\">\n     *                  Content for item 2\n     *              </bento-accordion-item>\n     *          </bento-accordion>\n     *     `\n     * }\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./accordion-item.scss\" />\n"],"names":["ACCORDION_TITLE_SIZE_INJECTION_KEY","__default__$1","provide","toRef","__default__","CONTENT_TRANSITION_NAME","contentDiv","ref","isOpen","props","itemHeight","buttonId","generateUid","contentId","titleSize","inject","setItemHeight","maxHeight","_a","watch","value","emit","nextTick"],"mappings":";;;;;;AAAa,MAAAA,IAAA,OAAA,oCAAA,iCCqDTC,IAAA,CAAA;;;;;;;;;;;;;;AA7BA,WAAAC,EAAAF,GAAAG,KAAA,WAAA,CAAA;;;;;qLCmHAC,IAAA,CAAA;;;;;;;;;;;;;;;;;;;;;iBAxFAC,IAAA,wCA2BAC,IAAAC,EAAA,IAAA,GACAC,IAAAD,EAAAE,EAAA,UAAA,GACAC,IAAAH,EAAA,IAAA,GAGAI,IAAAC,EAAA,qBAAA,GACAC,IAAAD,EAAA,sBAAA,GAGAE,IAAAC,EAAAf,GAAA,SAAA,GAGAgB,IAAA,MAAA;;AACI,YAAAC,MAAAC,IAAAZ,EAAA,UAAA,gBAAAY,EAAA,iBAAA;AACA,MAAAR,EAAA,QAAAF,EAAA,QAAA,GAAAS,QAAA;AAAA,IAAqD;AAGzD,WAAAE;AAAA,MAAA,MAAAV,EAAA;AAAA,MACgB,CAAAW,MAAA;AAER,QAAAZ,EAAA,QAAAY;AAAA,MAAe;AAAA,IACnB,GAGJD;AAAA,MAAAX;AAAA,MACI,OAAAY,MAAA;AAGI,QAAAC,EAAA,sBAAAD,CAAA,GAEA,MAAAE,EAAA,GACAN,EAAA;AAAA,MAAc;AAAA,MAClB,EAAA,WAAA,GAAA;AAAA,IACkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"accordion.js","sources":["../../vue2/src/components/accordion/accordion.keys.ts","../../vue2/src/components/accordion/accordion.vue","../../vue2/src/components/accordion/components/accordion-item.vue"],"sourcesContent":["export const ACCORDION_TITLE_SIZE_INJECTION_KEY = Symbol('accordion title size injection key');\n","<template>\n    <div class=\"b-accordion\">\n        <slot />\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { PropType, provide, toRef } from 'vue';\n\n    import { ACCORDION_TITLE_SIZE_INJECTION_KEY } from './accordion.keys';\n\n    import type { BentoAccordionTitleSize } from './accordion.types';\n\n    const props = defineProps({\n        /**\n         * Controls accordion title size.\n         * @values default, small\n         */\n        titleSize: {\n            type: String as PropType<BentoAccordionTitleSize>,\n            default: 'default',\n        },\n    });\n\n    provide(ACCORDION_TITLE_SIZE_INJECTION_KEY, toRef(props, 'titleSize'));\n</script>\n\n<script lang=\"ts\">\n    /**\n     * An accordion is a vertical stack of interactive headers used to reveal or hide\n     * sections of content associated with these headers.\n     *\n     * This component must only have `BentoAccordionItem` components in its default slot.\n     *\n     * Accordion items should be collapsed by default.\n     *\n     * @example\n     * import { BentoAccordion, BentoAccordionItem } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoAccordion, BentoAccordionItem },\n     *     template: `\n     *          <bento-accordion>\n     *              <bento-accordion-item title=\"Item 1\">\n     *                  Content for item 1\n     *              </bento-accordion-item>\n     *              <bento-accordion-item title=\"Item 2\">\n     *                  Content for item 2\n     *              </bento-accordion-item>\n     *          </bento-accordion>\n     *     `\n     * }\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./accordion.scss\" />\n","<template>\n    <div class=\"b-accordion-item\">\n        <bento-typography\n            el=\"h3\"\n            :variant=\"titleSize === 'small' ? 'body' : 'title'\"\n            :strongest=\"titleSize === 'small'\"\n        >\n            <button\n                :id=\"buttonId\"\n                :aria-controls=\"contentId\"\n                :aria-expanded=\"`${isOpen}`\"\n                type=\"button\"\n                class=\"b-accordion-item__button\"\n                @click=\"isOpen = !isOpen\"\n            >\n                <chevron-up-icon v-if=\"isOpen\" class=\"b-accordion-item__icon\" svg-title=\"collapse\" aria-hidden=\"true\" />\n                <chevron-down-icon v-else class=\"b-accordion-item__icon\" svg-title=\"expand\" aria-hidden=\"true\" />\n                {{ title }}\n            </button>\n        </bento-typography>\n\n        <Transition :name=\"CONTENT_TRANSITION_NAME\">\n            <div v-if=\"isOpen\" :id=\"contentId\" :aria-labelledby=\"buttonId\" role=\"region\" :style=\"contentMaxHeight\">\n                <div ref=\"contentDiv\" class=\"b-accordion-item__content\">\n                    <slot />\n                </div>\n            </div>\n        </Transition>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, inject, ref, watch } from 'vue';\n\n    import { BentoTypography } from '@/components/typography';\n    import ChevronDownIcon from '@adyen/ui-assets-icons-16/vue/chevron-down';\n    import ChevronUpIcon from '@adyen/ui-assets-icons-16/vue/chevron-up';\n\n    import { generateUid } from '@/utils/ts/unique-id';\n\n    import { ACCORDION_TITLE_SIZE_INJECTION_KEY } from '../accordion.keys';\n\n    import type { BentoAccordionTitleSize } from '../accordion.types';\n    import { useExpandableContentHeight } from '@/composables/use-expandable-content-height/use-expandable-content-height';\n\n    const CONTENT_TRANSITION_NAME = 'b-accordion-item__animation--content';\n\n    const props = defineProps({\n        /**\n         * Sets the title of the accordion item.\n         */\n        title: {\n            type: String,\n            required: true,\n        },\n        /**\n         * Controls if the content is visible or hidden.\n         */\n        isExpanded: {\n            type: Boolean,\n            default: false,\n        },\n    });\n\n    const emit = defineEmits<{\n        /**\n         * Emits update event when content is toggled\n         */\n        (e: 'update:is-expanded', value: boolean): void;\n    }>();\n\n    // Refs\n    const contentDiv = ref<HTMLDivElement>(null);\n    const isOpen = ref(props.isExpanded);\n\n    // Generating IDs\n    const buttonId = generateUid('accordionItemButton');\n    const contentId = generateUid('accordionItemContent');\n\n    // Injecting prop from parent\n    const titleSize = inject<`${BentoAccordionTitleSize}`>(ACCORDION_TITLE_SIZE_INJECTION_KEY, 'default');\n\n    // Getting and setting the item height to be able to handle height animation\n    const { updateContentHeight, contentHeight } = useExpandableContentHeight(contentDiv, isOpen);\n\n    const contentMaxHeight = computed(() => (contentHeight.value ? { 'max-height': contentHeight.value } : {}));\n\n    watch(\n        () => props.isExpanded,\n        value => {\n            isOpen.value = value;\n        }\n    );\n\n    watch(\n        isOpen,\n        value => {\n            // Enable two-way data binding for `isExpanded`\n            emit('update:is-expanded', value);\n\n            updateContentHeight();\n        },\n        { immediate: true }\n    );\n</script>\n\n<script lang=\"ts\">\n    /**\n     * An accordion item is an interactive header used to reveal or hide a\n     * section of content associated with this header.\n     *\n     * This component must always be wrapped by a `BentoAccordion` component.\n     *\n     * @example\n     * import { BentoAccordion, BentoAccordionItem } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoAccordion, BentoAccordionItem },\n     *     template: `\n     *          <bento-accordion>\n     *              <bento-accordion-item title=\"Item 1\">\n     *                  Content for item 1\n     *              </bento-accordion-item>\n     *              <bento-accordion-item title=\"Item 2\">\n     *                  Content for item 2\n     *              </bento-accordion-item>\n     *          </bento-accordion>\n     *     `\n     * }\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./accordion-item.scss\" />\n"],"names":["ACCORDION_TITLE_SIZE_INJECTION_KEY","__default__$1","provide","toRef","__default__","CONTENT_TRANSITION_NAME","contentDiv","ref","isOpen","props","buttonId","generateUid","contentId","titleSize","inject","updateContentHeight","contentHeight","useExpandableContentHeight","contentMaxHeight","computed","watch","value","emit"],"mappings":";;;;;;;AAAa,MAAAA,IAAA,OAAA,oCAAA,iCCqDTC,IAAA,CAAA;;;;;;;;;;;;;;AA7BA,WAAAC,EAAAF,GAAAG,KAAA,WAAA,CAAA;;;;;qLC0GAC,IAAA,CAAA;;;;;;;;;;;;;;;;;;;;;iBArFAC,IAAA,wCA2BAC,IAAAC,EAAA,IAAA,GACAC,IAAAD,EAAAE,EAAA,UAAA,GAGAC,IAAAC,EAAA,qBAAA,GACAC,IAAAD,EAAA,sBAAA,GAGAE,IAAAC,EAAAd,GAAA,SAAA,GAGA,EAAA,qBAAAe,GAAA,eAAAC,EAAA,IAAAC,EAAAX,GAAAE,CAAA,GAEAU,IAAAC,EAAA,MAAAH,EAAA,QAAA,EAAA,cAAAA,EAAA,MAAA,IAAA,CAAA,CAAA;AAEA,WAAAI;AAAA,MAAA,MAAAX,EAAA;AAAA,MACgB,CAAAY,MAAA;AAER,QAAAb,EAAA,QAAAa;AAAA,MAAe;AAAA,IACnB,GAGJD;AAAA,MAAAZ;AAAA,MACI,CAAAa,MAAA;AAGI,QAAAC,EAAA,sBAAAD,CAAA,GAEAN,EAAA;AAAA,MAAoB;AAAA,MACxB,EAAA,WAAA,GAAA;AAAA,IACkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/alert.js

@@ -1,13 +1,13 @@
 import { openBlock as o, createElementBlock as u, mergeProps as H, toDisplayString as G, createCommentVNode as a, pushScopeId as V, popScopeId as R, createElementVNode as C, defineComponent as A, computed as s, onMounted as N, resolveComponent as f, normalizeClass as D, createBlock as d, resolveDynamicComponent as P, withCtx as h, renderSlot as g, createVNode as U } from "vue";
-import { B as M, c as O, a as I } from "./chunks/index.32ed68b7.js";
-import { a as W } from "./chunks/button.7072457f.js";
+import { B as M, c as O, a as I } from "./chunks/index.9fc54b60.js";
+import { a as W } from "./chunks/button.9d72e2d7.js";
 import { C as F, I as b } from "./chunks/info-filled.514a2db6.js";
 import { _ as k } from "./chunks/_plugin-vue_export-helper.dad06003.js";
 import { C as S } from "./chunks/cross-circle-fill.0feb37b3.js";
 import { C as T } from "./chunks/checkmark-circle-fill.e6b84561.js";
-import { u as Z } from "./chunks/use-has-slot.3daaffc6.js";
+import { u as Z } from "./chunks/use-has-slot.4d98bf29.js";
 import { u as j } from "./chunks/i18n.6c402773.js";
-import "./assets/index19.css";
+import "./assets/index16.css";
 var i = /* @__PURE__ */ ((t) => (t.DEFAULT = "default", t.TIP = "tip", t))(i || {}), e = /* @__PURE__ */ ((t) => (t.WARNING = "warning", t.CRITICAL = "critical", t.HIGHLIGHT = "highlight", t.SUCCESS = "success", t))(e || {}), y = /* @__PURE__ */ ((t) => (t.CLOSE_ALERT = "close-alert", t))(y || {});
 let $ = 0;
 const q = {

package/dist/assets/base-modal.css

@@ -1 +1 @@
-.b-modal-base[data-v-bfc027d6]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-modal-base[data-v-bfc027d6],.b-modal-base[data-v-bfc027d6]:before,.b-modal-base[data-v-bfc027d6]:after{box-sizing:border-box}.b-modal-base *[data-v-bfc027d6],.b-modal-base *[data-v-bfc027d6]:before,.b-modal-base *[data-v-bfc027d6]:after{box-sizing:border-box}.b-modal-base[data-v-bfc027d6] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-base[data-v-bfc027d6] ::-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-bfc027d6]::backdrop{background-color:#99a0ab}.b-modal-base__container[data-v-bfc027d6]{border:none;margin:auto;padding:var(--b-modal-padding)}.b-modal-base__container--overflow-visible[data-v-bfc027d6]{overflow:visible}.b-modal-base__container[open][data-v-bfc027d6]{animation:fade-in-u28gr1a-bfc027d6 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear),enter-u28gr1a-bfc027d6 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-enter)}@keyframes fade-in-u28gr1a-bfc027d6{0%{opacity:0}to{opacity:1}}@keyframes enter-u28gr1a-bfc027d6{0%{transform:translateY(24px)}to{transform:translate(0)}}.b-modal-base__container[open][data-v-bfc027d6]::backdrop{animation:fade-in-u28gr27-bfc027d6 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-in-u28gr27-bfc027d6{0%{opacity:0}to{opacity:.5}}.b-modal-base__container--hide[open][data-v-bfc027d6]{animation:fade-out-u28gr2j-bfc027d6 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear),exit-u28gr2j-bfc027d6 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-exit)}@keyframes fade-out-u28gr2j-bfc027d6{0%{opacity:1}to{opacity:0}}@keyframes exit-u28gr2j-bfc027d6{0%{transform:translate(0)}to{transform:translateY(24px)}}.b-modal-base__container--hide[open][data-v-bfc027d6]::backdrop{animation:fade-out-u28gr2r-bfc027d6 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-out-u28gr2r-bfc027d6{0%{opacity:.5}to{opacity:0}}.b-modal-base__container--column-layout .b-modal-base__header[data-v-bfc027d6]{padding-bottom:var(--b-modal-container-gap)}.b-modal-base__container--column-layout .b-modal-base__header-container[data-v-bfc027d6]{padding-bottom:0}.b-modal-base__container--column-layout .b-modal-base__actions[data-v-bfc027d6]{padding-top:var(--b-modal-container-gap)}.b-modal-base__container--column-layout .b-modal-base__actions-container[data-v-bfc027d6]{padding-top:0}.b-modal-base__container[data-v-bfc027d6]::backdrop{background-color:var(--b-modal-backdrop-background-color, #00112c);opacity:.5}.b-modal-base__container--small[data-v-bfc027d6]{width:480px}.b-modal-base__container--medium[data-v-bfc027d6]{width:600px}.b-modal-base__container--large[data-v-bfc027d6]{width:800px}.b-modal-base__container[data-v-bfc027d6],.b-modal-base__header-container[data-v-bfc027d6],.b-modal-base__actions-container[data-v-bfc027d6]{background-color:var(--b-modal-container-background-color);border-radius:var(--b-modal-border-radius)}.b-modal-base__wrapper[data-v-bfc027d6]{display:flex;flex-direction:column}.b-modal-base__divider[data-v-bfc027d6]{margin-left:-24px;width:calc(100% + 48px)}.b-modal-base__header-container[data-v-bfc027d6],.b-modal-base__actions-container[data-v-bfc027d6]{padding:16px 24px;position:sticky}.b-modal-base__header-container[data-v-bfc027d6]{border-bottom-left-radius:0;border-bottom-right-radius:0;top:0}.b-modal-base__actions-container[data-v-bfc027d6]{border-top-left-radius:0;border-top-right-radius:0;bottom:0}.b-modal-base__header[data-v-bfc027d6]{align-items:center;display:flex;justify-content:space-between}.b-modal-base__content[data-v-bfc027d6]{padding:var(--b-modal-container-gap) 24px}.b-modal-base__content--with-header[data-v-bfc027d6]{padding-top:0}.b-modal-base__content--with-actions[data-v-bfc027d6]{padding-bottom:0}.b-modal-base__grid[data-v-bfc027d6]>: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-base__grid[data-v-bfc027d6]>:nth-child(2){padding:var(--b-modal-container-column-layout-padding);padding-left:var(--b-modal-container-column-layout-padding-left);padding-right:0}
+.b-modal-base[data-v-bfcceb1f]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-modal-base[data-v-bfcceb1f],.b-modal-base[data-v-bfcceb1f]:before,.b-modal-base[data-v-bfcceb1f]:after{box-sizing:border-box}.b-modal-base *[data-v-bfcceb1f],.b-modal-base *[data-v-bfcceb1f]:before,.b-modal-base *[data-v-bfcceb1f]:after{box-sizing:border-box}.b-modal-base[data-v-bfcceb1f] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-base[data-v-bfcceb1f] ::-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-bfcceb1f]::backdrop{background-color:#99a0ab}.b-modal-base__container[data-v-bfcceb1f]{border:none;margin:auto;padding:var(--b-modal-padding)}.b-modal-base__container--overflow-visible[data-v-bfcceb1f]{overflow:visible}.b-modal-base__container[open][data-v-bfcceb1f]{animation:fade-in-u1dikcv-bfcceb1f var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear),enter-u1dikcv-bfcceb1f var(--b-modal-animation-duration, .15s) var(--b-animation-easing-enter)}@keyframes fade-in-u1dikcv-bfcceb1f{0%{opacity:0}to{opacity:1}}@keyframes enter-u1dikcv-bfcceb1f{0%{transform:translateY(24px)}to{transform:translate(0)}}.b-modal-base__container[open][data-v-bfcceb1f]::backdrop{animation:fade-in-u1dikdu-bfcceb1f var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-in-u1dikdu-bfcceb1f{0%{opacity:0}to{opacity:.5}}.b-modal-base__container--hide[open][data-v-bfcceb1f]{animation:fade-out-u1dike8-bfcceb1f var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear),exit-u1dike8-bfcceb1f var(--b-modal-animation-duration, .15s) var(--b-animation-easing-exit)}@keyframes fade-out-u1dike8-bfcceb1f{0%{opacity:1}to{opacity:0}}@keyframes exit-u1dike8-bfcceb1f{0%{transform:translate(0)}to{transform:translateY(24px)}}.b-modal-base__container--hide[open][data-v-bfcceb1f]::backdrop{animation:fade-out-u1dikev-bfcceb1f var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-out-u1dikev-bfcceb1f{0%{opacity:.5}to{opacity:0}}.b-modal-base__container--column-layout .b-modal-base__header[data-v-bfcceb1f]{padding-bottom:var(--b-modal-container-gap)}.b-modal-base__container--column-layout .b-modal-base__header-container[data-v-bfcceb1f]{padding-bottom:0}.b-modal-base__container--column-layout .b-modal-base__actions[data-v-bfcceb1f]{padding-top:var(--b-modal-container-gap)}.b-modal-base__container--column-layout .b-modal-base__actions-container[data-v-bfcceb1f]{padding-top:0}.b-modal-base__container[data-v-bfcceb1f]::backdrop{background-color:var(--b-modal-backdrop-background-color, #00112c);opacity:.5}.b-modal-base__container--small[data-v-bfcceb1f]{width:480px}.b-modal-base__container--medium[data-v-bfcceb1f]{width:600px}.b-modal-base__container--large[data-v-bfcceb1f]{width:800px}.b-modal-base__container[data-v-bfcceb1f],.b-modal-base__header-container[data-v-bfcceb1f],.b-modal-base__actions-container[data-v-bfcceb1f]{background-color:var(--b-modal-container-background-color);border-radius:var(--b-modal-border-radius)}.b-modal-base__wrapper[data-v-bfcceb1f]{display:flex;flex-direction:column}.b-modal-base__divider[data-v-bfcceb1f]{margin-left:-24px;width:calc(100% + 48px)}.b-modal-base__header-container[data-v-bfcceb1f],.b-modal-base__actions-container[data-v-bfcceb1f]{padding:16px 24px;position:sticky}.b-modal-base__header-container[data-v-bfcceb1f]{border-bottom-left-radius:0;border-bottom-right-radius:0;top:0}.b-modal-base__actions-container[data-v-bfcceb1f]{border-top-left-radius:0;border-top-right-radius:0;bottom:0}.b-modal-base__header[data-v-bfcceb1f]{align-items:center;display:flex;justify-content:space-between}.b-modal-base__content[data-v-bfcceb1f]{padding:var(--b-modal-container-gap) 24px}.b-modal-base__content--with-header[data-v-bfcceb1f]{padding-top:0}.b-modal-base__content--with-actions[data-v-bfcceb1f]{padding-bottom:0}.b-modal-base__grid[data-v-bfcceb1f]>: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-base__grid[data-v-bfcceb1f]>:nth-child(2){padding:var(--b-modal-container-column-layout-padding);padding-left:var(--b-modal-container-column-layout-padding-left);padding-right:0}

package/dist/assets/button.css

@@ -1 +1 @@
-button[data-v-52344429]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-52344429]:focus-visible{outline:none}.b-button[data-v-52344429]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;appearance:none;border-radius:var(--b-button-border-radius);box-shadow:var(--b-button-box-shadow);cursor:pointer;display:inline-flex;gap:8px;height:fit-content;justify-content:center;padding:var(--b-button-padding);text-decoration:none;transition:var(--b-button-transition);transition-property:color,background-color,box-shadow;user-select:none}.b-button[data-v-52344429],.b-button[data-v-52344429]:before,.b-button[data-v-52344429]:after{box-sizing:border-box}.b-button *[data-v-52344429],.b-button *[data-v-52344429]:before,.b-button *[data-v-52344429]:after{box-sizing:border-box}.b-button[data-v-52344429] ::-webkit-scrollbar{height:14px;width:14px}.b-button[data-v-52344429] ::-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-button__label[data-v-52344429]{display:inline-flex;line-height:var(--b-button-line-height);vertical-align:middle;white-space:nowrap}.b-legacy-theme .b-button__label[data-v-52344429]{font-weight:600}.b-button[data-v-52344429]:focus-visible{animation:outer-ring-52344429 var(--b-animation-duration-fast) var(--b-animation-easing-standard);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);z-index:1}@keyframes outer-ring-52344429{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-button--primary[data-v-52344429]{background-color:var(--b-button-primary-background-color);color:var(--b-button-primary-color)}@media (hover: hover){.b-button--primary[data-v-52344429]:hover{background-color:var(--b-button-primary-hover-background-color);color:var(--b-button-primary-color)}}.b-button--primary[data-v-52344429]:active{background-color:var(--b-button-primary-active-background-color);color:var(--b-button-primary-color)}.b-button--primary[data-v-52344429]:disabled,.b-button--primary.b-button--disabled[data-v-52344429]{background-color:var(--b-button-primary-disabled-background-color);color:var(--b-button-primary-disabled-color)}.b-button--secondary[data-v-52344429]{background-color:var(--b-button-secondary-background-color);box-shadow:var(--b-button-secondary-box-shadow);color:var(--b-button-secondary-color)}@media (hover: hover){.b-button--secondary[data-v-52344429]:hover{background-color:var(--b-button-secondary-hover-background-color);box-shadow:var(--b-button-secondary-hover-box-shadow);color:var(--b-button-secondary-hover-color)}}.b-button--secondary[data-v-52344429]:hover:not(:focus){box-shadow:var(--b-button-secondary-hover-box-shadow);color:var(--b-button-secondary-hover-color)}.b-button--secondary[data-v-52344429]:active{background-color:var(--b-button-secondary-active-background-color);box-shadow:var(--b-button-secondary-active-box-shadow);color:var(--b-button-secondary-active-color)}.b-button--secondary[data-v-52344429]:disabled,.b-button--secondary[data-v-52344429]:disabled:not(:focus),.b-button--secondary.b-button--disabled[data-v-52344429]:not(:focus){background-color:var(--b-button-secondary-disabled-background-color);box-shadow:var(--b-button-secondary-disabled-box-shadow);color:var(--b-button-secondary-disabled-color)}.b-button--tertiary[data-v-52344429]{background-color:transparent;box-shadow:var(--b-button-tertiary-box-shadow);color:var(--b-button-tertiary-color);height:var(--b-button-tertiary-height);padding:var(--b-button-tertiary-padding)}@media (hover: hover){.b-button--tertiary[data-v-52344429]:hover{background-color:var(--b-button-tertiary-hover-background-color);color:var(--b-button-tertiary-hover-color)}}.b-button--tertiary[data-v-52344429]:active{background-color:var(--b-button-tertiary-active-background-color);color:var(--b-button-tertiary-active-color)}.b-button--tertiary[data-v-52344429]:disabled,.b-button--tertiary.b-button--disabled[data-v-52344429]{background-color:var(--b-button-tertiary-disabled-background-color);color:var(--b-button-tertiary-disabled-color)}.b-button--primary-critical[data-v-52344429]{background-color:var(--b-button-primary-critical-background-color);color:var(--b-button-primary-critical-color)}@media (hover: hover){.b-button--primary-critical[data-v-52344429]:hover{background-color:var(--b-button-primary-critical-hover-background-color);color:var(--b-button-primary-critical-color)}}.b-button--primary-critical[data-v-52344429]:active{background-color:var(--b-button-primary-critical-active-background-color);color:var(--b-button-primary-critical-color)}.b-button--primary-critical[data-v-52344429]:disabled,.b-button--primary-critical.b-button--disabled[data-v-52344429]{background-color:var(--b-button-primary-critical-disabled-background-color);color:var(--b-button-primary-critical-disabled-color)}.b-button--secondary-critical[data-v-52344429]{background-color:var(--b-button-secondary-critical-background-color);box-shadow:var(--b-button-secondary-critical-box-shadow);color:var(--b-button-secondary-critical-color)}@media (hover: hover){.b-button--secondary-critical[data-v-52344429]:hover{background-color:var(--b-button-secondary-critical-hover-background-color);box-shadow:var(--b-button-secondary-critical-hover-box-shadow);color:var(--b-button-secondary-critical-hover-color)}}.b-button--secondary-critical[data-v-52344429]:active{background-color:var(--b-button-secondary-critical-active-background-color);box-shadow:var(--b-button-secondary-critical-active-box-shadow);color:var(--b-button-secondary-critical-active-color)}.b-button--secondary-critical[data-v-52344429]:disabled,.b-button--secondary-critical.b-button--disabled[data-v-52344429]{background-color:var(--b-button-secondary-critical-disabled-background-color);box-shadow:var(--b-button-secondary-critical-disabled-box-shadow);color:var(--b-button-secondary-critical-disabled-color)}.b-button--tertiary-critical[data-v-52344429]{background-color:var(--b-button-tertiary-critical-background-color);color:var(--b-button-tertiary-critical-color);height:var(--b-button-tertiary-height);padding:var(--b-button-tertiary-padding)}@media (hover: hover){.b-button--tertiary-critical[data-v-52344429]:hover{background-color:var(--b-button-tertiary-critical-hover-background-color);color:var(--b-button-tertiary-critical-hover-color)}}.b-button--tertiary-critical[data-v-52344429]:active{background-color:var(--b-button-tertiary-critical-active-background-color);color:var(--b-button-tertiary-critical-active-color)}.b-button--tertiary-critical[data-v-52344429]:disabled,.b-button--tertiary-critical.b-button--disabled[data-v-52344429]{background-color:var(--b-button-tertiary-critical-disabled-background-color);box-shadow:unset;color:var(--b-button-tertiary-critical-disabled-color)}.b-button--tertiary[data-v-52344429],.b-button--tertiary-critical[data-v-52344429]{text-decoration:var(--b-button-tertiary-text-decoration)}@media (hover: hover){.b-button--tertiary[data-v-52344429]:hover,.b-button--tertiary-critical[data-v-52344429]:hover{text-decoration:var(--b-button-tertiary-hover-text-decoration)}}.b-button--tertiary[data-v-52344429]:active,.b-button--tertiary-critical[data-v-52344429]:active{text-decoration:var(--b-button-tertiary-active-text-decoration)}.b-button--primary-success[data-v-52344429]{background-color:var(--b-button-primary-success-background-color);color:var(--b-button-primary-success-color)}@media (hover: hover){.b-button--primary-success[data-v-52344429]:hover{background-color:var(--b-button-primary-success-hover-background-color)}}.b-button--primary-success[data-v-52344429]:active{background-color:var(--b-button-primary-success-active-background-color)}.b-button--primary-success[data-v-52344429]:disabled,.b-button--primary-success.b-button--disabled[data-v-52344429]{background-color:var(--b-button-primary-success-disabled-background-color);color:var(--b-button-primary-success-disabled-color)}.b-button--block[data-v-52344429]{display:block;width:100%}.b-button[data-v-52344429]:disabled,.b-button.b-button--disabled[data-v-52344429]{cursor:not-allowed}.b-button--condensed[data-v-52344429]{border-radius:var(--b-button-condensed-border-radius);padding:var(--b-button-condensed-padding)}.b-button--condensed .b-button__label[data-v-52344429]{font-size:var(--b-button-condensed-font-size);line-height:var(--b-button-condensed-line-height)}.b-button--condensed .b-button__icon svg[data-v-52344429]{height:var(--b-button-condensed-icon-height);width:var(--b-button-condensed-icon-width)}.b-button--condensed.b-button--tertiary[data-v-52344429],.b-button--condensed.b-button--tertiary-critical[data-v-52344429]{padding:var(--b-button-tertiary-padding)}.b-button--circle[data-v-52344429]{border-radius:50%;height:40px;width:40px}.b-button--icon-only[data-v-52344429]{padding:var(--b-button-icon-only-padding)}.b-button--icon-only.b-button--condensed[data-v-52344429]{padding:var(--b-button-icon-only-condensed-padding)}.b-button--icon-only.b-button--tertiary[data-v-52344429],.b-button--icon-only.b-button--tertiary-critical[data-v-52344429]{height:var(--b-button-tertiary-height);padding:var(--b-button-tertiary-padding)}.b-button__icon-left[data-v-52344429],.b-button__icon-right[data-v-52344429]{display:inline-flex}
+button[data-v-52344429]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-52344429]:focus-visible{outline:none}.b-button[data-v-52344429]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;appearance:none;border-radius:var(--b-button-border-radius);box-shadow:var(--b-button-box-shadow);cursor:pointer;display:inline-flex;gap:8px;height:fit-content;justify-content:center;padding:var(--b-button-padding);text-decoration:none;transition:var(--b-button-transition);transition-property:color,background-color,box-shadow;user-select:none}.b-button[data-v-52344429],.b-button[data-v-52344429]:before,.b-button[data-v-52344429]:after{box-sizing:border-box}.b-button *[data-v-52344429],.b-button *[data-v-52344429]:before,.b-button *[data-v-52344429]:after{box-sizing:border-box}.b-button[data-v-52344429] ::-webkit-scrollbar{height:14px;width:14px}.b-button[data-v-52344429] ::-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-button[data-v-52344429]{height:40px;max-height:40px}.b-button__label[data-v-52344429]{display:inline-flex;line-height:var(--b-button-line-height);vertical-align:middle;white-space:nowrap}.b-legacy-theme .b-button__label[data-v-52344429]{font-weight:600}.b-button[data-v-52344429]:focus-visible{animation:outer-ring-52344429 var(--b-animation-duration-fast) var(--b-animation-easing-standard);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);z-index:1}@keyframes outer-ring-52344429{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-button--primary[data-v-52344429]{background-color:var(--b-button-primary-background-color);color:var(--b-button-primary-color)}@media (hover: hover){.b-button--primary[data-v-52344429]:hover{background-color:var(--b-button-primary-hover-background-color);color:var(--b-button-primary-color)}}.b-button--primary[data-v-52344429]:active{background-color:var(--b-button-primary-active-background-color);color:var(--b-button-primary-color)}.b-button--primary[data-v-52344429]:disabled,.b-button--primary.b-button--disabled[data-v-52344429]{background-color:var(--b-button-primary-disabled-background-color);color:var(--b-button-primary-disabled-color)}.b-button--secondary[data-v-52344429]{background-color:var(--b-button-secondary-background-color);box-shadow:var(--b-button-secondary-box-shadow);color:var(--b-button-secondary-color)}@media (hover: hover){.b-button--secondary[data-v-52344429]:hover{background-color:var(--b-button-secondary-hover-background-color);box-shadow:var(--b-button-secondary-hover-box-shadow);color:var(--b-button-secondary-hover-color)}}.b-button--secondary[data-v-52344429]:hover:not(:focus){box-shadow:var(--b-button-secondary-hover-box-shadow);color:var(--b-button-secondary-hover-color)}.b-button--secondary[data-v-52344429]:active{background-color:var(--b-button-secondary-active-background-color);box-shadow:var(--b-button-secondary-active-box-shadow);color:var(--b-button-secondary-active-color)}.b-button--secondary[data-v-52344429]:disabled,.b-button--secondary[data-v-52344429]:disabled:not(:focus),.b-button--secondary.b-button--disabled[data-v-52344429]:not(:focus){background-color:var(--b-button-secondary-disabled-background-color);box-shadow:var(--b-button-secondary-disabled-box-shadow);color:var(--b-button-secondary-disabled-color)}.b-button--tertiary[data-v-52344429]{background-color:transparent;box-shadow:var(--b-button-tertiary-box-shadow);color:var(--b-button-tertiary-color);height:var(--b-button-tertiary-height);padding:var(--b-button-tertiary-padding)}@media (hover: hover){.b-button--tertiary[data-v-52344429]:hover{background-color:var(--b-button-tertiary-hover-background-color);color:var(--b-button-tertiary-hover-color)}}.b-button--tertiary[data-v-52344429]:active{background-color:var(--b-button-tertiary-active-background-color);color:var(--b-button-tertiary-active-color)}.b-button--tertiary[data-v-52344429]:disabled,.b-button--tertiary.b-button--disabled[data-v-52344429]{background-color:var(--b-button-tertiary-disabled-background-color);color:var(--b-button-tertiary-disabled-color)}.b-button--primary-critical[data-v-52344429]{background-color:var(--b-button-primary-critical-background-color);color:var(--b-button-primary-critical-color)}@media (hover: hover){.b-button--primary-critical[data-v-52344429]:hover{background-color:var(--b-button-primary-critical-hover-background-color);color:var(--b-button-primary-critical-color)}}.b-button--primary-critical[data-v-52344429]:active{background-color:var(--b-button-primary-critical-active-background-color);color:var(--b-button-primary-critical-color)}.b-button--primary-critical[data-v-52344429]:disabled,.b-button--primary-critical.b-button--disabled[data-v-52344429]{background-color:var(--b-button-primary-critical-disabled-background-color);color:var(--b-button-primary-critical-disabled-color)}.b-button--secondary-critical[data-v-52344429]{background-color:var(--b-button-secondary-critical-background-color);box-shadow:var(--b-button-secondary-critical-box-shadow);color:var(--b-button-secondary-critical-color)}@media (hover: hover){.b-button--secondary-critical[data-v-52344429]:hover{background-color:var(--b-button-secondary-critical-hover-background-color);box-shadow:var(--b-button-secondary-critical-hover-box-shadow);color:var(--b-button-secondary-critical-hover-color)}}.b-button--secondary-critical[data-v-52344429]:active{background-color:var(--b-button-secondary-critical-active-background-color);box-shadow:var(--b-button-secondary-critical-active-box-shadow);color:var(--b-button-secondary-critical-active-color)}.b-button--secondary-critical[data-v-52344429]:disabled,.b-button--secondary-critical.b-button--disabled[data-v-52344429]{background-color:var(--b-button-secondary-critical-disabled-background-color);box-shadow:var(--b-button-secondary-critical-disabled-box-shadow);color:var(--b-button-secondary-critical-disabled-color)}.b-button--tertiary-critical[data-v-52344429]{background-color:var(--b-button-tertiary-critical-background-color);color:var(--b-button-tertiary-critical-color);height:var(--b-button-tertiary-height);padding:var(--b-button-tertiary-padding)}@media (hover: hover){.b-button--tertiary-critical[data-v-52344429]:hover{background-color:var(--b-button-tertiary-critical-hover-background-color);color:var(--b-button-tertiary-critical-hover-color)}}.b-button--tertiary-critical[data-v-52344429]:active{background-color:var(--b-button-tertiary-critical-active-background-color);color:var(--b-button-tertiary-critical-active-color)}.b-button--tertiary-critical[data-v-52344429]:disabled,.b-button--tertiary-critical.b-button--disabled[data-v-52344429]{background-color:var(--b-button-tertiary-critical-disabled-background-color);box-shadow:unset;color:var(--b-button-tertiary-critical-disabled-color)}.b-button--tertiary[data-v-52344429],.b-button--tertiary-critical[data-v-52344429]{text-decoration:var(--b-button-tertiary-text-decoration)}@media (hover: hover){.b-button--tertiary[data-v-52344429]:hover,.b-button--tertiary-critical[data-v-52344429]:hover{text-decoration:var(--b-button-tertiary-hover-text-decoration)}}.b-button--tertiary[data-v-52344429]:active,.b-button--tertiary-critical[data-v-52344429]:active{text-decoration:var(--b-button-tertiary-active-text-decoration)}.b-button--primary-success[data-v-52344429]{background-color:var(--b-button-primary-success-background-color);color:var(--b-button-primary-success-color)}@media (hover: hover){.b-button--primary-success[data-v-52344429]:hover{background-color:var(--b-button-primary-success-hover-background-color)}}.b-button--primary-success[data-v-52344429]:active{background-color:var(--b-button-primary-success-active-background-color)}.b-button--primary-success[data-v-52344429]:disabled,.b-button--primary-success.b-button--disabled[data-v-52344429]{background-color:var(--b-button-primary-success-disabled-background-color);color:var(--b-button-primary-success-disabled-color)}.b-button--block[data-v-52344429]{display:block;width:100%}.b-button[data-v-52344429]:disabled,.b-button.b-button--disabled[data-v-52344429]{cursor:not-allowed}.b-button--condensed[data-v-52344429]{border-radius:var(--b-button-condensed-border-radius);padding:var(--b-button-condensed-padding)}.b-button--condensed .b-button__label[data-v-52344429]{font-size:var(--b-button-condensed-font-size);line-height:var(--b-button-condensed-line-height)}.b-button--condensed .b-button__icon svg[data-v-52344429]{height:var(--b-button-condensed-icon-height);width:var(--b-button-condensed-icon-width)}.b-button--condensed.b-button--tertiary[data-v-52344429],.b-button--condensed.b-button--tertiary-critical[data-v-52344429]{padding:var(--b-button-tertiary-padding)}.b-button--circle[data-v-52344429]{border-radius:50%;height:40px;width:40px}.b-button--icon-only[data-v-52344429]{padding:var(--b-button-icon-only-padding)}.b-button--icon-only.b-button--condensed[data-v-52344429]{padding:var(--b-button-icon-only-condensed-padding)}.b-button--icon-only.b-button--tertiary[data-v-52344429],.b-button--icon-only.b-button--tertiary-critical[data-v-52344429]{height:var(--b-button-tertiary-height);padding:var(--b-button-tertiary-padding)}.b-button__icon-left[data-v-52344429],.b-button__icon-right[data-v-52344429]{display:inline-flex}

package/dist/assets/controls-group.css

@@ -1 +1 @@
-.b-controls-group[data-v-40e6d8cc]{border:0;margin:0;padding:0;width:fit-content}.b-controls-group__description[data-v-40e6d8cc]{color:var(--b-controls-group-description-color)}.b-controls-group--disabled[data-v-40e6d8cc]{cursor:not-allowed}.b-controls-group__label[data-v-40e6d8cc]{display:flex;gap:var(--b-controls-group-label-gap)}.b-controls-group__label-container[data-v-40e6d8cc]{display:flex;flex-direction:column;gap:var(--b-controls-group-label-container-gap);margin-bottom:12px}.b-controls-group__label-container--hidden[data-v-40e6d8cc]{display:none;visibility:hidden}.b-controls-group__label-requirement[data-v-40e6d8cc]{color:var(--b-controls-group-label-requirement-color)}.b-controls-group__tooltip[data-v-40e6d8cc]{vertical-align:bottom}
+.b-controls-group[data-v-40e6d8cc]{border:0;margin:0;padding:0;width:fit-content}.b-controls-group legend[data-v-40e6d8cc]{padding-inline-end:0;padding-inline-start:0}.b-controls-group__description[data-v-40e6d8cc]{color:var(--b-controls-group-description-color)}.b-controls-group--disabled[data-v-40e6d8cc]{cursor:not-allowed}.b-controls-group__label[data-v-40e6d8cc]{display:flex;gap:var(--b-controls-group-label-gap)}.b-controls-group__label-container[data-v-40e6d8cc]{display:flex;flex-direction:column;gap:var(--b-controls-group-label-container-gap);margin-bottom:12px}.b-controls-group__label-container--hidden[data-v-40e6d8cc]{display:none;visibility:hidden}.b-controls-group__label-requirement[data-v-40e6d8cc]{color:var(--b-controls-group-label-requirement-color)}.b-controls-group__tooltip[data-v-40e6d8cc]{vertical-align:bottom}

package/dist/assets/dropdown.css

@@ -1 +1 @@
-.b-dropdown-options-container[data-v-0b470d58]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-dropdown-options-container[data-v-0b470d58],.b-dropdown-options-container[data-v-0b470d58]:before,.b-dropdown-options-container[data-v-0b470d58]:after{box-sizing:border-box}.b-dropdown-options-container[data-v-0b470d58] ::-webkit-scrollbar{height:14px;width:14px}.b-dropdown-options-container[data-v-0b470d58] ::-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-dropdown-options-container[data-v-0b470d58]:not(.b-legacy-theme .b-dropdown-options-container--single){border-top-left-radius:0;border-top-right-radius:0;border-top-width:0;margin-top:-9px!important}.b-dropdown-options-container__listbox[data-v-0b470d58]{border-color:var(--b-dropdown-options-container-border-color);border-radius:var(--b-dropdown-options-container-border-radius);border-style:solid;border-width:0;max-height:300px}.b-dropdown-options-container__listbox--single[data-v-0b470d58]{border-width:var(--b-dropdown-options-container-border-width);box-shadow:var(--b-dropdown-options-container-box-shadow);margin-top:var(--b-dropdown-options-container-margin-top)}.b-dropdown-options-container__listbox--small[data-v-0b470d58]{width:100px}svg[data-v-18645fe6]{display:inline-flex;flex-shrink:0}svg[data-v-18645fe6],svg *[data-v-18645fe6]{fill:currentcolor}svg[data-v-6f20d431]{display:inline-flex;flex-shrink:0}svg[data-v-6f20d431],svg *[data-v-6f20d431]{fill:currentcolor}.b-dropdown-small-textbox[data-v-55bc3614]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background-color:var(--b-dropdown-small-textbox-background-color);border:1px solid var(--b-dropdown-small-textbox-border-color);border-radius:var(--b-dropdown-small-textbox-border-radius);color:var(--b-dropdown-small-textbox-color);cursor:pointer;display:flex;flex-wrap:wrap;gap:4px;height:var(--b-dropdown-small-textbox-height);justify-content:space-between;overflow:hidden;width:fit-content}.b-dropdown-small-textbox[data-v-55bc3614],.b-dropdown-small-textbox[data-v-55bc3614]:before,.b-dropdown-small-textbox[data-v-55bc3614]:after{box-sizing:border-box}.b-dropdown-small-textbox[data-v-55bc3614] ::-webkit-scrollbar{height:14px;width:14px}.b-dropdown-small-textbox[data-v-55bc3614] ::-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-dropdown-small-textbox[data-v-55bc3614]{font-weight:600}.b-dropdown-small-textbox__textbox[data-v-55bc3614]{background-color:var(--b-dropdown-small-textbox-background-color);height:100%;padding:var(--b-dropdown-small-textbox-padding);width:100%}.b-dropdown-small-textbox[data-v-55bc3614] .b-dropdown-base-textbox__additional-items{background-color:var(--b-dropdown-small-textbox-additional-items-background-color);padding:var(--b-dropdown-small-textbox-additional-items-padding)}.b-dropdown-small-textbox[data-v-55bc3614] .b-dropdown-base-textbox{gap:var(--b-dropdown-small-textbox-base-textbox-gap);height:var(--b-dropdown-small-textbox-base-textbox-height)}.b-dropdown-small-textbox[data-v-55bc3614]:focus-within,.b-dropdown-small-textbox[data-v-55bc3614]:focus-visible{outline:none}.b-dropdown-small-textbox[data-v-55bc3614]:focus-within:not(.b-dropdown-small-textbox--disabled),.b-dropdown-small-textbox[data-v-55bc3614]:focus-visible:not(.b-dropdown-small-textbox--disabled){border-color:var(--b-dropdown-small-textbox-focus-border-color)}.b-dropdown-small-textbox[data-v-55bc3614]:hover{color:var(--b-dropdown-small-textbox-hover-color)}.b-dropdown-small-textbox--opened[data-v-55bc3614]{border-bottom-left-radius:var(--b-dropdown-small-textbox-opened-bottom-border-radius);border-bottom-right-radius:var(--b-dropdown-small-textbox-opened-bottom-border-radius)}.b-dropdown-small-textbox--disabled[data-v-55bc3614],.b-dropdown-small-textbox--disabled>*[data-v-55bc3614]{background-color:var(--b-dropdown-small-textbox-disabled-background-color);border-color:var(--b-dropdown-small-textbox-disabled-border-color);color:var(--b-dropdown-small-textbox-disabled-color);cursor:not-allowed}.b-dropdown-small-textbox--readonly[data-v-55bc3614],.b-dropdown-small-textbox--readonly>*[data-v-55bc3614]{background-color:var(--b-dropdown-small-textbox-readonly-background-color);border-color:var(--b-dropdown-small-textbox-readonly-border-color);pointer-events:none}.b-dropdown-small-textbox--readonly .b-dropdown-small-textbox__chevron[data-v-55bc3614],.b-dropdown-small-textbox--readonly>* .b-dropdown-small-textbox__chevron[data-v-55bc3614]{color:var(--b-dropdown-small-textbox-readonly-icon-color)}.b-dropdown-small-textbox__chevron[data-v-55bc3614]{align-items:center;display:flex;line-height:1;padding-left:6px;pointer-events:none}.b-dropdown[data-v-79de8f04]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column}.b-dropdown[data-v-79de8f04],.b-dropdown[data-v-79de8f04]:before,.b-dropdown[data-v-79de8f04]:after{box-sizing:border-box}.b-dropdown *[data-v-79de8f04],.b-dropdown *[data-v-79de8f04]:before,.b-dropdown *[data-v-79de8f04]:after{box-sizing:border-box}.b-dropdown[data-v-79de8f04] ::-webkit-scrollbar{height:14px;width:14px}.b-dropdown[data-v-79de8f04] ::-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-dropdown__label[data-v-79de8f04]{margin-bottom:var(--b-dropdown-label-margin-bottom)}.b-dropdown__label-requirement[data-v-79de8f04]{color:var(--b-dropdown-label-color)}.b-dropdown__description[data-v-79de8f04]{color:var(--b-dropdown-description-color);margin-top:var(--b-dropdown-description-margin-top)}.b-dropdown__description--error[data-v-79de8f04]{margin-top:var(--b-dropdown-description-error-margin-top)}.b-dropdown__error-message[data-v-79de8f04]{margin-top:var(--b-dropdown-error-message-margin-top)}
+.b-dropdown-options-container[data-v-2e5620d7]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-dropdown-options-container[data-v-2e5620d7],.b-dropdown-options-container[data-v-2e5620d7]:before,.b-dropdown-options-container[data-v-2e5620d7]:after{box-sizing:border-box}.b-dropdown-options-container[data-v-2e5620d7] ::-webkit-scrollbar{height:14px;width:14px}.b-dropdown-options-container[data-v-2e5620d7] ::-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-dropdown-options-container[data-v-2e5620d7]:not(.b-legacy-theme .b-dropdown-options-container--single){border-top-left-radius:0;border-top-right-radius:0;margin-top:-10px!important}.b-dropdown-options-container__listbox[data-v-2e5620d7]{border-color:var(--b-dropdown-options-container-border-color);border-radius:var(--b-dropdown-options-container-border-radius);border-style:solid;border-width:0;max-height:300px}.b-dropdown-options-container__listbox--single[data-v-2e5620d7]{border-width:var(--b-dropdown-options-container-border-width);box-shadow:var(--b-dropdown-options-container-box-shadow);margin-top:var(--b-dropdown-options-container-margin-top)}.b-dropdown-options-container__listbox--small[data-v-2e5620d7]{width:100px}svg[data-v-18645fe6]{display:inline-flex;flex-shrink:0}svg[data-v-18645fe6],svg *[data-v-18645fe6]{fill:currentcolor}svg[data-v-6f20d431]{display:inline-flex;flex-shrink:0}svg[data-v-6f20d431],svg *[data-v-6f20d431]{fill:currentcolor}.b-dropdown-small-textbox[data-v-55bc3614]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background-color:var(--b-dropdown-small-textbox-background-color);border:1px solid var(--b-dropdown-small-textbox-border-color);border-radius:var(--b-dropdown-small-textbox-border-radius);color:var(--b-dropdown-small-textbox-color);cursor:pointer;display:flex;flex-wrap:wrap;gap:4px;height:var(--b-dropdown-small-textbox-height);justify-content:space-between;overflow:hidden;width:fit-content}.b-dropdown-small-textbox[data-v-55bc3614],.b-dropdown-small-textbox[data-v-55bc3614]:before,.b-dropdown-small-textbox[data-v-55bc3614]:after{box-sizing:border-box}.b-dropdown-small-textbox[data-v-55bc3614] ::-webkit-scrollbar{height:14px;width:14px}.b-dropdown-small-textbox[data-v-55bc3614] ::-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-dropdown-small-textbox[data-v-55bc3614]{font-weight:600}.b-dropdown-small-textbox__textbox[data-v-55bc3614]{background-color:var(--b-dropdown-small-textbox-background-color);height:100%;padding:var(--b-dropdown-small-textbox-padding);width:100%}.b-dropdown-small-textbox[data-v-55bc3614] .b-dropdown-base-textbox__additional-items{background-color:var(--b-dropdown-small-textbox-additional-items-background-color);padding:var(--b-dropdown-small-textbox-additional-items-padding)}.b-dropdown-small-textbox[data-v-55bc3614] .b-dropdown-base-textbox{gap:var(--b-dropdown-small-textbox-base-textbox-gap);height:var(--b-dropdown-small-textbox-base-textbox-height)}.b-dropdown-small-textbox[data-v-55bc3614]:focus-within,.b-dropdown-small-textbox[data-v-55bc3614]:focus-visible{outline:none}.b-dropdown-small-textbox[data-v-55bc3614]:focus-within:not(.b-dropdown-small-textbox--disabled),.b-dropdown-small-textbox[data-v-55bc3614]:focus-visible:not(.b-dropdown-small-textbox--disabled){border-color:var(--b-dropdown-small-textbox-focus-border-color)}.b-dropdown-small-textbox[data-v-55bc3614]:hover{color:var(--b-dropdown-small-textbox-hover-color)}.b-dropdown-small-textbox--opened[data-v-55bc3614]{border-bottom-left-radius:var(--b-dropdown-small-textbox-opened-bottom-border-radius);border-bottom-right-radius:var(--b-dropdown-small-textbox-opened-bottom-border-radius)}.b-dropdown-small-textbox--disabled[data-v-55bc3614],.b-dropdown-small-textbox--disabled>*[data-v-55bc3614]{background-color:var(--b-dropdown-small-textbox-disabled-background-color);border-color:var(--b-dropdown-small-textbox-disabled-border-color);color:var(--b-dropdown-small-textbox-disabled-color);cursor:not-allowed}.b-dropdown-small-textbox--readonly[data-v-55bc3614],.b-dropdown-small-textbox--readonly>*[data-v-55bc3614]{background-color:var(--b-dropdown-small-textbox-readonly-background-color);border-color:var(--b-dropdown-small-textbox-readonly-border-color);pointer-events:none}.b-dropdown-small-textbox--readonly .b-dropdown-small-textbox__chevron[data-v-55bc3614],.b-dropdown-small-textbox--readonly>* .b-dropdown-small-textbox__chevron[data-v-55bc3614]{color:var(--b-dropdown-small-textbox-readonly-icon-color)}.b-dropdown-small-textbox__chevron[data-v-55bc3614]{align-items:center;display:flex;line-height:1;padding-left:6px;pointer-events:none}.b-dropdown[data-v-79de8f04]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column}.b-dropdown[data-v-79de8f04],.b-dropdown[data-v-79de8f04]:before,.b-dropdown[data-v-79de8f04]:after{box-sizing:border-box}.b-dropdown *[data-v-79de8f04],.b-dropdown *[data-v-79de8f04]:before,.b-dropdown *[data-v-79de8f04]:after{box-sizing:border-box}.b-dropdown[data-v-79de8f04] ::-webkit-scrollbar{height:14px;width:14px}.b-dropdown[data-v-79de8f04] ::-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-dropdown__label[data-v-79de8f04]{margin-bottom:var(--b-dropdown-label-margin-bottom)}.b-dropdown__label-requirement[data-v-79de8f04]{color:var(--b-dropdown-label-color)}.b-dropdown__description[data-v-79de8f04]{color:var(--b-dropdown-description-color);margin-top:var(--b-dropdown-description-margin-top)}.b-dropdown__description--error[data-v-79de8f04]{margin-top:var(--b-dropdown-description-error-margin-top)}.b-dropdown__error-message[data-v-79de8f04]{margin-top:var(--b-dropdown-error-message-margin-top)}

package/dist/assets/index.css

@@ -1 +1 @@
-.b-date-picker[data-v-5947eaf2]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column}.b-date-picker[data-v-5947eaf2],.b-date-picker[data-v-5947eaf2]:before,.b-date-picker[data-v-5947eaf2]:after{box-sizing:border-box}.b-date-picker *[data-v-5947eaf2],.b-date-picker *[data-v-5947eaf2]:before,.b-date-picker *[data-v-5947eaf2]:after{box-sizing:border-box}.b-date-picker[data-v-5947eaf2] ::-webkit-scrollbar{height:14px;width:14px}.b-date-picker[data-v-5947eaf2] ::-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-date-picker[data-v-5947eaf2] .b-dropdown-default-textbox--opened{border-radius:6px}.b-legacy-theme .b-date-picker__container[data-v-5947eaf2]{border:var(--b-date-picker-container-border);box-shadow:var(--b-date-picker-container-box-shadow);width:var(--b-date-picker-container-width)}.b-date-picker__description[data-v-5947eaf2]{color:var(--b-date-picker-description-color);margin-top:var(--b-date-picker-description-margin-top)}.b-date-picker__description--error[data-v-5947eaf2]{margin-top:var(--b-date-picker-description-error-margin-top)}.b-date-picker__error-message[data-v-5947eaf2]{margin-top:var(--b-date-picker-error-message-margin-top)}.b-date-picker__error-message[data-v-5947eaf2]:not(:first-of-type){margin-top:var(--b-date-picker-description-error-margin-top)}.b-date-picker__label[data-v-5947eaf2]{margin-bottom:var(--b-date-picker-label-margin-bottom)}.b-date-picker__label-requirement[data-v-5947eaf2]{color:var(--b-date-picker-label-requirement-color)}
+.b-fixed-scroller[data-v-ba6ad0f9]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;position:relative}.b-fixed-scroller[data-v-ba6ad0f9],.b-fixed-scroller[data-v-ba6ad0f9]:before,.b-fixed-scroller[data-v-ba6ad0f9]:after{box-sizing:border-box}.b-fixed-scroller *[data-v-ba6ad0f9],.b-fixed-scroller *[data-v-ba6ad0f9]:before,.b-fixed-scroller *[data-v-ba6ad0f9]:after{box-sizing:border-box}.b-fixed-scroller[data-v-ba6ad0f9] ::-webkit-scrollbar{height:14px;width:14px}.b-fixed-scroller[data-v-ba6ad0f9] ::-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-fixed-scroller__container[data-v-ba6ad0f9]{overflow:hidden;position:relative}.b-fixed-scroller__content[data-v-ba6ad0f9]{position:relative}.b-fixed-scroller__left[data-v-ba6ad0f9]{background:var(--b-fixed-scroller-left-background);left:0;padding-right:var(--b-fixed-scroller-left-padding-right);position:absolute}.b-fixed-scroller__right[data-v-ba6ad0f9]{background:var(--b-fixed-scroller-right-background);padding-left:var(--b-fixed-scroller-right-padding-left);position:absolute;right:0}