@adyen/bento-vue2 1.5.0 → 1.6.0

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

@@ -137,7 +137,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;
             };
@@ -203,7 +203,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;
             };
@@ -214,8 +214,6 @@ export declare const Tooltip: {
         }>>, {
             placement: (value: import("@floating-ui/utils").Placement) => void;
         }, {
-            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;
@@ -239,6 +237,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;
         }, true, import("vue/types/v3-component-options.js").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, any>> & Readonly<Readonly<import("vue").ExtractPropTypes<{
             ariaRole: {
                 type: PropType<PopperContainerAriaRole>;
@@ -297,7 +297,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;
             };
@@ -363,7 +363,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;
             };
@@ -429,7 +429,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;
             };
@@ -440,8 +440,6 @@ export declare const Tooltip: {
         }>>, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").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;
@@ -465,6 +463,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;
         }> & {
             props: {
                 ariaRole: {
@@ -524,7 +524,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;
                 };
@@ -633,9 +633,9 @@ declare const _default: import("vue").DefineComponent<{
         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("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 '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,124 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>, Record<string, (_: {}) => any> & {
+import { PropType } from 'vue';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    header: {
+        type: PropType<Readonly<Partial<{
+            variant: "component" | "page" | import("../../components/header/header.types").BentoHeaderVariant;
+            actions: import("../..").BentoButtonActionsList;
+            lastUpdated: number | Date;
+            infoIconTooltipText: string;
+        }> & Omit<Readonly<import("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("vue/types/v3-component-props").DefaultKeys<{
+            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;
+            };
+        }>>>>;
+        required: true;
+    };
+    stickyTabs: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    header: {
+        type: PropType<Readonly<Partial<{
+            variant: "component" | "page" | import("../../components/header/header.types").BentoHeaderVariant;
+            actions: import("../..").BentoButtonActionsList;
+            lastUpdated: number | Date;
+            infoIconTooltipText: string;
+        }> & Omit<Readonly<import("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("vue/types/v3-component-props").DefaultKeys<{
+            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;
+            };
+        }>>>>;
+        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,11 +1,12 @@
-import { defineComponent as u, provide as b, toRef as y, ref as c, inject as C, watch as l, nextTick as g } from "vue";
-import { n as m } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import { B as x } from "./chunks/index.1645ffcb.js";
+import { defineComponent as p, provide as C, toRef as h, ref as _, inject as y, computed as g, watch as d } from "vue";
+import { n as u } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
+import { B as x } from "./chunks/index.74da0d41.js";
 import { C as T, a as N } from "./chunks/chevron-up.674ec2e5.js";
-import { g as p } from "./chunks/unique-id.a2a2b458.js";
-import "./assets/index2.css";
-const f = Symbol("accordion title size injection key"), O = {}, E = /* @__PURE__ */ u({
-  ...O,
+import { g as l } from "./chunks/unique-id.a2a2b458.js";
+import { u as O } from "./chunks/use-expandable-content-height.62fc84e5.js";
+import "./assets/index16.css";
+const m = Symbol("accordion title size injection key"), E = {}, S = /* @__PURE__ */ p({
+  ...E,
   __name: "accordion",
   props: {
     /**
@@ -19,24 +20,24 @@ const f = Symbol("accordion title size injection key"), O = {}, E = /* @__PURE__
   },
   setup(o) {
     const e = o;
-    return b(f, y(e, "titleSize")), { __sfc: !0, props: e };
+    return C(m, h(e, "titleSize")), { __sfc: !0, props: e };
   }
 });
-var S = function() {
+var z = function() {
   var e = this, n = e._self._c;
   return e._self._setupProxy, n("div", { staticClass: "b-accordion" }, [e._t("default")], 2);
-}, $ = [], w = /* @__PURE__ */ m(
-  E,
+}, A = [], B = /* @__PURE__ */ u(
   S,
-  $,
+  z,
+  A,
   !1,
   null,
   "fb182a1c",
   null,
   null
 );
-const M = w.exports, z = {}, A = /* @__PURE__ */ u({
-  ...z,
+const q = B.exports, $ = {}, R = /* @__PURE__ */ p({
+  ...$,
   __name: "accordion-item",
   props: {
     /**
@@ -56,43 +57,39 @@ const M = w.exports, z = {}, A = /* @__PURE__ */ u({
   },
   emits: ["update:is-expanded"],
   setup(o, { emit: e }) {
-    const n = o, t = "b-accordion-item__animation--content", a = c(null), s = c(n.isExpanded), r = c(null), v = p("accordionItemButton"), I = p("accordionItemContent"), h = C(f, "default"), _ = () => {
-      var d;
-      const i = ((d = a.value) == null ? void 0 : d.scrollHeight) || null;
-      r.value = s.value ? `${i}px` : "0";
-    };
-    return l(
+    const n = o, t = "b-accordion-item__animation--content", i = _(null), s = _(n.isExpanded), f = l("accordionItemButton"), v = l("accordionItemContent"), b = y(m, "default"), { updateContentHeight: r, contentHeight: a } = O(i, s), I = g(() => a.value ? { "max-height": a.value } : {});
+    return d(
       () => n.isExpanded,
-      (i) => {
-        s.value = i;
+      (c) => {
+        s.value = c;
       }
-    ), l(
+    ), d(
       s,
-      async (i) => {
-        e("update:is-expanded", i), await g(), _();
+      (c) => {
+        e("update:is-expanded", c), r();
       },
       { immediate: !0 }
-    ), { __sfc: !0, CONTENT_TRANSITION_NAME: t, props: n, emit: e, contentDiv: a, isOpen: s, itemHeight: r, buttonId: v, contentId: I, titleSize: h, setItemHeight: _, BentoTypography: x, ChevronDownIcon: T, ChevronUpIcon: N };
+    ), { __sfc: !0, CONTENT_TRANSITION_NAME: t, props: n, emit: e, contentDiv: i, isOpen: s, buttonId: f, contentId: v, titleSize: b, updateContentHeight: r, contentHeight: a, contentMaxHeight: I, BentoTypography: x, ChevronDownIcon: T, ChevronUpIcon: N };
   }
 });
-var B = function() {
+var D = function() {
   var e = this, n = e._self._c, t = e._self._setupProxy;
-  return n("div", { staticClass: "b-accordion-item" }, [n(t.BentoTypography, { attrs: { el: "h3", variant: t.titleSize === "small" ? "body" : "title", strongest: t.titleSize === "small" } }, [n("button", { staticClass: "b-accordion-item__button", attrs: { id: t.buttonId, "aria-controls": t.contentId, "aria-expanded": `${t.isOpen}`, type: "button" }, on: { click: function(a) {
+  return n("div", { staticClass: "b-accordion-item" }, [n(t.BentoTypography, { attrs: { el: "h3", variant: t.titleSize === "small" ? "body" : "title", strongest: t.titleSize === "small" } }, [n("button", { staticClass: "b-accordion-item__button", attrs: { id: t.buttonId, "aria-controls": t.contentId, "aria-expanded": `${t.isOpen}`, type: "button" }, on: { click: function(i) {
     t.isOpen = !t.isOpen;
-  } } }, [t.isOpen ? n(t.ChevronUpIcon, { staticClass: "b-accordion-item__icon", attrs: { "svg-title": "collapse", "aria-hidden": "true" } }) : n(t.ChevronDownIcon, { staticClass: "b-accordion-item__icon", attrs: { "svg-title": "expand", "aria-hidden": "true" } }), e._v(" " + e._s(e.title) + " ")], 1)]), n("Transition", { attrs: { name: t.CONTENT_TRANSITION_NAME } }, [n("div", { directives: [{ name: "show", rawName: "v-show", value: t.isOpen, expression: "isOpen" }], staticClass: "b-accordion-item__container", style: t.itemHeight ? { "max-height": t.itemHeight } : {}, attrs: { id: t.contentId, "aria-labelledby": t.buttonId, role: "region" } }, [n("div", { ref: "contentDiv", staticClass: "b-accordion-item__content" }, [e._t("default")], 2)])])], 1);
-}, H = [], R = /* @__PURE__ */ m(
-  A,
-  B,
+  } } }, [t.isOpen ? n(t.ChevronUpIcon, { staticClass: "b-accordion-item__icon", attrs: { "svg-title": "collapse", "aria-hidden": "true" } }) : n(t.ChevronDownIcon, { staticClass: "b-accordion-item__icon", attrs: { "svg-title": "expand", "aria-hidden": "true" } }), e._v(" " + e._s(e.title) + " ")], 1)]), n("Transition", { attrs: { name: t.CONTENT_TRANSITION_NAME } }, [t.isOpen ? n("div", { style: t.contentMaxHeight, attrs: { id: t.contentId, "aria-labelledby": t.buttonId, role: "region" } }, [n("div", { ref: "contentDiv", staticClass: "b-accordion-item__content" }, [e._t("default")], 2)]) : e._e()])], 1);
+}, H = [], M = /* @__PURE__ */ u(
+  R,
+  D,
   H,
   !1,
   null,
-  "cd8dfa4c",
+  "bd7f29ee",
   null,
   null
 );
-const P = R.exports;
+const J = M.exports;
 export {
-  M as BentoAccordion,
-  P as BentoAccordionItem
+  q as BentoAccordion,
+  J as BentoAccordionItem
 };
 //# sourceMappingURL=accordion.js.map

package/dist/accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.js","sources":["../src/components/accordion/accordion.keys.ts","../src/components/accordion/accordion.vue","../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","props","__default__","CONTENT_TRANSITION_NAME","contentDiv","ref","isOpen","itemHeight","buttonId","generateUid","contentId","titleSize","inject","setItemHeight","maxHeight","_a","watch","value","emit","nextTick"],"mappings":";;;;;;AAAa,MAAAA,IAAA,OAAA,oCAAA,GCqDTC,IAAA,CAAA;;;;;;;;;;;;;;;AA7BA,WAAAC,EAAAF,GAAAG,EAAAC,GAAA,WAAA,CAAA;;;;;;;;;;;;;;;;qBCmHAC,IAAA,CAAA;;;;;;;;;;;;;;;;;;;;;iBAxFAC,IAAA,wCA2BAC,IAAAC,EAAA,IAAA,GACAC,IAAAD,EAAAJ,EAAA,UAAA,GACAM,IAAAF,EAAA,IAAA,GAGAG,IAAAC,EAAA,qBAAA,GACAC,IAAAD,EAAA,sBAAA,GAGAE,IAAAC,EAAAf,GAAA,SAAA,GAGAgB,IAAA,MAAA;;AACI,YAAAC,MAAAC,IAAAX,EAAA,UAAA,gBAAAW,EAAA,iBAAA;AACA,MAAAR,EAAA,QAAAD,EAAA,QAAA,GAAAQ,QAAA;AAAA,IAAqD;AAGzD,WAAAE;AAAA,MAAA,MAAAf,EAAA;AAAA,MACgB,CAAAgB,MAAA;AAER,QAAAX,EAAA,QAAAW;AAAA,MAAe;AAAA,IACnB,GAGJD;AAAA,MAAAV;AAAA,MACI,OAAAW,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":["../src/components/accordion/accordion.keys.ts","../src/components/accordion/accordion.vue","../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","props","__default__","CONTENT_TRANSITION_NAME","contentDiv","ref","isOpen","buttonId","generateUid","contentId","titleSize","inject","updateContentHeight","contentHeight","useExpandableContentHeight","contentMaxHeight","computed","watch","value","emit"],"mappings":";;;;;;;AAAa,MAAAA,IAAA,OAAA,oCAAA,GCqDTC,IAAA,CAAA;;;;;;;;;;;;;;;AA7BA,WAAAC,EAAAF,GAAAG,EAAAC,GAAA,WAAA,CAAA;;;;;;;;;;;;;;;;qBC0GAC,IAAA,CAAA;;;;;;;;;;;;;;;;;;;;;iBArFAC,IAAA,wCA2BAC,IAAAC,EAAA,IAAA,GACAC,IAAAD,EAAAJ,EAAA,UAAA,GAGAM,IAAAC,EAAA,qBAAA,GACAC,IAAAD,EAAA,sBAAA,GAGAE,IAAAC,EAAAd,GAAA,SAAA,GAGA,EAAA,qBAAAe,GAAA,eAAAC,EAAA,IAAAC,EAAAV,GAAAE,CAAA,GAEAS,IAAAC,EAAA,MAAAH,EAAA,QAAA,EAAA,cAAAA,EAAA,MAAA,IAAA,CAAA,CAAA;AAEA,WAAAI;AAAA,MAAA,MAAAhB,EAAA;AAAA,MACgB,CAAAiB,MAAA;AAER,QAAAZ,EAAA,QAAAY;AAAA,MAAe;AAAA,IACnB,GAGJD;AAAA,MAAAX;AAAA,MACI,CAAAY,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 { defineComponent as y, computed as n, onMounted as T } from "vue";
-import { B as S, c as L, a as i } from "./chunks/index.1645ffcb.js";
-import { a as H } from "./chunks/button.66df5734.js";
+import { B as S, c as L, a as i } from "./chunks/index.74da0d41.js";
+import { a as H } from "./chunks/button.38099670.js";
 import { C as w, I as C } from "./chunks/info-filled.48f3268f.js";
 import { n as v } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
 import { C as _ } from "./chunks/cross-circle-fill.d5e9ae44.js";
 import { C as u } from "./chunks/checkmark-circle-fill.2cfbb81b.js";
 import { u as E } from "./chunks/use-has-slot.6052d56a.js";
 import { u as R } from "./chunks/i18n.155748d6.js";
-import "./assets/index3.css";
+import "./assets/index14.css";
 var r = /* @__PURE__ */ ((e) => (e.DEFAULT = "default", e.TIP = "tip", e))(r || {}), a = /* @__PURE__ */ ((e) => (e.WARNING = "warning", e.CRITICAL = "critical", e.HIGHLIGHT = "highlight", e.SUCCESS = "success", e))(a || {}), l = /* @__PURE__ */ ((e) => (e.CLOSE_ALERT = "close-alert", e))(l || {});
 let d = 0;
 const G = {

package/dist/assets/base-modal.css

@@ -1 +1 @@
-.b-modal-base[data-v-493f3149]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-modal-base[data-v-493f3149],.b-modal-base[data-v-493f3149]:before,.b-modal-base[data-v-493f3149]:after{box-sizing:border-box}.b-modal-base *[data-v-493f3149],.b-modal-base *[data-v-493f3149]:before,.b-modal-base *[data-v-493f3149]:after{box-sizing:border-box}.b-modal-base[data-v-493f3149] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-base[data-v-493f3149] ::-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-493f3149]::backdrop{background-color:#99a0ab}.b-modal-base__container[data-v-493f3149]{border:none;margin:auto;padding:var(--b-modal-padding)}.b-modal-base__container--overflow-visible[data-v-493f3149]{overflow:visible}.b-modal-base__container[open][data-v-493f3149]{animation:fade-in-uv4eft7-493f3149 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear),enter-uv4eft7-493f3149 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-enter)}@keyframes fade-in-uv4eft7-493f3149{0%{opacity:0}to{opacity:1}}@keyframes enter-uv4eft7-493f3149{0%{transform:translateY(24px)}to{transform:translate(0)}}.b-modal-base__container[open][data-v-493f3149]::backdrop{animation:fade-in-uv4efts-493f3149 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-in-uv4efts-493f3149{0%{opacity:0}to{opacity:.5}}.b-modal-base__container--hide[open][data-v-493f3149]{animation:fade-out-uv4efu0-493f3149 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear),exit-uv4efu0-493f3149 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-exit)}@keyframes fade-out-uv4efu0-493f3149{0%{opacity:1}to{opacity:0}}@keyframes exit-uv4efu0-493f3149{0%{transform:translate(0)}to{transform:translateY(24px)}}.b-modal-base__container--hide[open][data-v-493f3149]::backdrop{animation:fade-out-uv4efu2-493f3149 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-out-uv4efu2-493f3149{0%{opacity:.5}to{opacity:0}}.b-modal-base__container--column-layout .b-modal-base__header[data-v-493f3149]{padding-bottom:var(--b-modal-container-gap)}.b-modal-base__container--column-layout .b-modal-base__header-container[data-v-493f3149]{padding-bottom:0}.b-modal-base__container--column-layout .b-modal-base__actions[data-v-493f3149]{padding-top:var(--b-modal-container-gap)}.b-modal-base__container--column-layout .b-modal-base__actions-container[data-v-493f3149]{padding-top:0}.b-modal-base__container[data-v-493f3149]::backdrop{background-color:var(--b-modal-backdrop-background-color, #00112c);opacity:.5}.b-modal-base__container--small[data-v-493f3149]{width:480px}.b-modal-base__container--medium[data-v-493f3149]{width:600px}.b-modal-base__container--large[data-v-493f3149]{width:800px}.b-modal-base__container[data-v-493f3149],.b-modal-base__header-container[data-v-493f3149],.b-modal-base__actions-container[data-v-493f3149]{background-color:var(--b-modal-container-background-color);border-radius:var(--b-modal-border-radius)}.b-modal-base__wrapper[data-v-493f3149]{display:flex;flex-direction:column}.b-modal-base__divider[data-v-493f3149]{margin-left:-24px;width:calc(100% + 48px)}.b-modal-base__header-container[data-v-493f3149],.b-modal-base__actions-container[data-v-493f3149]{padding:16px 24px;position:sticky}.b-modal-base__header-container[data-v-493f3149]{border-bottom-left-radius:0;border-bottom-right-radius:0;top:0}.b-modal-base__actions-container[data-v-493f3149]{border-top-left-radius:0;border-top-right-radius:0;bottom:0}.b-modal-base__header[data-v-493f3149]{align-items:center;display:flex;justify-content:space-between}.b-modal-base__content[data-v-493f3149]{padding:var(--b-modal-container-gap) 24px}.b-modal-base__content--with-header[data-v-493f3149]{padding-top:0}.b-modal-base__content--with-actions[data-v-493f3149]{padding-bottom:0}.b-modal-base__grid[data-v-493f3149]>: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-493f3149]>: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-b01acd97]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-modal-base[data-v-b01acd97],.b-modal-base[data-v-b01acd97]:before,.b-modal-base[data-v-b01acd97]:after{box-sizing:border-box}.b-modal-base *[data-v-b01acd97],.b-modal-base *[data-v-b01acd97]:before,.b-modal-base *[data-v-b01acd97]:after{box-sizing:border-box}.b-modal-base[data-v-b01acd97] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-base[data-v-b01acd97] ::-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-b01acd97]::backdrop{background-color:#99a0ab}.b-modal-base__container[data-v-b01acd97]{border:none;margin:auto;padding:var(--b-modal-padding)}.b-modal-base__container--overflow-visible[data-v-b01acd97]{overflow:visible}.b-modal-base__container[open][data-v-b01acd97]{animation:fade-in-uo9rrbj-b01acd97 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear),enter-uo9rrbj-b01acd97 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-enter)}@keyframes fade-in-uo9rrbj-b01acd97{0%{opacity:0}to{opacity:1}}@keyframes enter-uo9rrbj-b01acd97{0%{transform:translateY(24px)}to{transform:translate(0)}}.b-modal-base__container[open][data-v-b01acd97]::backdrop{animation:fade-in-uo9rrce-b01acd97 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-in-uo9rrce-b01acd97{0%{opacity:0}to{opacity:.5}}.b-modal-base__container--hide[open][data-v-b01acd97]{animation:fade-out-uo9rrcp-b01acd97 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear),exit-uo9rrcp-b01acd97 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-exit)}@keyframes fade-out-uo9rrcp-b01acd97{0%{opacity:1}to{opacity:0}}@keyframes exit-uo9rrcp-b01acd97{0%{transform:translate(0)}to{transform:translateY(24px)}}.b-modal-base__container--hide[open][data-v-b01acd97]::backdrop{animation:fade-out-uo9rrcx-b01acd97 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-out-uo9rrcx-b01acd97{0%{opacity:.5}to{opacity:0}}.b-modal-base__container--column-layout .b-modal-base__header[data-v-b01acd97]{padding-bottom:var(--b-modal-container-gap)}.b-modal-base__container--column-layout .b-modal-base__header-container[data-v-b01acd97]{padding-bottom:0}.b-modal-base__container--column-layout .b-modal-base__actions[data-v-b01acd97]{padding-top:var(--b-modal-container-gap)}.b-modal-base__container--column-layout .b-modal-base__actions-container[data-v-b01acd97]{padding-top:0}.b-modal-base__container[data-v-b01acd97]::backdrop{background-color:var(--b-modal-backdrop-background-color, #00112c);opacity:.5}.b-modal-base__container--small[data-v-b01acd97]{width:480px}.b-modal-base__container--medium[data-v-b01acd97]{width:600px}.b-modal-base__container--large[data-v-b01acd97]{width:800px}.b-modal-base__container[data-v-b01acd97],.b-modal-base__header-container[data-v-b01acd97],.b-modal-base__actions-container[data-v-b01acd97]{background-color:var(--b-modal-container-background-color);border-radius:var(--b-modal-border-radius)}.b-modal-base__wrapper[data-v-b01acd97]{display:flex;flex-direction:column}.b-modal-base__divider[data-v-b01acd97]{margin-left:-24px;width:calc(100% + 48px)}.b-modal-base__header-container[data-v-b01acd97],.b-modal-base__actions-container[data-v-b01acd97]{padding:16px 24px;position:sticky}.b-modal-base__header-container[data-v-b01acd97]{border-bottom-left-radius:0;border-bottom-right-radius:0;top:0}.b-modal-base__actions-container[data-v-b01acd97]{border-top-left-radius:0;border-top-right-radius:0;bottom:0}.b-modal-base__header[data-v-b01acd97]{align-items:center;display:flex;justify-content:space-between}.b-modal-base__content[data-v-b01acd97]{padding:var(--b-modal-container-gap) 24px}.b-modal-base__content--with-header[data-v-b01acd97]{padding-top:0}.b-modal-base__content--with-actions[data-v-b01acd97]{padding-bottom:0}.b-modal-base__grid[data-v-b01acd97]>: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-b01acd97]>: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-b03c3954]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-b03c3954]:focus-visible{outline:none}.b-button[data-v-b03c3954]{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-b03c3954],.b-button[data-v-b03c3954]:before,.b-button[data-v-b03c3954]:after{box-sizing:border-box}.b-button *[data-v-b03c3954],.b-button *[data-v-b03c3954]:before,.b-button *[data-v-b03c3954]:after{box-sizing:border-box}.b-button[data-v-b03c3954] ::-webkit-scrollbar{height:14px;width:14px}.b-button[data-v-b03c3954] ::-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-b03c3954]{display:inline-flex;line-height:var(--b-button-line-height);vertical-align:middle;white-space:nowrap}.b-legacy-theme .b-button__label[data-v-b03c3954]{font-weight:600}.b-button[data-v-b03c3954]:focus-visible{animation:outer-ring-b03c3954 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-b03c3954{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-b03c3954]{background-color:var(--b-button-primary-background-color);color:var(--b-button-primary-color)}@media (hover: hover){.b-button--primary[data-v-b03c3954]:hover{background-color:var(--b-button-primary-hover-background-color);color:var(--b-button-primary-color)}}.b-button--primary[data-v-b03c3954]:active{background-color:var(--b-button-primary-active-background-color);color:var(--b-button-primary-color)}.b-button--primary[data-v-b03c3954]:disabled,.b-button--primary.b-button--disabled[data-v-b03c3954]{background-color:var(--b-button-primary-disabled-background-color);color:var(--b-button-primary-disabled-color)}.b-button--secondary[data-v-b03c3954]{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-b03c3954]: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-b03c3954]:hover:not(:focus){box-shadow:var(--b-button-secondary-hover-box-shadow);color:var(--b-button-secondary-hover-color)}.b-button--secondary[data-v-b03c3954]: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-b03c3954]:disabled,.b-button--secondary[data-v-b03c3954]:disabled:not(:focus),.b-button--secondary.b-button--disabled[data-v-b03c3954]: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-b03c3954]{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-b03c3954]:hover{background-color:var(--b-button-tertiary-hover-background-color);color:var(--b-button-tertiary-hover-color)}}.b-button--tertiary[data-v-b03c3954]:active{background-color:var(--b-button-tertiary-active-background-color);color:var(--b-button-tertiary-active-color)}.b-button--tertiary[data-v-b03c3954]:disabled,.b-button--tertiary.b-button--disabled[data-v-b03c3954]{background-color:var(--b-button-tertiary-disabled-background-color);color:var(--b-button-tertiary-disabled-color)}.b-button--primary-critical[data-v-b03c3954]{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-b03c3954]:hover{background-color:var(--b-button-primary-critical-hover-background-color);color:var(--b-button-primary-critical-color)}}.b-button--primary-critical[data-v-b03c3954]:active{background-color:var(--b-button-primary-critical-active-background-color);color:var(--b-button-primary-critical-color)}.b-button--primary-critical[data-v-b03c3954]:disabled,.b-button--primary-critical.b-button--disabled[data-v-b03c3954]{background-color:var(--b-button-primary-critical-disabled-background-color);color:var(--b-button-primary-critical-disabled-color)}.b-button--secondary-critical[data-v-b03c3954]{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-b03c3954]: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-b03c3954]: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-b03c3954]:disabled,.b-button--secondary-critical.b-button--disabled[data-v-b03c3954]{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-b03c3954]{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-b03c3954]: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-b03c3954]: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-b03c3954]:disabled,.b-button--tertiary-critical.b-button--disabled[data-v-b03c3954]{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-b03c3954],.b-button--tertiary-critical[data-v-b03c3954]{text-decoration:var(--b-button-tertiary-text-decoration)}@media (hover: hover){.b-button--tertiary[data-v-b03c3954]:hover,.b-button--tertiary-critical[data-v-b03c3954]:hover{text-decoration:var(--b-button-tertiary-hover-text-decoration)}}.b-button--tertiary[data-v-b03c3954]:active,.b-button--tertiary-critical[data-v-b03c3954]:active{text-decoration:var(--b-button-tertiary-active-text-decoration)}.b-button--primary-success[data-v-b03c3954]{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-b03c3954]:hover{background-color:var(--b-button-primary-success-hover-background-color)}}.b-button--primary-success[data-v-b03c3954]:active{background-color:var(--b-button-primary-success-active-background-color)}.b-button--primary-success[data-v-b03c3954]:disabled,.b-button--primary-success.b-button--disabled[data-v-b03c3954]{background-color:var(--b-button-primary-success-disabled-background-color);color:var(--b-button-primary-success-disabled-color)}.b-button--block[data-v-b03c3954]{display:block;width:100%}.b-button[data-v-b03c3954]:disabled,.b-button.b-button--disabled[data-v-b03c3954]{cursor:not-allowed}.b-button--condensed[data-v-b03c3954]{border-radius:var(--b-button-condensed-border-radius);padding:var(--b-button-condensed-padding)}.b-button--condensed .b-button__label[data-v-b03c3954]{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-b03c3954]{height:var(--b-button-condensed-icon-height);width:var(--b-button-condensed-icon-width)}.b-button--condensed.b-button--tertiary[data-v-b03c3954],.b-button--condensed.b-button--tertiary-critical[data-v-b03c3954]{padding:var(--b-button-tertiary-padding)}.b-button--circle[data-v-b03c3954]{border-radius:50%;height:40px;width:40px}.b-button--icon-only[data-v-b03c3954]{padding:var(--b-button-icon-only-padding)}.b-button--icon-only.b-button--condensed[data-v-b03c3954]{padding:var(--b-button-icon-only-condensed-padding)}.b-button--icon-only.b-button--tertiary[data-v-b03c3954],.b-button--icon-only.b-button--tertiary-critical[data-v-b03c3954]{height:var(--b-button-tertiary-height);padding:var(--b-button-tertiary-padding)}.b-button__icon-left[data-v-b03c3954],.b-button__icon-right[data-v-b03c3954]{display:inline-flex}
+button[data-v-b03c3954]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-b03c3954]:focus-visible{outline:none}.b-button[data-v-b03c3954]{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-b03c3954],.b-button[data-v-b03c3954]:before,.b-button[data-v-b03c3954]:after{box-sizing:border-box}.b-button *[data-v-b03c3954],.b-button *[data-v-b03c3954]:before,.b-button *[data-v-b03c3954]:after{box-sizing:border-box}.b-button[data-v-b03c3954] ::-webkit-scrollbar{height:14px;width:14px}.b-button[data-v-b03c3954] ::-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-b03c3954]{height:40px;max-height:40px}.b-button__label[data-v-b03c3954]{display:inline-flex;line-height:var(--b-button-line-height);vertical-align:middle;white-space:nowrap}.b-legacy-theme .b-button__label[data-v-b03c3954]{font-weight:600}.b-button[data-v-b03c3954]:focus-visible{animation:outer-ring-b03c3954 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-b03c3954{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-b03c3954]{background-color:var(--b-button-primary-background-color);color:var(--b-button-primary-color)}@media (hover: hover){.b-button--primary[data-v-b03c3954]:hover{background-color:var(--b-button-primary-hover-background-color);color:var(--b-button-primary-color)}}.b-button--primary[data-v-b03c3954]:active{background-color:var(--b-button-primary-active-background-color);color:var(--b-button-primary-color)}.b-button--primary[data-v-b03c3954]:disabled,.b-button--primary.b-button--disabled[data-v-b03c3954]{background-color:var(--b-button-primary-disabled-background-color);color:var(--b-button-primary-disabled-color)}.b-button--secondary[data-v-b03c3954]{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-b03c3954]: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-b03c3954]:hover:not(:focus){box-shadow:var(--b-button-secondary-hover-box-shadow);color:var(--b-button-secondary-hover-color)}.b-button--secondary[data-v-b03c3954]: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-b03c3954]:disabled,.b-button--secondary[data-v-b03c3954]:disabled:not(:focus),.b-button--secondary.b-button--disabled[data-v-b03c3954]: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-b03c3954]{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-b03c3954]:hover{background-color:var(--b-button-tertiary-hover-background-color);color:var(--b-button-tertiary-hover-color)}}.b-button--tertiary[data-v-b03c3954]:active{background-color:var(--b-button-tertiary-active-background-color);color:var(--b-button-tertiary-active-color)}.b-button--tertiary[data-v-b03c3954]:disabled,.b-button--tertiary.b-button--disabled[data-v-b03c3954]{background-color:var(--b-button-tertiary-disabled-background-color);color:var(--b-button-tertiary-disabled-color)}.b-button--primary-critical[data-v-b03c3954]{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-b03c3954]:hover{background-color:var(--b-button-primary-critical-hover-background-color);color:var(--b-button-primary-critical-color)}}.b-button--primary-critical[data-v-b03c3954]:active{background-color:var(--b-button-primary-critical-active-background-color);color:var(--b-button-primary-critical-color)}.b-button--primary-critical[data-v-b03c3954]:disabled,.b-button--primary-critical.b-button--disabled[data-v-b03c3954]{background-color:var(--b-button-primary-critical-disabled-background-color);color:var(--b-button-primary-critical-disabled-color)}.b-button--secondary-critical[data-v-b03c3954]{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-b03c3954]: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-b03c3954]: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-b03c3954]:disabled,.b-button--secondary-critical.b-button--disabled[data-v-b03c3954]{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-b03c3954]{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-b03c3954]: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-b03c3954]: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-b03c3954]:disabled,.b-button--tertiary-critical.b-button--disabled[data-v-b03c3954]{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-b03c3954],.b-button--tertiary-critical[data-v-b03c3954]{text-decoration:var(--b-button-tertiary-text-decoration)}@media (hover: hover){.b-button--tertiary[data-v-b03c3954]:hover,.b-button--tertiary-critical[data-v-b03c3954]:hover{text-decoration:var(--b-button-tertiary-hover-text-decoration)}}.b-button--tertiary[data-v-b03c3954]:active,.b-button--tertiary-critical[data-v-b03c3954]:active{text-decoration:var(--b-button-tertiary-active-text-decoration)}.b-button--primary-success[data-v-b03c3954]{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-b03c3954]:hover{background-color:var(--b-button-primary-success-hover-background-color)}}.b-button--primary-success[data-v-b03c3954]:active{background-color:var(--b-button-primary-success-active-background-color)}.b-button--primary-success[data-v-b03c3954]:disabled,.b-button--primary-success.b-button--disabled[data-v-b03c3954]{background-color:var(--b-button-primary-success-disabled-background-color);color:var(--b-button-primary-success-disabled-color)}.b-button--block[data-v-b03c3954]{display:block;width:100%}.b-button[data-v-b03c3954]:disabled,.b-button.b-button--disabled[data-v-b03c3954]{cursor:not-allowed}.b-button--condensed[data-v-b03c3954]{border-radius:var(--b-button-condensed-border-radius);padding:var(--b-button-condensed-padding)}.b-button--condensed .b-button__label[data-v-b03c3954]{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-b03c3954]{height:var(--b-button-condensed-icon-height);width:var(--b-button-condensed-icon-width)}.b-button--condensed.b-button--tertiary[data-v-b03c3954],.b-button--condensed.b-button--tertiary-critical[data-v-b03c3954]{padding:var(--b-button-tertiary-padding)}.b-button--circle[data-v-b03c3954]{border-radius:50%;height:40px;width:40px}.b-button--icon-only[data-v-b03c3954]{padding:var(--b-button-icon-only-padding)}.b-button--icon-only.b-button--condensed[data-v-b03c3954]{padding:var(--b-button-icon-only-condensed-padding)}.b-button--icon-only.b-button--tertiary[data-v-b03c3954],.b-button--icon-only.b-button--tertiary-critical[data-v-b03c3954]{height:var(--b-button-tertiary-height);padding:var(--b-button-tertiary-padding)}.b-button__icon-left[data-v-b03c3954],.b-button__icon-right[data-v-b03c3954]{display:inline-flex}

package/dist/assets/controls-group.css

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

package/dist/assets/dropdown.css

@@ -1 +1 @@
-.b-dropdown-options-container[data-v-cab4d9b5]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-dropdown-options-container[data-v-cab4d9b5],.b-dropdown-options-container[data-v-cab4d9b5]:before,.b-dropdown-options-container[data-v-cab4d9b5]:after{box-sizing:border-box}.b-dropdown-options-container[data-v-cab4d9b5] ::-webkit-scrollbar{height:14px;width:14px}.b-dropdown-options-container[data-v-cab4d9b5] ::-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-cab4d9b5]: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-cab4d9b5]{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-cab4d9b5]{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-cab4d9b5]{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-d9e6eff4]{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-d9e6eff4],.b-dropdown-small-textbox[data-v-d9e6eff4]:before,.b-dropdown-small-textbox[data-v-d9e6eff4]:after{box-sizing:border-box}.b-dropdown-small-textbox[data-v-d9e6eff4] ::-webkit-scrollbar{height:14px;width:14px}.b-dropdown-small-textbox[data-v-d9e6eff4] ::-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-d9e6eff4]{font-weight:600}.b-dropdown-small-textbox__textbox[data-v-d9e6eff4]{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-d9e6eff4] .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-d9e6eff4] .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-d9e6eff4]:focus-within,.b-dropdown-small-textbox[data-v-d9e6eff4]:focus-visible{outline:none}.b-dropdown-small-textbox[data-v-d9e6eff4]:focus-within:not(.b-dropdown-small-textbox--disabled),.b-dropdown-small-textbox[data-v-d9e6eff4]:focus-visible:not(.b-dropdown-small-textbox--disabled){border-color:var(--b-dropdown-small-textbox-focus-border-color)}.b-dropdown-small-textbox[data-v-d9e6eff4]:hover{color:var(--b-dropdown-small-textbox-hover-color)}.b-dropdown-small-textbox--opened[data-v-d9e6eff4]{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-d9e6eff4],.b-dropdown-small-textbox--disabled>*[data-v-d9e6eff4]{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-d9e6eff4],.b-dropdown-small-textbox--readonly>*[data-v-d9e6eff4]{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-d9e6eff4],.b-dropdown-small-textbox--readonly>* .b-dropdown-small-textbox__chevron[data-v-d9e6eff4]{color:var(--b-dropdown-small-textbox-readonly-icon-color)}.b-dropdown-small-textbox__chevron[data-v-d9e6eff4]{align-items:center;display:flex;line-height:1;padding-left:6px;pointer-events:none}.b-dropdown[data-v-ec4f9fd4]{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-ec4f9fd4],.b-dropdown[data-v-ec4f9fd4]:before,.b-dropdown[data-v-ec4f9fd4]:after{box-sizing:border-box}.b-dropdown *[data-v-ec4f9fd4],.b-dropdown *[data-v-ec4f9fd4]:before,.b-dropdown *[data-v-ec4f9fd4]:after{box-sizing:border-box}.b-dropdown[data-v-ec4f9fd4] ::-webkit-scrollbar{height:14px;width:14px}.b-dropdown[data-v-ec4f9fd4] ::-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-ec4f9fd4]{margin-bottom:var(--b-dropdown-label-margin-bottom)}.b-dropdown__label-requirement[data-v-ec4f9fd4]{color:var(--b-dropdown-label-color)}.b-dropdown__description[data-v-ec4f9fd4]{color:var(--b-dropdown-description-color);margin-top:var(--b-dropdown-description-margin-top)}.b-dropdown__description--error[data-v-ec4f9fd4]{margin-top:var(--b-dropdown-description-error-margin-top)}.b-dropdown__error-message[data-v-ec4f9fd4]{margin-top:var(--b-dropdown-error-message-margin-top)}
+.b-dropdown-options-container[data-v-30fb14c9]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-dropdown-options-container[data-v-30fb14c9],.b-dropdown-options-container[data-v-30fb14c9]:before,.b-dropdown-options-container[data-v-30fb14c9]:after{box-sizing:border-box}.b-dropdown-options-container[data-v-30fb14c9] ::-webkit-scrollbar{height:14px;width:14px}.b-dropdown-options-container[data-v-30fb14c9] ::-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-30fb14c9]: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-30fb14c9]{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-30fb14c9]{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-30fb14c9]{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-d9e6eff4]{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-d9e6eff4],.b-dropdown-small-textbox[data-v-d9e6eff4]:before,.b-dropdown-small-textbox[data-v-d9e6eff4]:after{box-sizing:border-box}.b-dropdown-small-textbox[data-v-d9e6eff4] ::-webkit-scrollbar{height:14px;width:14px}.b-dropdown-small-textbox[data-v-d9e6eff4] ::-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-d9e6eff4]{font-weight:600}.b-dropdown-small-textbox__textbox[data-v-d9e6eff4]{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-d9e6eff4] .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-d9e6eff4] .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-d9e6eff4]:focus-within,.b-dropdown-small-textbox[data-v-d9e6eff4]:focus-visible{outline:none}.b-dropdown-small-textbox[data-v-d9e6eff4]:focus-within:not(.b-dropdown-small-textbox--disabled),.b-dropdown-small-textbox[data-v-d9e6eff4]:focus-visible:not(.b-dropdown-small-textbox--disabled){border-color:var(--b-dropdown-small-textbox-focus-border-color)}.b-dropdown-small-textbox[data-v-d9e6eff4]:hover{color:var(--b-dropdown-small-textbox-hover-color)}.b-dropdown-small-textbox--opened[data-v-d9e6eff4]{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-d9e6eff4],.b-dropdown-small-textbox--disabled>*[data-v-d9e6eff4]{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-d9e6eff4],.b-dropdown-small-textbox--readonly>*[data-v-d9e6eff4]{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-d9e6eff4],.b-dropdown-small-textbox--readonly>* .b-dropdown-small-textbox__chevron[data-v-d9e6eff4]{color:var(--b-dropdown-small-textbox-readonly-icon-color)}.b-dropdown-small-textbox__chevron[data-v-d9e6eff4]{align-items:center;display:flex;line-height:1;padding-left:6px;pointer-events:none}.b-dropdown[data-v-ec4f9fd4]{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-ec4f9fd4],.b-dropdown[data-v-ec4f9fd4]:before,.b-dropdown[data-v-ec4f9fd4]:after{box-sizing:border-box}.b-dropdown *[data-v-ec4f9fd4],.b-dropdown *[data-v-ec4f9fd4]:before,.b-dropdown *[data-v-ec4f9fd4]:after{box-sizing:border-box}.b-dropdown[data-v-ec4f9fd4] ::-webkit-scrollbar{height:14px;width:14px}.b-dropdown[data-v-ec4f9fd4] ::-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-ec4f9fd4]{margin-bottom:var(--b-dropdown-label-margin-bottom)}.b-dropdown__label-requirement[data-v-ec4f9fd4]{color:var(--b-dropdown-label-color)}.b-dropdown__description[data-v-ec4f9fd4]{color:var(--b-dropdown-description-color);margin-top:var(--b-dropdown-description-margin-top)}.b-dropdown__description--error[data-v-ec4f9fd4]{margin-top:var(--b-dropdown-description-error-margin-top)}.b-dropdown__error-message[data-v-ec4f9fd4]{margin-top:var(--b-dropdown-error-message-margin-top)}

package/dist/assets/index.css

@@ -1 +1 @@
-.b-country[data-v-913fc3b9]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex}.b-country[data-v-913fc3b9],.b-country[data-v-913fc3b9]:before,.b-country[data-v-913fc3b9]:after{box-sizing:border-box}.b-country *[data-v-913fc3b9],.b-country *[data-v-913fc3b9]:before,.b-country *[data-v-913fc3b9]:after{box-sizing:border-box}.b-country[data-v-913fc3b9] ::-webkit-scrollbar{height:14px;width:14px}.b-country[data-v-913fc3b9] ::-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-country__label[data-v-913fc3b9]{color:var(--b-country-label-color)}
+svg[data-v-4ebc0033]{display:inline-flex;flex-shrink:0}svg[data-v-4ebc0033],svg *[data-v-4ebc0033]{fill:currentcolor}svg[data-v-bda8fd91]{display:inline-flex;flex-shrink:0}svg[data-v-bda8fd91],svg *[data-v-bda8fd91]{fill:currentcolor}svg[data-v-1954bfce]{display:inline-flex;flex-shrink:0}svg[data-v-1954bfce],svg *[data-v-1954bfce]{fill:currentcolor}svg[data-v-9da4de4c]{display:inline-flex;flex-shrink:0}svg[data-v-9da4de4c],svg *[data-v-9da4de4c]{fill:currentcolor}svg[data-v-2fe7aaf4]{display:inline-flex;flex-shrink:0}svg[data-v-2fe7aaf4],svg *[data-v-2fe7aaf4]{fill:currentcolor}svg[data-v-6e578b8e]{display:inline-flex;flex-shrink:0}svg[data-v-6e578b8e],svg *[data-v-6e578b8e]{fill:currentcolor}.b-data-grid-columns[data-v-037928b9]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-data-grid-columns[data-v-037928b9],.b-data-grid-columns[data-v-037928b9]:before,.b-data-grid-columns[data-v-037928b9]:after{box-sizing:border-box}.b-data-grid-columns *[data-v-037928b9],.b-data-grid-columns *[data-v-037928b9]:before,.b-data-grid-columns *[data-v-037928b9]:after{box-sizing:border-box}.b-data-grid-columns[data-v-037928b9] ::-webkit-scrollbar{height:14px;width:14px}.b-data-grid-columns[data-v-037928b9] ::-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-data-grid-columns--frozen[data-v-037928b9]{border-right:var(--b-data-grid-columns-frozen-border-right-width) solid var(--b-data-grid-columns-frozen-border-right-color);display:flex;left:0;position:sticky;z-index:var(--b-data-grid-columns-frozen-z-index)}.b-data-grid-columns--unfrozen[data-v-037928b9]{display:flex}.b-data-grid-columns--config-settings-margin[data-v-037928b9]{margin-right:var(--b-data-grid-config-settings-column-and-row-margin)}.b-data-grid-columns__column[data-v-037928b9]{background-color:var(--b-data-grid-column-background-color);color:var(--b-data-grid-column-color);display:flex;padding:var(--b-data-grid-column-padding);position:relative}.b-data-grid-columns__column--sortable[data-v-037928b9]{cursor:pointer}.b-data-grid-columns__column--sortable[data-v-037928b9]:hover{background-color:var(--b-data-grid-column-hover-background-color)}.b-data-grid-columns__column--padding-left-unset[data-v-037928b9]{padding-left:0}.b-data-grid-columns__column--padding-right-unset[data-v-037928b9]{padding-right:0}.b-data-grid-columns__column--overflow-ellipsis *[data-v-037928b9]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-data-grid-columns__column--numeric[data-v-037928b9]{justify-content:flex-end;text-align:right}.b-data-grid-columns__column--is-re-ordering-target-left[data-v-037928b9]:before{background-color:var(--b-data-grid-re-order-column-target-separator-background-color);content:"";height:calc(100% + var(--b-data-grid-columns-border-width));position:absolute;top:0;width:var(--b-data-grid-re-order-column-target-separator-width);z-index:var(--b-data-grid-re-order-column-target-separator-z-index);left:0}.b-data-grid-columns__column--is-re-ordering-target-right[data-v-037928b9]:before{background-color:var(--b-data-grid-re-order-column-target-separator-background-color);content:"";height:calc(100% + var(--b-data-grid-columns-border-width));position:absolute;top:0;width:var(--b-data-grid-re-order-column-target-separator-width);z-index:var(--b-data-grid-re-order-column-target-separator-z-index);right:0}.b-data-grid-columns__column[draggable=true][data-v-037928b9]{cursor:move;cursor:grab}.b-data-grid-columns__column--is-re-ordering[data-v-037928b9],.b-data-grid-columns__column--is-re-ordering *[data-v-037928b9]{background-color:var(--b-data-grid-column-draggable-ghost-background-color);cursor:grabbing}.b-data-grid-columns__column-header[data-v-037928b9]{align-items:center;display:flex;gap:var(--b-data-grid-column-header-gap)}.b-data-grid-columns__column-separator-container[data-v-037928b9]{align-items:center;cursor:auto;display:flex;height:100%;justify-content:center;position:absolute;right:-4px;top:0;width:var(--b-data-grid-resizer-width);z-index:var(--b-data-grid-column-separator-z-index)}.b-data-grid-columns--unfrozen .b-data-grid-columns__column:last-child .b-data-grid-columns__column-separator-container[data-v-037928b9]{right:var(--b-data-grid-resizer-width)}.b-data-grid-columns__column-separator-container--is-resizeable[data-v-037928b9]{cursor:ew-resize}.b-data-grid-columns__column-separator[data-v-037928b9]{border-right:var(--b-data-grid-column-separator-border-right-width) solid var(--b-data-grid-column-separator-border-right-color);display:block;height:var(--b-data-grid-column-separator-height);width:0}.b-data-grid-columns__column-separator-container--is-resizeable:hover .b-data-grid-columns__column-separator[data-v-037928b9]{border-color:var(--b-data-grid-column-separator-resizeable-hover-color)}.b-data-grid-columns__column-actions[data-v-037928b9]{display:flex;gap:var(--b-data-grid-column-actions-gap);margin-left:auto;padding-left:var(--b-data-grid-column-actions-padding-left)}.b-data-grid-columns__column-sort[data-v-037928b9]{align-items:center;cursor:pointer;display:flex;flex-direction:column;height:20px;padding:var(--b-data-grid-column-sort-padding)}.b-data-grid-columns__column-sort-icon[data-v-037928b9]{color:var(--b-data-grid-column-sort-icon-color);display:inline-flex;margin-top:-2px}.b-data-grid-columns__column-sort-icon[data-v-037928b9]:nth-child(2){margin-top:-8px}.b-data-grid-columns__column--sortable:hover .b-data-grid-columns__column-sort-icon[data-v-037928b9]{color:var(--b-data-grid-column-hover-sort-icon-color)}.b-data-grid-columns__column-sort-icon--sorted[data-v-037928b9],.b-data-grid-columns__column--sortable:hover .b-data-grid-columns__column-sort-icon--sorted[data-v-037928b9]{color:var(--b-data-grid-column-sort-icon-sorted-color)}.b-data-grid-columns__menu[data-v-037928b9]{display:flex}@media (min-width: 376px){.b-data-grid-columns__menu[data-v-037928b9] .b-menu__popover{width:200px}}svg[data-v-6e917c82]{display:inline-flex;flex-shrink:0}svg[data-v-6e917c82],svg *[data-v-6e917c82]{fill:currentcolor}.b-data-grid-config-settings-column-row[data-v-246774cd]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;display:flex;justify-content:space-between;padding:var(--b-data-grid-config-column-row-padding)}.b-data-grid-config-settings-column-row[data-v-246774cd],.b-data-grid-config-settings-column-row[data-v-246774cd]:before,.b-data-grid-config-settings-column-row[data-v-246774cd]:after{box-sizing:border-box}.b-data-grid-config-settings-column-row *[data-v-246774cd],.b-data-grid-config-settings-column-row *[data-v-246774cd]:before,.b-data-grid-config-settings-column-row *[data-v-246774cd]:after{box-sizing:border-box}.b-data-grid-config-settings-column-row[data-v-246774cd] ::-webkit-scrollbar{height:14px;width:14px}.b-data-grid-config-settings-column-row[data-v-246774cd] ::-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)}@media (hover: hover){.b-data-grid-config-settings-column-row[data-v-246774cd]:hover{background-color:var(--b-data-grid-config-column-row-hover-background-color)}}.b-data-grid-config-settings-column-row__freeze-icon[data-v-246774cd]{color:var(--b-data-grid-config-column-row-freeze-icon-color);cursor:pointer}.b-data-grid-config-settings-column-row__freeze-icon--frozen[data-v-246774cd]{color:var(--b-data-grid-config-column-row-freeze-icon-frozen-color)}.b-data-grid-config-settings[data-v-86ff67f7]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-data-grid-config-settings[data-v-86ff67f7],.b-data-grid-config-settings[data-v-86ff67f7]:before,.b-data-grid-config-settings[data-v-86ff67f7]:after{box-sizing:border-box}.b-data-grid-config-settings *[data-v-86ff67f7],.b-data-grid-config-settings *[data-v-86ff67f7]:before,.b-data-grid-config-settings *[data-v-86ff67f7]:after{box-sizing:border-box}.b-data-grid-config-settings[data-v-86ff67f7] ::-webkit-scrollbar{height:14px;width:14px}.b-data-grid-config-settings[data-v-86ff67f7] ::-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-data-grid-config-settings__button-and-separator[data-v-86ff67f7]{align-items:center;background-color:var(--b-data-grid-config-settings-button-and-separator-background-color);display:flex;height:calc(100% - var(--b-data-grid-columns-border-width));padding:var(--b-data-grid-config-settings-button-and-separator-padding)}.b-data-grid-config-settings__button-container[data-v-86ff67f7]{display:flex;margin:var(--b-data-grid-config-settings-button-margin);padding:var(--b-data-grid-config-settings-button-padding)}.b-data-grid-config-settings__column-separator[data-v-86ff67f7]{border-right:var(--b-data-grid-column-separator-border-right-width) solid var(--b-data-grid-column-separator-border-right-color);display:block;height:var(--b-data-grid-column-separator-height);width:0}.b-data-grid-config-settings__panel[data-v-86ff67f7]{max-height:540px;min-width:285px;overflow:auto}.b-data-grid-config-settings__panel[data-v-86ff67f7] .b-popover__content{padding:14px 0}.b-data-grid-config-settings__panel-header[data-v-86ff67f7]{align-items:center;display:flex;justify-content:space-between;padding:var(--b-data-grid-config-panel-header-padding)}.b-data-grid-config-settings__condensed-view-settings[data-v-86ff67f7]{border-bottom:1px solid var(--b-data-grid-config-condensed-view-border-color);padding:var(--b-data-grid-config-condensed-view-padding)}.b-data-grid-config-settings__condensed-view-title[data-v-86ff67f7]{display:block;padding:var(--b-data-grid-config-condensed-view-title-padding)}.b-data-grid-config-settings__column-visibility-settings[data-v-86ff67f7]{padding:var(--b-data-grid-config-column-visibility-padding)}.b-data-grid-config-settings__column-visibility-header[data-v-86ff67f7]{display:flex;justify-content:space-between;padding:var(--b-data-grid-config-column-visibility-header-padding)}.b-data-grid-config-settings__column-visibility-show-all[data-v-86ff67f7]{background-color:var(--b-data-grid-config-column-visibility-show-all-background-color);border-radius:var(--b-data-grid-config-column-visibility-show-all-border-radius);margin:var(--b-data-grid-config-column-visibility-show-all-margin);padding:var(--b-data-grid-config-column-visibility-show-all-padding)}.b-data-grid-config-settings__column-visibility-search[data-v-86ff67f7]{margin:var(--b-data-grid-config-column-visibility-search-margin)}.b-data-grid-config-settings__column-visibility-toggles[data-v-86ff67f7]{display:flex;flex-direction:column}.b-data-grid-config-settings__column-visibility-empty-search-message[data-v-86ff67f7]{color:var(--b-data-grid-config-column-visibility-empty-search-message-color);padding:var(--b-data-grid-config-column-visibility-empty-search-message-padding);text-align:center}.b-data-grid-lazy-load[data-v-434be84c]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-data-grid-lazy-load-background-color);border-top:var(--b-data-grid-lazy-load-border);display:flex;justify-content:center;padding:var(--b-data-grid-lazy-load-padding);position:relative;z-index:var(--b-data-grid-lazy-load-z-index)}.b-data-grid-lazy-load[data-v-434be84c],.b-data-grid-lazy-load[data-v-434be84c]:before,.b-data-grid-lazy-load[data-v-434be84c]:after{box-sizing:border-box}.b-data-grid-lazy-load *[data-v-434be84c],.b-data-grid-lazy-load *[data-v-434be84c]:before,.b-data-grid-lazy-load *[data-v-434be84c]:after{box-sizing:border-box}.b-data-grid-lazy-load[data-v-434be84c] ::-webkit-scrollbar{height:14px;width:14px}.b-data-grid-lazy-load[data-v-434be84c] ::-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-data-grid[data-v-4f8aaa49]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}.b-data-grid[data-v-4f8aaa49],.b-data-grid[data-v-4f8aaa49]:before,.b-data-grid[data-v-4f8aaa49]:after{box-sizing:border-box}.b-data-grid *[data-v-4f8aaa49],.b-data-grid *[data-v-4f8aaa49]:before,.b-data-grid *[data-v-4f8aaa49]:after{box-sizing:border-box}.b-data-grid[data-v-4f8aaa49] ::-webkit-scrollbar{height:14px;width:14px}.b-data-grid[data-v-4f8aaa49] ::-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-data-grid--outline[data-v-4f8aaa49]{border:var(--b-data-grid-border-width) solid var(--b-data-grid-border-color);border-radius:var(--b-data-grid-border-radius)}.b-data-grid--outline .b-data-grid__columns-row[data-v-4f8aaa49]{border-top-left-radius:var(--b-data-grid-border-radius);border-top-right-radius:var(--b-data-grid-border-radius)}.b-data-grid--outline>div[data-v-4f8aaa49]:first-child{border-top-left-radius:var(--b-data-grid-border-radius);border-top-right-radius:var(--b-data-grid-border-radius)}.b-data-grid--outline>div[data-v-4f8aaa49]:last-child{border-bottom-left-radius:var(--b-data-grid-border-radius);border-bottom-right-radius:var(--b-data-grid-border-radius)}.b-data-grid--scroll[data-v-4f8aaa49]{display:flex;flex-direction:column;height:100%}.b-data-grid--sticky-filters .b-data-grid__filters[data-v-4f8aaa49]{position:sticky;z-index:var(--b-data-grid-filters-z-index)}.b-data-grid__body[data-v-4f8aaa49]{overflow-x:auto;width:100%}.b-data-grid__header[data-v-4f8aaa49]{border-bottom:var(--b-data-grid-columns-border-width) solid var(--b-data-grid-columns-border-color);padding:var(--b-data-grid-header-padding)}.b-data-grid__columns[data-v-4f8aaa49]{border-bottom:var(--b-data-grid-columns-border-width) solid var(--b-data-grid-columns-border-color);break-inside:avoid;display:flex;position:relative;width:fit-content}.b-data-grid__columns-row[data-v-4f8aaa49]{-ms-overflow-style:none;scrollbar-width:none;display:flex;overflow-x:scroll}.b-data-grid__columns-row[data-v-4f8aaa49] ::-webkit-scrollbar{display:none}.b-data-grid__row-cell-set--frozen[data-v-4f8aaa49]{border-right:var(--b-data-grid-rows-frozen-border-right-width) solid var(--b-data-grid-rows-frozen-border-right-color);display:flex;left:0;position:sticky;z-index:var(--b-data-grid-rows-frozen-z-index)}.b-data-grid__row-cell-set--unfrozen[data-v-4f8aaa49]{display:flex}.b-data-grid__row-cell-set--config-settings-margin[data-v-4f8aaa49]{margin-right:var(--b-data-grid-config-settings-column-and-row-margin)}.b-data-grid__column-headers[data-v-4f8aaa49]{background-color:var(--b-data-grid-column-headers-background-color);position:sticky;z-index:var(--b-data-grid-column-headers-z-index)}.b-data-grid__column-headers[data-v-4f8aaa49]:focus-within{z-index:var(--b-data-grid-column-headers-focus-within-z-index)}.b-data-grid__rows>*[data-v-4f8aaa49]:not(:last-child){border-bottom:var(--b-data-grid-row-border-width) solid var(--b-data-grid-row-border-color)}.b-data-grid__row[data-v-4f8aaa49]{background-color:var(--b-data-grid-row-background-color);break-inside:avoid;color:var(--b-data-grid-row-color);display:flex;position:relative}.b-data-grid__row[data-v-4f8aaa49]:hover,.b-data-grid__row:hover .b-data-grid__cell[data-v-4f8aaa49]{background-color:var(--b-data-grid-row-hover-background-color)}.b-data-grid__row[data-v-4f8aaa49]:hover .b-link{text-decoration:underline}.b-data-grid__row[data-v-4f8aaa49]:last-child{box-shadow:unset}.b-data-grid--outline .b-data-grid__row[data-v-4f8aaa49]:last-child{border-bottom-left-radius:var(--b-data-grid-border-radius);border-bottom-right-radius:var(--b-data-grid-border-radius)}.b-data-grid__row--row-clicks-enabled[data-v-4f8aaa49]{cursor:pointer}.b-data-grid__row--disabled[data-v-4f8aaa49]{color:var(--b-data-grid-row-disabled-color);cursor:not-allowed}.b-data-grid__row--is-re-ordering[data-v-4f8aaa49]{cursor:grabbing}.b-data-grid__row--highlighted[data-v-4f8aaa49],.b-data-grid__row--highlighted .b-data-grid__cell[data-v-4f8aaa49]{background-color:var(--b-data-grid-row-highlighted-background-color)}.b-data-grid__cell[data-v-4f8aaa49]{background-color:var(--b-data-grid-cell-background-color);padding:var(--b-data-grid-cell-padding)}.b-data-grid__cell[data-v-4f8aaa49]:focus-visible{animation:outer-ring-4f8aaa49 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);outline:none;z-index:1}@keyframes outer-ring-4f8aaa49{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-data-grid__cell--condensed[data-v-4f8aaa49]{padding:var(--b-data-grid-cell-condensed-padding)}.b-data-grid__cell--padding-left-unset[data-v-4f8aaa49]{padding-left:0}.b-data-grid__cell--padding-right-unset[data-v-4f8aaa49]{padding-right:0}.b-data-grid__cell--overflow-ellipsis *[data-v-4f8aaa49]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-data-grid__cell--numeric[data-v-4f8aaa49]{justify-content:flex-end;text-align:right}.b-data-grid__cell--is-column-re-ordering[data-v-4f8aaa49]{background-color:var(--b-data-grid-column-draggable-ghost-background-color);cursor:grabbing}.b-data-grid__cell--is-column-re-order-target-left[data-v-4f8aaa49],.b-data-grid__cell--is-column-re-order-target-right[data-v-4f8aaa49]{position:relative}.b-data-grid__cell--is-column-re-order-target-left[data-v-4f8aaa49]:before{background-color:var(--b-data-grid-re-order-column-target-separator-background-color);content:"";height:calc(100% + var(--b-data-grid-columns-border-width));position:absolute;top:0;width:var(--b-data-grid-re-order-column-target-separator-width);z-index:var(--b-data-grid-re-order-column-target-separator-z-index);left:0}.b-data-grid__cell--is-column-re-order-target-right[data-v-4f8aaa49]:before{background-color:var(--b-data-grid-re-order-column-target-separator-background-color);content:"";height:calc(100% + var(--b-data-grid-columns-border-width));position:absolute;top:0;width:var(--b-data-grid-re-order-column-target-separator-width);z-index:var(--b-data-grid-re-order-column-target-separator-z-index);right:0}.b-data-grid__footer[data-v-4f8aaa49]{padding:var(--b-data-grid-footer-padding)}.b-data-grid__filters[data-v-4f8aaa49]{background-color:var(--b-data-grid-filters-background-color);border-bottom:var(--b-data-grid-filters-border-width) solid var(--b-data-grid-filters-border-color);display:flex;justify-content:flex-end;padding:var(--b-data-grid-filters-padding);position:relative}.b-data-grid__filters[data-v-4f8aaa49]:focus-within{z-index:var(--b-data-grid-filters-focus-within-z-index)}.b-data-grid__pagination[data-v-4f8aaa49]{background-color:var(--b-data-grid-pagination-background-color);border-top:var(--b-data-grid-pagination-border-width) solid var(--b-data-grid-pagination-border-color);padding:var(--b-data-grid-pagination-padding);position:relative;z-index:var(--b-data-grid-pagination-z-index)}.b-data-grid__pagination--padding-left-unset[data-v-4f8aaa49]{padding-left:0}.b-data-grid__pagination--padding-right-unset[data-v-4f8aaa49]{padding-right:0}.b-data-grid__pagination--sticky[data-v-4f8aaa49]{bottom:0;padding:var(--b-data-grid-pagination-sticky-padding);position:sticky}.b-data-grid--outline .b-data-grid__pagination[data-v-4f8aaa49]{padding:var(--b-data-grid-pagination-outline-padding)}.b-data-grid__loading[data-v-4f8aaa49]{align-items:center;display:flex;flex-direction:column;height:400px;justify-content:center;width:100%}.b-data-grid__loading-indicator[data-v-4f8aaa49]{margin:var(--b-data-grid-loading-indicator-margin)}.b-data-grid__empty-state[data-v-4f8aaa49]{padding:var(--b-data-grid-empty-state-padding)}.b-data-grid__config-settings[data-v-4f8aaa49]{display:flex;position:absolute;right:0;z-index:var(--b-data-grid-config-settings-z-index)}