@adyen/bento-vue2 1.41.0 → 1.43.0

package/dist/assets/menu.css

@@ -1 +1 @@
-.b-menu-item[data-v-49e4a0fe]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--b-menu-item-color);align-items:center;display:flex;justify-content:space-between;padding:var(--b-menu-item-padding);width:100%}.b-menu-item[data-v-49e4a0fe],.b-menu-item[data-v-49e4a0fe]:before,.b-menu-item[data-v-49e4a0fe]:after{box-sizing:border-box}.b-menu-item *[data-v-49e4a0fe],.b-menu-item *[data-v-49e4a0fe]:before,.b-menu-item *[data-v-49e4a0fe]:after{box-sizing:border-box}.b-menu-item[data-v-49e4a0fe] ::-webkit-scrollbar{height:14px;width:14px}.b-menu-item[data-v-49e4a0fe] ::-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-menu-item.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item[data-v-49e4a0fe]{color:var(--b-menu-item-color-inverse)}.b-menu-item[data-v-49e4a0fe]:hover:enabled{background-color:var(--b-menu-item-hover-background-color)}.b-menu-item:hover:enabled.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item[data-v-49e4a0fe]:hover:enabled{background-color:var(--b-menu-item-hover-background-color-inverse)}.b-menu-item[data-v-49e4a0fe]:focus-visible:enabled{background-color:var(--b-menu-item-focus-background-color)}.b-menu-item:focus-visible:enabled.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item[data-v-49e4a0fe]:focus-visible:enabled{background-color:var(--b-menu-item-focus-background-color-inverse)}.b-menu-item[data-v-49e4a0fe]:active:enabled{background-color:var(--b-menu-item-active-background-color)}.b-menu-item:active:enabled.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item[data-v-49e4a0fe]:active:enabled{background-color:var(--b-menu-item-active-background-color-inverse)}.b-menu-item--critical[data-v-49e4a0fe]{color:var(--b-menu-item-critical-color)}.b-menu-item--critical.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item--critical[data-v-49e4a0fe]{color:var(--b-menu-item-critical-color-inverse)}.b-menu-item--critical[data-v-49e4a0fe]:hover:enabled{background-color:var(--b-menu-item-hover-critical-background-color);color:var(--b-menu-item-hover-critical-color)}.b-menu-item--critical:hover:enabled.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item--critical[data-v-49e4a0fe]:hover:enabled{background-color:var(--b-menu-item-hover-critical-background-color-inverse)}.b-menu-item--critical:hover:enabled.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item--critical[data-v-49e4a0fe]:hover:enabled{color:var(--b-menu-item-hover-critical-color-inverse)}.b-menu-item--critical[data-v-49e4a0fe]:focus-visible:enabled{background-color:var(--b-menu-item-focus-critical-background-color);color:var(--b-menu-item-focus-critical-color)}.b-menu-item--critical:focus-visible:enabled.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item--critical[data-v-49e4a0fe]:focus-visible:enabled{background-color:var(--b-menu-item-focus-critical-background-color-inverse)}.b-menu-item--critical:focus-visible:enabled.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item--critical[data-v-49e4a0fe]:focus-visible:enabled{color:var(--b-menu-item-focus-critical-color-inverse)}.b-menu-item--critical[data-v-49e4a0fe]:active:enabled{background-color:var(--b-menu-item-active-critical-background-color);color:var(--b-menu-item-active-critical-color)}.b-menu-item--critical:active:enabled.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item--critical[data-v-49e4a0fe]:active:enabled{background-color:var(--b-menu-item-active-critical-background-color-inverse)}.b-menu-item--critical:active:enabled.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item--critical[data-v-49e4a0fe]:active:enabled{color:var(--b-menu-item-active-critical-color-inverse)}.b-menu-item--critical[data-v-49e4a0fe] .b-base-button__icon-right{color:var(--b-menu-item-icon-right-color)}.b-menu-item--critical[data-v-49e4a0fe] .b-base-button__icon-right.b-menu--inverse,.b-menu--inverse .b-menu-item--critical[data-v-49e4a0fe] .b-base-button__icon-right{color:var(--b-menu-item-icon-right-color-inverse)}.b-menu-item--indent[data-v-49e4a0fe]{padding-left:var(--b-menu-item-indent-padding-left)}.b-menu-item[data-v-49e4a0fe] .b-base-button__label{align-items:center;display:flex;justify-content:space-between;width:100%}.b-menu-item[data-v-49e4a0fe] .b-base-button__label .b-menu-item__primary-text{flex-grow:0;flex-shrink:1;min-width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-menu-item[data-v-49e4a0fe] .b-base-button__label .b-menu-item__secondary-text{color:var(--b-menu-item-secondary-text-color);flex-grow:2;padding-left:var(--b-menu-item-secondary-text-padding-left);text-align:right;white-space:nowrap}.b-menu-item[data-v-49e4a0fe] .b-base-button__label .b-menu-item__secondary-text.b-menu--inverse,.b-menu--inverse .b-menu-item[data-v-49e4a0fe] .b-base-button__label .b-menu-item__secondary-text{color:var(--b-menu-item-secondary-text-color-inverse)}.b-menu-item[data-v-49e4a0fe] .b-base-button__icon-left{padding-right:var(--b-menu-item-icon-left-padding)}.b-menu-item[data-v-49e4a0fe] .b-base-button__icon-right{padding-left:var(--b-menu-item-icon-right-padding)}.b-menu-item[data-v-49e4a0fe]:disabled{color:var(--b-menu-item-disabled-color)}.b-menu-item:disabled.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item[data-v-49e4a0fe]:disabled{color:var(--b-menu-item-disabled-color-inverse)}.b-menu-item:disabled .b-menu-item__secondary-text[data-v-49e4a0fe]{color:var(--b-menu-item-disabled-color)}.b-menu-item:disabled .b-menu-item__secondary-text.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item:disabled .b-menu-item__secondary-text[data-v-49e4a0fe]{color:var(--b-menu-item-disabled-color-inverse)}.b-menu-list-container[data-v-f5d01392]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-menu-item-list-background-color);height:fit-content;padding:var(--b-menu-item-list-padding)}.b-menu-list-container[data-v-f5d01392],.b-menu-list-container[data-v-f5d01392]:before,.b-menu-list-container[data-v-f5d01392]:after{box-sizing:border-box}.b-menu-list-container *[data-v-f5d01392],.b-menu-list-container *[data-v-f5d01392]:before,.b-menu-list-container *[data-v-f5d01392]:after{box-sizing:border-box}.b-menu-list-container[data-v-f5d01392] ::-webkit-scrollbar{height:14px;width:14px}.b-menu-list-container[data-v-f5d01392] ::-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-menu-list-container.b-menu--inverse[data-v-f5d01392],.b-menu--inverse .b-menu-list-container[data-v-f5d01392]{background-color:var(--b-menu-item-list-background-color-inverse)}.b-sub-menu-item-list[data-v-25195627]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-menu-submenu-background-color);overflow:hidden;position:fixed;right:0;top:0;width:100%}.b-sub-menu-item-list[data-v-25195627],.b-sub-menu-item-list[data-v-25195627]:before,.b-sub-menu-item-list[data-v-25195627]:after{box-sizing:border-box}.b-sub-menu-item-list *[data-v-25195627],.b-sub-menu-item-list *[data-v-25195627]:before,.b-sub-menu-item-list *[data-v-25195627]:after{box-sizing:border-box}.b-sub-menu-item-list[data-v-25195627] ::-webkit-scrollbar{height:14px;width:14px}.b-sub-menu-item-list[data-v-25195627] ::-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-sub-menu-item-list.b-menu--inverse[data-v-25195627],.b-menu--inverse .b-sub-menu-item-list[data-v-25195627]{background-color:var(--b-menu-submenu-background-color-inverse)}.b-sub-menu-item-list__list[data-v-25195627]{list-style:none;padding:0}.b-sub-menu-item-list__divider[data-v-25195627]{margin-block:var(--b-menu-submenu-divider-margin-block)}.b-sub-menu-item-list__transition-enter-active[data-v-25195627]{animation:enter-uxd7m6s-25195627 var(--b-menu-submenu-animation-duration) var(--b-animation-easing-enter)}@keyframes enter-uxd7m6s-25195627{0%{translate:100% 0}to{translate:0 0}}.b-sub-menu-item-list__transition-leave-active[data-v-25195627]{animation:exit-uxd7m70-25195627 var(--b-menu-submenu-animation-duration) var(--b-animation-easing-exit)}@keyframes exit-uxd7m70-25195627{0%{translate:0 0}to{translate:100% 0}}.b-menu-item-list[data-v-159bdcfc]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;list-style-type:none;margin:0;max-height:376px;overflow-y:auto;padding:0}.b-menu-item-list[data-v-159bdcfc],.b-menu-item-list[data-v-159bdcfc]:before,.b-menu-item-list[data-v-159bdcfc]:after{box-sizing:border-box}.b-menu-item-list *[data-v-159bdcfc],.b-menu-item-list *[data-v-159bdcfc]:before,.b-menu-item-list *[data-v-159bdcfc]:after{box-sizing:border-box}.b-menu-item-list[data-v-159bdcfc] ::-webkit-scrollbar{height:14px;width:14px}.b-menu-item-list[data-v-159bdcfc] ::-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-menu-item-list__divider[data-v-159bdcfc]{margin-block:var(--b-menu-item-list-divider-margin-block)}svg.ui-assets-icons-16{display:inline-flex;flex-shrink:0}svg.ui-assets-icons-16,svg.ui-assets-icons-16 *{fill:currentcolor}.b-menu[data-v-993b4671]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:fit-content}.b-menu[data-v-993b4671],.b-menu[data-v-993b4671]:before,.b-menu[data-v-993b4671]:after{box-sizing:border-box}.b-menu *[data-v-993b4671],.b-menu *[data-v-993b4671]:before,.b-menu *[data-v-993b4671]:after{box-sizing:border-box}.b-menu[data-v-993b4671] ::-webkit-scrollbar{height:14px;width:14px}.b-menu[data-v-993b4671] ::-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-menu__popover[data-v-993b4671]{width:250px}
+.b-menu-item[data-v-49e4a0fe]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--b-menu-item-color);align-items:center;display:flex;justify-content:space-between;padding:var(--b-menu-item-padding);width:100%}.b-menu-item[data-v-49e4a0fe],.b-menu-item[data-v-49e4a0fe]:before,.b-menu-item[data-v-49e4a0fe]:after{box-sizing:border-box}.b-menu-item *[data-v-49e4a0fe],.b-menu-item *[data-v-49e4a0fe]:before,.b-menu-item *[data-v-49e4a0fe]:after{box-sizing:border-box}.b-menu-item[data-v-49e4a0fe] ::-webkit-scrollbar{height:14px;width:14px}.b-menu-item[data-v-49e4a0fe] ::-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-menu-item.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item[data-v-49e4a0fe]{color:var(--b-menu-item-color-inverse)}.b-menu-item[data-v-49e4a0fe]:hover:enabled{background-color:var(--b-menu-item-hover-background-color)}.b-menu-item:hover:enabled.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item[data-v-49e4a0fe]:hover:enabled{background-color:var(--b-menu-item-hover-background-color-inverse)}.b-menu-item[data-v-49e4a0fe]:focus-visible:enabled{background-color:var(--b-menu-item-focus-background-color)}.b-menu-item:focus-visible:enabled.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item[data-v-49e4a0fe]:focus-visible:enabled{background-color:var(--b-menu-item-focus-background-color-inverse)}.b-menu-item[data-v-49e4a0fe]:active:enabled{background-color:var(--b-menu-item-active-background-color)}.b-menu-item:active:enabled.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item[data-v-49e4a0fe]:active:enabled{background-color:var(--b-menu-item-active-background-color-inverse)}.b-menu-item--critical[data-v-49e4a0fe]{color:var(--b-menu-item-critical-color)}.b-menu-item--critical.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item--critical[data-v-49e4a0fe]{color:var(--b-menu-item-critical-color-inverse)}.b-menu-item--critical[data-v-49e4a0fe]:hover:enabled{background-color:var(--b-menu-item-hover-critical-background-color);color:var(--b-menu-item-hover-critical-color)}.b-menu-item--critical:hover:enabled.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item--critical[data-v-49e4a0fe]:hover:enabled{background-color:var(--b-menu-item-hover-critical-background-color-inverse)}.b-menu-item--critical:hover:enabled.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item--critical[data-v-49e4a0fe]:hover:enabled{color:var(--b-menu-item-hover-critical-color-inverse)}.b-menu-item--critical[data-v-49e4a0fe]:focus-visible:enabled{background-color:var(--b-menu-item-focus-critical-background-color);color:var(--b-menu-item-focus-critical-color)}.b-menu-item--critical:focus-visible:enabled.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item--critical[data-v-49e4a0fe]:focus-visible:enabled{background-color:var(--b-menu-item-focus-critical-background-color-inverse)}.b-menu-item--critical:focus-visible:enabled.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item--critical[data-v-49e4a0fe]:focus-visible:enabled{color:var(--b-menu-item-focus-critical-color-inverse)}.b-menu-item--critical[data-v-49e4a0fe]:active:enabled{background-color:var(--b-menu-item-active-critical-background-color);color:var(--b-menu-item-active-critical-color)}.b-menu-item--critical:active:enabled.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item--critical[data-v-49e4a0fe]:active:enabled{background-color:var(--b-menu-item-active-critical-background-color-inverse)}.b-menu-item--critical:active:enabled.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item--critical[data-v-49e4a0fe]:active:enabled{color:var(--b-menu-item-active-critical-color-inverse)}.b-menu-item--critical[data-v-49e4a0fe] .b-base-button__icon-right{color:var(--b-menu-item-icon-right-color)}.b-menu-item--critical[data-v-49e4a0fe] .b-base-button__icon-right.b-menu--inverse,.b-menu--inverse .b-menu-item--critical[data-v-49e4a0fe] .b-base-button__icon-right{color:var(--b-menu-item-icon-right-color-inverse)}.b-menu-item--indent[data-v-49e4a0fe]{padding-left:var(--b-menu-item-indent-padding-left)}.b-menu-item[data-v-49e4a0fe] .b-base-button__label{align-items:center;display:flex;justify-content:space-between;width:100%}.b-menu-item[data-v-49e4a0fe] .b-base-button__label .b-menu-item__primary-text{flex-grow:0;flex-shrink:1;min-width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-menu-item[data-v-49e4a0fe] .b-base-button__label .b-menu-item__secondary-text{color:var(--b-menu-item-secondary-text-color);flex-grow:2;padding-left:var(--b-menu-item-secondary-text-padding-left);text-align:right;white-space:nowrap}.b-menu-item[data-v-49e4a0fe] .b-base-button__label .b-menu-item__secondary-text.b-menu--inverse,.b-menu--inverse .b-menu-item[data-v-49e4a0fe] .b-base-button__label .b-menu-item__secondary-text{color:var(--b-menu-item-secondary-text-color-inverse)}.b-menu-item[data-v-49e4a0fe] .b-base-button__icon-left{padding-right:var(--b-menu-item-icon-left-padding)}.b-menu-item[data-v-49e4a0fe] .b-base-button__icon-right{padding-left:var(--b-menu-item-icon-right-padding)}.b-menu-item[data-v-49e4a0fe]:disabled{color:var(--b-menu-item-disabled-color)}.b-menu-item:disabled.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item[data-v-49e4a0fe]:disabled{color:var(--b-menu-item-disabled-color-inverse)}.b-menu-item:disabled .b-menu-item__secondary-text[data-v-49e4a0fe]{color:var(--b-menu-item-disabled-color)}.b-menu-item:disabled .b-menu-item__secondary-text.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item:disabled .b-menu-item__secondary-text[data-v-49e4a0fe]{color:var(--b-menu-item-disabled-color-inverse)}.b-menu-list-container[data-v-f5d01392]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-menu-item-list-background-color);height:fit-content;padding:var(--b-menu-item-list-padding)}.b-menu-list-container[data-v-f5d01392],.b-menu-list-container[data-v-f5d01392]:before,.b-menu-list-container[data-v-f5d01392]:after{box-sizing:border-box}.b-menu-list-container *[data-v-f5d01392],.b-menu-list-container *[data-v-f5d01392]:before,.b-menu-list-container *[data-v-f5d01392]:after{box-sizing:border-box}.b-menu-list-container[data-v-f5d01392] ::-webkit-scrollbar{height:14px;width:14px}.b-menu-list-container[data-v-f5d01392] ::-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-menu-list-container.b-menu--inverse[data-v-f5d01392],.b-menu--inverse .b-menu-list-container[data-v-f5d01392]{background-color:var(--b-menu-item-list-background-color-inverse)}.b-sub-menu-item-list[data-v-25195627]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-menu-submenu-background-color);overflow:hidden;position:fixed;right:0;top:0;width:100%}.b-sub-menu-item-list[data-v-25195627],.b-sub-menu-item-list[data-v-25195627]:before,.b-sub-menu-item-list[data-v-25195627]:after{box-sizing:border-box}.b-sub-menu-item-list *[data-v-25195627],.b-sub-menu-item-list *[data-v-25195627]:before,.b-sub-menu-item-list *[data-v-25195627]:after{box-sizing:border-box}.b-sub-menu-item-list[data-v-25195627] ::-webkit-scrollbar{height:14px;width:14px}.b-sub-menu-item-list[data-v-25195627] ::-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-sub-menu-item-list.b-menu--inverse[data-v-25195627],.b-menu--inverse .b-sub-menu-item-list[data-v-25195627]{background-color:var(--b-menu-submenu-background-color-inverse)}.b-sub-menu-item-list__list[data-v-25195627]{list-style:none;padding:0}.b-sub-menu-item-list__divider[data-v-25195627]{margin-block:var(--b-menu-submenu-divider-margin-block)}.b-sub-menu-item-list__transition-enter-active[data-v-25195627]{animation:enter-uia4zrq-25195627 var(--b-menu-submenu-animation-duration) var(--b-animation-easing-enter)}@keyframes enter-uia4zrq-25195627{0%{translate:100% 0}to{translate:0 0}}.b-sub-menu-item-list__transition-leave-active[data-v-25195627]{animation:exit-uia4zrz-25195627 var(--b-menu-submenu-animation-duration) var(--b-animation-easing-exit)}@keyframes exit-uia4zrz-25195627{0%{translate:0 0}to{translate:100% 0}}.b-menu-item-list[data-v-159bdcfc]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;list-style-type:none;margin:0;max-height:376px;overflow-y:auto;padding:0}.b-menu-item-list[data-v-159bdcfc],.b-menu-item-list[data-v-159bdcfc]:before,.b-menu-item-list[data-v-159bdcfc]:after{box-sizing:border-box}.b-menu-item-list *[data-v-159bdcfc],.b-menu-item-list *[data-v-159bdcfc]:before,.b-menu-item-list *[data-v-159bdcfc]:after{box-sizing:border-box}.b-menu-item-list[data-v-159bdcfc] ::-webkit-scrollbar{height:14px;width:14px}.b-menu-item-list[data-v-159bdcfc] ::-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-menu-item-list__divider[data-v-159bdcfc]{margin-block:var(--b-menu-item-list-divider-margin-block)}svg.ui-assets-icons-16{display:inline-flex;flex-shrink:0}svg.ui-assets-icons-16,svg.ui-assets-icons-16 *{fill:currentcolor}.b-menu[data-v-993b4671]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:fit-content}.b-menu[data-v-993b4671],.b-menu[data-v-993b4671]:before,.b-menu[data-v-993b4671]:after{box-sizing:border-box}.b-menu *[data-v-993b4671],.b-menu *[data-v-993b4671]:before,.b-menu *[data-v-993b4671]:after{box-sizing:border-box}.b-menu[data-v-993b4671] ::-webkit-scrollbar{height:14px;width:14px}.b-menu[data-v-993b4671] ::-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-menu__popover[data-v-993b4671]{width:250px}

package/dist/assets/modal-fullscreen.css

@@ -1 +1 @@
-.b-modal-fullscreen-page[data-v-30654f2c]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;height:100%;overflow:hidden;position:absolute;width:100%}.b-modal-fullscreen-page[data-v-30654f2c],.b-modal-fullscreen-page[data-v-30654f2c]:before,.b-modal-fullscreen-page[data-v-30654f2c]:after{box-sizing:border-box}.b-modal-fullscreen-page *[data-v-30654f2c],.b-modal-fullscreen-page *[data-v-30654f2c]:before,.b-modal-fullscreen-page *[data-v-30654f2c]:after{box-sizing:border-box}.b-modal-fullscreen-page[data-v-30654f2c] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-fullscreen-page[data-v-30654f2c] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-modal-fullscreen-page__header[data-v-30654f2c]{align-items:center;display:flex;flex-grow:1;gap:var(--b-modal-fullscreen-header-gap);height:64px;overflow-x:auto;overflow-y:hidden;padding:var(--b-modal-fullscreen-header-padding)}.b-modal-fullscreen-page__header-section[data-v-30654f2c]{display:flex;flex:1 1 0}.b-modal-fullscreen-page__header-section--title[data-v-30654f2c]{min-width:150px;overflow:hidden}.b-modal-fullscreen-page__header-section--slot[data-v-30654f2c]{flex-grow:0;justify-content:center}.b-modal-fullscreen-page__header-section--actions[data-v-30654f2c]{align-items:center;gap:var(--b-modal-fullscreen-header-gap);justify-content:end}.b-modal-fullscreen-page__title[data-v-30654f2c]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-modal-fullscreen-page__contextual-label[data-v-30654f2c]{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden}.b-modal-fullscreen-page__actions[data-v-30654f2c]{container-type:normal;flex-grow:unset}.b-modal-fullscreen-page__actions[data-v-30654f2c] .b-button-actions__container-wrapper{flex-direction:row}.b-modal-fullscreen-page__separator[data-v-30654f2c]{border-left:var(--b-modal-fullscreen-separator-border-left);height:26px;margin-right:var(--b-modal-fullscreen-separator-margin-right)}.b-modal-fullscreen-page__content[data-v-30654f2c]{height:100%;overflow:auto}.b-modal-fullscreen[data-v-cfb8d3ae]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-modal-fullscreen-background-color);border:0;color:var(--b-modal-fullscreen-color);height:100%;max-height:100%;max-width:100%;overflow:hidden;padding:0;width:100%}.b-modal-fullscreen[data-v-cfb8d3ae],.b-modal-fullscreen[data-v-cfb8d3ae]:before,.b-modal-fullscreen[data-v-cfb8d3ae]:after{box-sizing:border-box}.b-modal-fullscreen *[data-v-cfb8d3ae],.b-modal-fullscreen *[data-v-cfb8d3ae]:before,.b-modal-fullscreen *[data-v-cfb8d3ae]:after{box-sizing:border-box}.b-modal-fullscreen[data-v-cfb8d3ae] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-fullscreen[data-v-cfb8d3ae] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-modal-fullscreen__wrapper[data-v-cfb8d3ae]{display:flex;flex-direction:column;height:100%}.b-modal-fullscreen__close-button[data-v-cfb8d3ae]{align-items:center;background-color:var(--b-modal-fullscreen-background-color);display:flex;height:64px;padding-inline:var(--b-modal-fullscreen-close-button-padding-inline);position:absolute;right:0;z-index:var(--b-modal-fullscreen-close-button-z-index)}.b-modal-fullscreen[data-v-cfb8d3ae]::backdrop{background-color:transparent}.b-modal-fullscreen[open][data-v-cfb8d3ae]{animation:fade-in-uxd7loz-cfb8d3ae var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear),enter-uxd7loz-cfb8d3ae var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-enter),scale-up-uxd7loz-cfb8d3ae var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-in-uxd7loz-cfb8d3ae{0%{opacity:0}to{opacity:1}}@keyframes scale-up-uxd7loz-cfb8d3ae{0%{scale:1}to{scale:1}}@keyframes enter-uxd7loz-cfb8d3ae{0%{translate:0 64px}to{translate:0 0}}.b-modal-fullscreen--hide[open][data-v-cfb8d3ae]{animation:fade-out-uxd7lpf-cfb8d3ae var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear),exit-uxd7lpf-cfb8d3ae var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-exit),scale-down-uxd7lpf-cfb8d3ae var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-out-uxd7lpf-cfb8d3ae{0%{opacity:1}to{opacity:0}}@keyframes scale-down-uxd7lpf-cfb8d3ae{0%{scale:1}to{scale:1}}@keyframes exit-uxd7lpf-cfb8d3ae{0%{translate:0 0}to{translate:0 64px}}
+.b-modal-fullscreen-page[data-v-30654f2c]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;height:100%;overflow:hidden;position:absolute;width:100%}.b-modal-fullscreen-page[data-v-30654f2c],.b-modal-fullscreen-page[data-v-30654f2c]:before,.b-modal-fullscreen-page[data-v-30654f2c]:after{box-sizing:border-box}.b-modal-fullscreen-page *[data-v-30654f2c],.b-modal-fullscreen-page *[data-v-30654f2c]:before,.b-modal-fullscreen-page *[data-v-30654f2c]:after{box-sizing:border-box}.b-modal-fullscreen-page[data-v-30654f2c] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-fullscreen-page[data-v-30654f2c] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-modal-fullscreen-page__header[data-v-30654f2c]{align-items:center;display:flex;flex-grow:1;gap:var(--b-modal-fullscreen-header-gap);height:64px;overflow-x:auto;overflow-y:hidden;padding:var(--b-modal-fullscreen-header-padding)}.b-modal-fullscreen-page__header-section[data-v-30654f2c]{display:flex;flex:1 1 0}.b-modal-fullscreen-page__header-section--title[data-v-30654f2c]{min-width:150px;overflow:hidden}.b-modal-fullscreen-page__header-section--slot[data-v-30654f2c]{flex-grow:0;justify-content:center}.b-modal-fullscreen-page__header-section--actions[data-v-30654f2c]{align-items:center;gap:var(--b-modal-fullscreen-header-gap);justify-content:end}.b-modal-fullscreen-page__title[data-v-30654f2c]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-modal-fullscreen-page__contextual-label[data-v-30654f2c]{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden}.b-modal-fullscreen-page__actions[data-v-30654f2c]{container-type:normal;flex-grow:unset}.b-modal-fullscreen-page__actions[data-v-30654f2c] .b-button-actions__container-wrapper{flex-direction:row}.b-modal-fullscreen-page__separator[data-v-30654f2c]{border-left:var(--b-modal-fullscreen-separator-border-left);height:26px;margin-right:var(--b-modal-fullscreen-separator-margin-right)}.b-modal-fullscreen-page__content[data-v-30654f2c]{height:100%;overflow:auto}.b-modal-fullscreen[data-v-cfb8d3ae]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-modal-fullscreen-background-color);border:0;color:var(--b-modal-fullscreen-color);height:100%;max-height:100%;max-width:100%;overflow:hidden;padding:0;width:100%}.b-modal-fullscreen[data-v-cfb8d3ae],.b-modal-fullscreen[data-v-cfb8d3ae]:before,.b-modal-fullscreen[data-v-cfb8d3ae]:after{box-sizing:border-box}.b-modal-fullscreen *[data-v-cfb8d3ae],.b-modal-fullscreen *[data-v-cfb8d3ae]:before,.b-modal-fullscreen *[data-v-cfb8d3ae]:after{box-sizing:border-box}.b-modal-fullscreen[data-v-cfb8d3ae] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-fullscreen[data-v-cfb8d3ae] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-modal-fullscreen__wrapper[data-v-cfb8d3ae]{display:flex;flex-direction:column;height:100%}.b-modal-fullscreen__close-button[data-v-cfb8d3ae]{align-items:center;background-color:var(--b-modal-fullscreen-background-color);display:flex;height:64px;padding-inline:var(--b-modal-fullscreen-close-button-padding-inline);position:absolute;right:0;z-index:var(--b-modal-fullscreen-close-button-z-index)}.b-modal-fullscreen[data-v-cfb8d3ae]::backdrop{background-color:transparent}.b-modal-fullscreen[open][data-v-cfb8d3ae]{animation:fade-in-uia4z9i-cfb8d3ae var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear),enter-uia4z9i-cfb8d3ae var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-enter),scale-up-uia4z9i-cfb8d3ae var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-in-uia4z9i-cfb8d3ae{0%{opacity:0}to{opacity:1}}@keyframes scale-up-uia4z9i-cfb8d3ae{0%{scale:1}to{scale:1}}@keyframes enter-uia4z9i-cfb8d3ae{0%{translate:0 64px}to{translate:0 0}}.b-modal-fullscreen--hide[open][data-v-cfb8d3ae]{animation:fade-out-uia4za3-cfb8d3ae var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear),exit-uia4za3-cfb8d3ae var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-exit),scale-down-uia4za3-cfb8d3ae var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-out-uia4za3-cfb8d3ae{0%{opacity:1}to{opacity:0}}@keyframes scale-down-uia4za3-cfb8d3ae{0%{scale:1}to{scale:1}}@keyframes exit-uia4za3-cfb8d3ae{0%{translate:0 0}to{translate:0 64px}}

package/dist/assets/popover.css

@@ -1 +1 @@
-.b-popover-dismiss-button[data-v-71876338]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer}.b-popover-dismiss-button[data-v-71876338],.b-popover-dismiss-button[data-v-71876338]:before,.b-popover-dismiss-button[data-v-71876338]:after{box-sizing:border-box}.b-popover-dismiss-button *[data-v-71876338],.b-popover-dismiss-button *[data-v-71876338]:before,.b-popover-dismiss-button *[data-v-71876338]:after{box-sizing:border-box}.b-popover-dismiss-button[data-v-71876338] ::-webkit-scrollbar{height:14px;width:14px}.b-popover-dismiss-button[data-v-71876338] ::-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-popover-dismiss-button--on-image[data-v-71876338]{color:var(--b-popover-dismiss-button-on-image-icon-color)}.b-popover-dismiss-button--on-image[data-v-71876338]:hover{color:var(--b-popover-dismiss-button-on-image-icon-hovered-color)}.b-popover-dismiss-button--on-image[data-v-71876338]:active{color:var(--b-popover-dismiss-button-on-image-icon-active-color)}.b-popover[data-v-dc8753e5]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--b-popover-background-color);border:var(--b-popover-border);border-radius:var(--b-popover-border-radius);box-shadow:var(--b-popover-box-shadow);color:var(--b-popover-color);overflow:hidden;width:100%;z-index:var(--b-popover-z-index)}.b-popover[data-v-dc8753e5],.b-popover[data-v-dc8753e5]:before,.b-popover[data-v-dc8753e5]:after{box-sizing:border-box}.b-popover *[data-v-dc8753e5],.b-popover *[data-v-dc8753e5]:before,.b-popover *[data-v-dc8753e5]:after{box-sizing:border-box}.b-popover[data-v-dc8753e5] ::-webkit-scrollbar{height:14px;width:14px}.b-popover[data-v-dc8753e5] ::-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 (min-width: 376px){.b-popover[data-v-dc8753e5]{width:320px}}.b-popover[data-v-dc8753e5] .b-popover__arrow:before{color:transparent;display:none}.b-popover--fit-content[data-v-dc8753e5]{width:fit-content}.b-popover--overflow-visible[data-v-dc8753e5]{overflow:visible}.b-popover--overflow-visible .b-popover__footer[data-v-dc8753e5]{border-bottom-left-radius:var(--b-popover-border-radius);border-bottom-right-radius:var(--b-popover-border-radius)}.b-popover--small[data-v-dc8753e5]{width:200px}.b-popover--large[data-v-dc8753e5]{width:480px}.b-popover--with-divider .b-popover__footer[data-v-dc8753e5]{background-color:var(--b-popover-with-divider-footer-background-color);border-top:var(--b-popover-with-divider-footer-border-top);padding-top:var(--b-popover-with-divider-footer-padding-top)}.b-popover--with-divider .b-popover__content[data-v-dc8753e5]{padding:var(--b-popover-with-divider-content-padding)}.b-popover--without-space .b-popover__header[data-v-dc8753e5],.b-popover--without-space .b-popover__content[data-v-dc8753e5],.b-popover--without-space .b-popover__footer[data-v-dc8753e5]{padding:var(--b-popover-without-space-padding)}.b-popover__content[data-v-dc8753e5]{padding:var(--b-popover-content-padding)}.b-popover__content--with-title[data-v-dc8753e5]{padding:var(--b-popover-content-with-title-padding)}.b-popover__header[data-v-dc8753e5]{align-items:baseline;display:flex;justify-content:space-between;padding:var(--b-popover-header-padding)}.b-popover__header-title[data-v-dc8753e5]{align-items:center;column-gap:var(--b-popover-header-title-column-gap);display:flex}.b-popover__image[data-v-dc8753e5]{display:flex;overflow:hidden}.b-popover__image+.b-popover__header[data-v-dc8753e5]{padding:var(--b-popover-image-header-padding)}.b-popover__image-dismiss-button[data-v-dc8753e5]{position:absolute;right:var(--b-popover-image-dismiss-icon-right);top:var(--b-popover-image-dismiss-icon-top)}.b-popover__footer[data-v-dc8753e5]{padding:var(--b-popover-footer-padding)}.b-popover__animation-enter-active[data-popper-placement^=top][data-v-dc8753e5]{animation:fade-in-uxd7lpt-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-in-uxd7lpt-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-enter)}@keyframes fade-in-uxd7lpt-dc8753e5{0%{opacity:0}to{opacity:1}}@keyframes move-in-uxd7lpt-dc8753e5{0%{top:8px}to{top:0}}.b-popover__animation-leave-active[data-popper-placement^=top][data-v-dc8753e5]{animation:fade-out-uxd7lq0-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-out-uxd7lq0-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-exit)}@keyframes fade-out-uxd7lq0-dc8753e5{0%{opacity:1}to{opacity:0}}@keyframes move-out-uxd7lq0-dc8753e5{0%{top:0}to{top:8px}}.b-popover__animation-enter-active[data-popper-placement^=bottom][data-v-dc8753e5]{animation:fade-in-uxd7lrm-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-in-uxd7lrm-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-enter)}@keyframes fade-in-uxd7lrm-dc8753e5{0%{opacity:0}to{opacity:1}}@keyframes move-in-uxd7lrm-dc8753e5{0%{top:-8px}to{top:0}}.b-popover__animation-leave-active[data-popper-placement^=bottom][data-v-dc8753e5]{animation:fade-out-uxd7ls9-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-out-uxd7ls9-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-exit)}@keyframes fade-out-uxd7ls9-dc8753e5{0%{opacity:1}to{opacity:0}}@keyframes move-out-uxd7ls9-dc8753e5{0%{top:0}to{top:-8px}}.b-popover__animation-enter-active[data-popper-placement^=left][data-v-dc8753e5]{animation:fade-in-uxd7lso-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-in-uxd7lso-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-enter)}@keyframes fade-in-uxd7lso-dc8753e5{0%{opacity:0}to{opacity:1}}@keyframes move-in-uxd7lso-dc8753e5{0%{left:8px}to{left:0}}.b-popover__animation-leave-active[data-popper-placement^=left][data-v-dc8753e5]{animation:fade-out-uxd7lt9-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-out-uxd7lt9-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-exit)}@keyframes fade-out-uxd7lt9-dc8753e5{0%{opacity:1}to{opacity:0}}@keyframes move-out-uxd7lt9-dc8753e5{0%{left:0}to{left:8px}}.b-popover__animation-enter-active[data-popper-placement^=right][data-v-dc8753e5]{animation:fade-in-uxd7ltl-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-in-uxd7ltl-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-enter)}@keyframes fade-in-uxd7ltl-dc8753e5{0%{opacity:0}to{opacity:1}}@keyframes move-in-uxd7ltl-dc8753e5{0%{left:-8px}to{left:0}}.b-popover__animation-leave-active[data-popper-placement^=right][data-v-dc8753e5]{animation:fade-out-uxd7lts-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-out-uxd7lts-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-exit)}@keyframes fade-out-uxd7lts-dc8753e5{0%{opacity:1}to{opacity:0}}@keyframes move-out-uxd7lts-dc8753e5{0%{left:0}to{left:-8px}}
+.b-popover-dismiss-button[data-v-71876338]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer}.b-popover-dismiss-button[data-v-71876338],.b-popover-dismiss-button[data-v-71876338]:before,.b-popover-dismiss-button[data-v-71876338]:after{box-sizing:border-box}.b-popover-dismiss-button *[data-v-71876338],.b-popover-dismiss-button *[data-v-71876338]:before,.b-popover-dismiss-button *[data-v-71876338]:after{box-sizing:border-box}.b-popover-dismiss-button[data-v-71876338] ::-webkit-scrollbar{height:14px;width:14px}.b-popover-dismiss-button[data-v-71876338] ::-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-popover-dismiss-button--on-image[data-v-71876338]{color:var(--b-popover-dismiss-button-on-image-icon-color)}.b-popover-dismiss-button--on-image[data-v-71876338]:hover{color:var(--b-popover-dismiss-button-on-image-icon-hovered-color)}.b-popover-dismiss-button--on-image[data-v-71876338]:active{color:var(--b-popover-dismiss-button-on-image-icon-active-color)}.b-popover[data-v-dc8753e5]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--b-popover-background-color);border:var(--b-popover-border);border-radius:var(--b-popover-border-radius);box-shadow:var(--b-popover-box-shadow);color:var(--b-popover-color);overflow:hidden;width:100%;z-index:var(--b-popover-z-index)}.b-popover[data-v-dc8753e5],.b-popover[data-v-dc8753e5]:before,.b-popover[data-v-dc8753e5]:after{box-sizing:border-box}.b-popover *[data-v-dc8753e5],.b-popover *[data-v-dc8753e5]:before,.b-popover *[data-v-dc8753e5]:after{box-sizing:border-box}.b-popover[data-v-dc8753e5] ::-webkit-scrollbar{height:14px;width:14px}.b-popover[data-v-dc8753e5] ::-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 (min-width: 376px){.b-popover[data-v-dc8753e5]{width:320px}}.b-popover[data-v-dc8753e5] .b-popover__arrow:before{color:transparent;display:none}.b-popover--fit-content[data-v-dc8753e5]{width:fit-content}.b-popover--overflow-visible[data-v-dc8753e5]{overflow:visible}.b-popover--overflow-visible .b-popover__footer[data-v-dc8753e5]{border-bottom-left-radius:var(--b-popover-border-radius);border-bottom-right-radius:var(--b-popover-border-radius)}.b-popover--small[data-v-dc8753e5]{width:200px}.b-popover--large[data-v-dc8753e5]{width:480px}.b-popover--with-divider .b-popover__footer[data-v-dc8753e5]{background-color:var(--b-popover-with-divider-footer-background-color);border-top:var(--b-popover-with-divider-footer-border-top);padding-top:var(--b-popover-with-divider-footer-padding-top)}.b-popover--with-divider .b-popover__content[data-v-dc8753e5]{padding:var(--b-popover-with-divider-content-padding)}.b-popover--without-space .b-popover__header[data-v-dc8753e5],.b-popover--without-space .b-popover__content[data-v-dc8753e5],.b-popover--without-space .b-popover__footer[data-v-dc8753e5]{padding:var(--b-popover-without-space-padding)}.b-popover__content[data-v-dc8753e5]{padding:var(--b-popover-content-padding)}.b-popover__content--with-title[data-v-dc8753e5]{padding:var(--b-popover-content-with-title-padding)}.b-popover__header[data-v-dc8753e5]{align-items:baseline;display:flex;justify-content:space-between;padding:var(--b-popover-header-padding)}.b-popover__header-title[data-v-dc8753e5]{align-items:center;column-gap:var(--b-popover-header-title-column-gap);display:flex}.b-popover__image[data-v-dc8753e5]{display:flex;overflow:hidden}.b-popover__image+.b-popover__header[data-v-dc8753e5]{padding:var(--b-popover-image-header-padding)}.b-popover__image-dismiss-button[data-v-dc8753e5]{position:absolute;right:var(--b-popover-image-dismiss-icon-right);top:var(--b-popover-image-dismiss-icon-top)}.b-popover__footer[data-v-dc8753e5]{padding:var(--b-popover-footer-padding)}.b-popover__animation-enter-active[data-popper-placement^=top][data-v-dc8753e5]{animation:fade-in-uia4zah-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-in-uia4zah-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-enter)}@keyframes fade-in-uia4zah-dc8753e5{0%{opacity:0}to{opacity:1}}@keyframes move-in-uia4zah-dc8753e5{0%{top:8px}to{top:0}}.b-popover__animation-leave-active[data-popper-placement^=top][data-v-dc8753e5]{animation:fade-out-uia4zb2-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-out-uia4zb2-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-exit)}@keyframes fade-out-uia4zb2-dc8753e5{0%{opacity:1}to{opacity:0}}@keyframes move-out-uia4zb2-dc8753e5{0%{top:0}to{top:8px}}.b-popover__animation-enter-active[data-popper-placement^=bottom][data-v-dc8753e5]{animation:fade-in-uia4zcp-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-in-uia4zcp-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-enter)}@keyframes fade-in-uia4zcp-dc8753e5{0%{opacity:0}to{opacity:1}}@keyframes move-in-uia4zcp-dc8753e5{0%{top:-8px}to{top:0}}.b-popover__animation-leave-active[data-popper-placement^=bottom][data-v-dc8753e5]{animation:fade-out-uia4zcw-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-out-uia4zcw-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-exit)}@keyframes fade-out-uia4zcw-dc8753e5{0%{opacity:1}to{opacity:0}}@keyframes move-out-uia4zcw-dc8753e5{0%{top:0}to{top:-8px}}.b-popover__animation-enter-active[data-popper-placement^=left][data-v-dc8753e5]{animation:fade-in-uia4zdp-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-in-uia4zdp-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-enter)}@keyframes fade-in-uia4zdp-dc8753e5{0%{opacity:0}to{opacity:1}}@keyframes move-in-uia4zdp-dc8753e5{0%{left:8px}to{left:0}}.b-popover__animation-leave-active[data-popper-placement^=left][data-v-dc8753e5]{animation:fade-out-uia4zdw-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-out-uia4zdw-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-exit)}@keyframes fade-out-uia4zdw-dc8753e5{0%{opacity:1}to{opacity:0}}@keyframes move-out-uia4zdw-dc8753e5{0%{left:0}to{left:8px}}.b-popover__animation-enter-active[data-popper-placement^=right][data-v-dc8753e5]{animation:fade-in-uia4zdx-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-in-uia4zdx-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-enter)}@keyframes fade-in-uia4zdx-dc8753e5{0%{opacity:0}to{opacity:1}}@keyframes move-in-uia4zdx-dc8753e5{0%{left:-8px}to{left:0}}.b-popover__animation-leave-active[data-popper-placement^=right][data-v-dc8753e5]{animation:fade-out-uia4zex-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-out-uia4zex-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-exit)}@keyframes fade-out-uia4zex-dc8753e5{0%{opacity:1}to{opacity:0}}@keyframes move-out-uia4zex-dc8753e5{0%{left:0}to{left:-8px}}

package/dist/assets/sidepanel.css

@@ -1 +1 @@
-.b-sidepanel-page[data-v-4e6c994b]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;height:100%;position:absolute;width:100%}.b-sidepanel-page[data-v-4e6c994b],.b-sidepanel-page[data-v-4e6c994b]:before,.b-sidepanel-page[data-v-4e6c994b]:after{box-sizing:border-box}.b-sidepanel-page *[data-v-4e6c994b],.b-sidepanel-page *[data-v-4e6c994b]:before,.b-sidepanel-page *[data-v-4e6c994b]:after{box-sizing:border-box}.b-sidepanel-page[data-v-4e6c994b] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel-page[data-v-4e6c994b] ::-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-sidepanel-page__header[data-v-4e6c994b]{align-items:center;background-color:var(--b-sidepanel-page-header-background-color);border-top-left-radius:var(--b-sidepanel-border-radius);display:flex;overflow:hidden;padding:var(--b-sidepanel-page-header-padding);position:sticky;white-space:nowrap;width:100%}.b-sidepanel-page__title[data-v-4e6c994b]{color:var(--b-sidepanel-page-header-color);flex-grow:1;overflow:hidden;text-overflow:ellipsis}.b-sidepanel-page__content[data-v-4e6c994b]{color:var(--b-sidepanel-page-content-color);flex-grow:1;overflow:overlay;padding:var(--b-sidepanel-page-content-padding)}.b-sidepanel-page__actions[data-v-4e6c994b]{background-color:var(--b-sidepanel-page-actions-background-color);border-bottom-left-radius:var(--b-sidepanel-border-radius);color:var(--b-sidepanel-page-actions-color);padding:var(--b-sidepanel-page-actions-padding)}.b-sidepanel[data-v-732a38d4]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-sidepanel-background-color);border:0;height:100%;max-height:100%;max-width:100%;overflow:visible;padding:0;width:100%}.b-sidepanel[data-v-732a38d4],.b-sidepanel[data-v-732a38d4]:before,.b-sidepanel[data-v-732a38d4]:after{box-sizing:border-box}.b-sidepanel *[data-v-732a38d4],.b-sidepanel *[data-v-732a38d4]:before,.b-sidepanel *[data-v-732a38d4]:after{box-sizing:border-box}.b-sidepanel[data-v-732a38d4] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel[data-v-732a38d4] ::-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 (min-width: 500px){.b-sidepanel[data-v-732a38d4]{border-radius:var(--b-sidepanel-border-radius) 0 0 var(--b-sidepanel-border-radius);margin:0 0 0 auto;width:var(--b-sidepanel-width)}}@media (min-width: 768px){.b-sidepanel[data-v-732a38d4]{max-width:var(--b-sidepanel-l-and-up-max-width);min-width:var(--b-sidepanel-l-and-up-min-width);width:33%}}.b-sidepanel__close-button[data-v-732a38d4]{align-items:center;display:flex;height:var(--b-sidepanel-close-button-height);position:absolute;right:var(--b-sidepanel-close-button-right);z-index:var(--b-sidepanel-close-button-z-index)}.b-sidepanel--animation[data-v-732a38d4]{overflow:hidden}.b-sidepanel[data-v-732a38d4]::backdrop{background-color:var(--b-sidepanel-backdrop-background-color, #00112c);opacity:.5}.b-legacy-theme .b-sidepanel[data-v-732a38d4]::backdrop{opacity:.4}.b-sidepanel[open][data-v-732a38d4]{animation:enter-uxd7lwd-732a38d4 var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-enter)}@keyframes enter-uxd7lwd-732a38d4{0%{translate:100% 0}to{translate:0 0}}.b-sidepanel[open][data-v-732a38d4]::backdrop{animation:fade-in-uxd7lxz-732a38d4 var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-linear)}@keyframes fade-in-uxd7lxz-732a38d4{0%{opacity:0}to{opacity:.5}}.b-sidepanel--hide[open][data-v-732a38d4]{animation:exit-uxd7lyk-732a38d4 var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-exit)}@keyframes exit-uxd7lyk-732a38d4{0%{translate:0 0}to{translate:100% 0}}.b-sidepanel--hide[open][data-v-732a38d4]::backdrop{animation:fade-out-uxd7m06-732a38d4 var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-linear)}@keyframes fade-out-uxd7m06-732a38d4{0%{opacity:.5}to{opacity:0}}
+.b-sidepanel-page[data-v-4e6c994b]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;height:100%;position:absolute;width:100%}.b-sidepanel-page[data-v-4e6c994b],.b-sidepanel-page[data-v-4e6c994b]:before,.b-sidepanel-page[data-v-4e6c994b]:after{box-sizing:border-box}.b-sidepanel-page *[data-v-4e6c994b],.b-sidepanel-page *[data-v-4e6c994b]:before,.b-sidepanel-page *[data-v-4e6c994b]:after{box-sizing:border-box}.b-sidepanel-page[data-v-4e6c994b] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel-page[data-v-4e6c994b] ::-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-sidepanel-page__header[data-v-4e6c994b]{align-items:center;background-color:var(--b-sidepanel-page-header-background-color);border-top-left-radius:var(--b-sidepanel-border-radius);display:flex;overflow:hidden;padding:var(--b-sidepanel-page-header-padding);position:sticky;white-space:nowrap;width:100%}.b-sidepanel-page__title[data-v-4e6c994b]{color:var(--b-sidepanel-page-header-color);flex-grow:1;overflow:hidden;text-overflow:ellipsis}.b-sidepanel-page__content[data-v-4e6c994b]{color:var(--b-sidepanel-page-content-color);flex-grow:1;overflow:overlay;padding:var(--b-sidepanel-page-content-padding)}.b-sidepanel-page__actions[data-v-4e6c994b]{background-color:var(--b-sidepanel-page-actions-background-color);border-bottom-left-radius:var(--b-sidepanel-border-radius);color:var(--b-sidepanel-page-actions-color);padding:var(--b-sidepanel-page-actions-padding)}.b-sidepanel[data-v-732a38d4]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-sidepanel-background-color);border:0;height:100%;max-height:100%;max-width:100%;overflow:visible;padding:0;width:100%}.b-sidepanel[data-v-732a38d4],.b-sidepanel[data-v-732a38d4]:before,.b-sidepanel[data-v-732a38d4]:after{box-sizing:border-box}.b-sidepanel *[data-v-732a38d4],.b-sidepanel *[data-v-732a38d4]:before,.b-sidepanel *[data-v-732a38d4]:after{box-sizing:border-box}.b-sidepanel[data-v-732a38d4] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel[data-v-732a38d4] ::-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 (min-width: 500px){.b-sidepanel[data-v-732a38d4]{border-radius:var(--b-sidepanel-border-radius) 0 0 var(--b-sidepanel-border-radius);margin:0 0 0 auto;width:var(--b-sidepanel-width)}}@media (min-width: 768px){.b-sidepanel[data-v-732a38d4]{max-width:var(--b-sidepanel-l-and-up-max-width);min-width:var(--b-sidepanel-l-and-up-min-width);width:33%}}.b-sidepanel__close-button[data-v-732a38d4]{align-items:center;display:flex;height:var(--b-sidepanel-close-button-height);position:absolute;right:var(--b-sidepanel-close-button-right);z-index:var(--b-sidepanel-close-button-z-index)}.b-sidepanel--animation[data-v-732a38d4]{overflow:hidden}.b-sidepanel[data-v-732a38d4]::backdrop{background-color:var(--b-sidepanel-backdrop-background-color, #00112c);opacity:.5}.b-legacy-theme .b-sidepanel[data-v-732a38d4]::backdrop{opacity:.4}.b-sidepanel[open][data-v-732a38d4]{animation:enter-uia4zoh-732a38d4 var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-enter)}@keyframes enter-uia4zoh-732a38d4{0%{translate:100% 0}to{translate:0 0}}.b-sidepanel[open][data-v-732a38d4]::backdrop{animation:fade-in-uia4zon-732a38d4 var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-linear)}@keyframes fade-in-uia4zon-732a38d4{0%{opacity:0}to{opacity:.5}}.b-sidepanel--hide[open][data-v-732a38d4]{animation:exit-uia4zov-732a38d4 var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-exit)}@keyframes exit-uia4zov-732a38d4{0%{translate:0 0}to{translate:100% 0}}.b-sidepanel--hide[open][data-v-732a38d4]::backdrop{animation:fade-out-uia4zpt-732a38d4 var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-linear)}@keyframes fade-out-uia4zpt-732a38d4{0%{opacity:.5}to{opacity:0}}

package/dist/assets/step.css

@@ -1 +1 @@
-.b-stepper[data-v-8dd6f794]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;container-type:inline-size}.b-stepper[data-v-8dd6f794],.b-stepper[data-v-8dd6f794]:before,.b-stepper[data-v-8dd6f794]:after{box-sizing:border-box}.b-stepper *[data-v-8dd6f794],.b-stepper *[data-v-8dd6f794]:before,.b-stepper *[data-v-8dd6f794]:after{box-sizing:border-box}.b-stepper[data-v-8dd6f794] ::-webkit-scrollbar{height:14px;width:14px}.b-stepper[data-v-8dd6f794] ::-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-stepper__list[data-v-8dd6f794]{display:flex;flex-direction:column;gap:var(--b-stepper-gap);margin:0;max-width:var(--b-stepper-max-width);padding-left:0}.b-stepper__list--horizontal[data-v-8dd6f794]{align-items:center;flex-flow:wrap;max-width:unset}@media (max-width: 499px){.b-stepper__list[data-v-8dd6f794]{display:none}}.b-stepper__text-stepper[data-v-8dd6f794]{color:var(--b-stepper-text-stepper-color)}@media (min-width: 500px){.b-stepper__text-stepper[data-v-8dd6f794]{display:none}}svg.ui-assets-icons-16{display:inline-flex;flex-shrink:0}svg.ui-assets-icons-16,svg.ui-assets-icons-16 *{fill:currentcolor}.b-step[data-v-1941e86b]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;list-style:none}.b-step[data-v-1941e86b],.b-step[data-v-1941e86b]:before,.b-step[data-v-1941e86b]:after{box-sizing:border-box}.b-step *[data-v-1941e86b],.b-step *[data-v-1941e86b]:before,.b-step *[data-v-1941e86b]:after{box-sizing:border-box}.b-step[data-v-1941e86b] ::-webkit-scrollbar{height:14px;width:14px}.b-step[data-v-1941e86b] ::-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-step__content[data-v-1941e86b]{color:var(--b-stepper-step-content-color)}.b-step__button[data-v-1941e86b]{align-items:center;background-color:transparent;border:none;border-radius:var(--b-stepper-step-button-border-radius);cursor:pointer;display:flex;gap:var(--b-stepper-step-button-gap);padding:var(--b-stepper-step-button-padding);text-align:left;width:100%}.b-step__button[data-v-1941e86b]:not(:disabled):hover{background-color:var(--b-stepper-step-button-hover-background-color)}.b-step__button:not(:disabled):hover .b-step__content[data-v-1941e86b]{color:var(--b-stepper-step-content-hover-color)}.b-step__button[data-v-1941e86b]:focus-visible{animation:outer-ring-default-1941e86b var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color);outline:none}@keyframes outer-ring-default-1941e86b{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-step__button[data-v-1941e86b] .b-base-button__icon-left{margin-bottom:auto}.b-step__index[data-v-1941e86b]{align-items:center;background-color:var(--b-stepper-step-index-background-color);border-radius:var(--b-stepper-step-index-border-radius);color:var(--b-stepper-step-index-color);display:flex;height:var(--b-stepper-step-index-height);justify-content:center;min-width:var(--b-stepper-step-index-width);width:var(--b-stepper-step-index-width)}.b-step__substep-list[data-v-1941e86b]{display:flex;flex-direction:column;gap:var(--b-stepper-step-substeps-gap);list-style:none;margin-top:var(--b-stepper-step-substeps-margin-top);padding-left:0}.b-step--active .b-step__index[data-v-1941e86b]{background-color:var(--b-stepper-step-index-active-background-color)}.b-step--active .b-step__content[data-v-1941e86b]{color:var(--b-stepper-step-content-active-color)}.b-step--completed .b-step__index[data-v-1941e86b]{background-color:var(--b-stepper-step-index-completed-background-color)}.b-step--completed .b-step__content[data-v-1941e86b]{color:var(--b-stepper-step-content-completed-color)}.b-step--substep .b-step__index[data-v-1941e86b]{background-color:transparent;color:var(--b-stepper-step-substeps-index-color)}.b-step--substep .b-step__button[data-v-1941e86b]{padding-left:var(--b-stepper-step-substeps-button-padding-left)}.b-step--substep .b-step__content[data-v-1941e86b]{color:var(--b-stepper-step-substeps-content-color)}.b-step--substep.b-step--active .b-step__index[data-v-1941e86b]{color:var(--b-stepper-step-substeps-index-active-color)}.b-step--substep.b-step--active .b-step__content[data-v-1941e86b]{color:var(--b-stepper-step-substeps-content-active-color)}.b-step--substep.b-step--completed .b-step__index[data-v-1941e86b]{color:var(--b-stepper-step-substeps-index-completed-color)}.b-step--substep.b-step--completed .b-step__content[data-v-1941e86b]{color:var(--b-stepper-step-substeps-content-completed-color)}
+.b-stepper[data-v-8dd6f794]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;container-type:inline-size}.b-stepper[data-v-8dd6f794],.b-stepper[data-v-8dd6f794]:before,.b-stepper[data-v-8dd6f794]:after{box-sizing:border-box}.b-stepper *[data-v-8dd6f794],.b-stepper *[data-v-8dd6f794]:before,.b-stepper *[data-v-8dd6f794]:after{box-sizing:border-box}.b-stepper[data-v-8dd6f794] ::-webkit-scrollbar{height:14px;width:14px}.b-stepper[data-v-8dd6f794] ::-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-stepper__list[data-v-8dd6f794]{display:flex;flex-direction:column;gap:var(--b-stepper-gap);margin:0;max-width:var(--b-stepper-max-width);padding-left:0}.b-stepper__list--horizontal[data-v-8dd6f794]{align-items:center;flex-flow:wrap;max-width:unset}@media (max-width: 499px){.b-stepper__list[data-v-8dd6f794]{display:none}}.b-stepper__text-stepper[data-v-8dd6f794]{color:var(--b-stepper-text-stepper-color)}@media (min-width: 500px){.b-stepper__text-stepper[data-v-8dd6f794]{display:none}}.b-step[data-v-1941e86b]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;list-style:none}.b-step[data-v-1941e86b],.b-step[data-v-1941e86b]:before,.b-step[data-v-1941e86b]:after{box-sizing:border-box}.b-step *[data-v-1941e86b],.b-step *[data-v-1941e86b]:before,.b-step *[data-v-1941e86b]:after{box-sizing:border-box}.b-step[data-v-1941e86b] ::-webkit-scrollbar{height:14px;width:14px}.b-step[data-v-1941e86b] ::-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-step__content[data-v-1941e86b]{color:var(--b-stepper-step-content-color)}.b-step__button[data-v-1941e86b]{align-items:center;background-color:transparent;border:none;border-radius:var(--b-stepper-step-button-border-radius);cursor:pointer;display:flex;gap:var(--b-stepper-step-button-gap);padding:var(--b-stepper-step-button-padding);text-align:left;width:100%}.b-step__button[data-v-1941e86b]:not(:disabled):hover{background-color:var(--b-stepper-step-button-hover-background-color)}.b-step__button:not(:disabled):hover .b-step__content[data-v-1941e86b]{color:var(--b-stepper-step-content-hover-color)}.b-step__button[data-v-1941e86b]:focus-visible{animation:outer-ring-default-1941e86b var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color);outline:none}@keyframes outer-ring-default-1941e86b{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-step__button[data-v-1941e86b] .b-base-button__icon-left{margin-bottom:auto}.b-step__index[data-v-1941e86b]{align-items:center;background-color:var(--b-stepper-step-index-background-color);border-radius:var(--b-stepper-step-index-border-radius);color:var(--b-stepper-step-index-color);display:flex;height:var(--b-stepper-step-index-height);justify-content:center;min-width:var(--b-stepper-step-index-width);width:var(--b-stepper-step-index-width)}.b-step__substep-list[data-v-1941e86b]{display:flex;flex-direction:column;gap:var(--b-stepper-step-substeps-gap);list-style:none;margin-top:var(--b-stepper-step-substeps-margin-top);padding-left:0}.b-step--active .b-step__index[data-v-1941e86b]{background-color:var(--b-stepper-step-index-active-background-color)}.b-step--active .b-step__content[data-v-1941e86b]{color:var(--b-stepper-step-content-active-color)}.b-step--completed .b-step__index[data-v-1941e86b]{background-color:var(--b-stepper-step-index-completed-background-color)}.b-step--completed .b-step__content[data-v-1941e86b]{color:var(--b-stepper-step-content-completed-color)}.b-step--substep .b-step__index[data-v-1941e86b]{background-color:transparent;color:var(--b-stepper-step-substeps-index-color)}.b-step--substep .b-step__button[data-v-1941e86b]{padding-left:var(--b-stepper-step-substeps-button-padding-left)}.b-step--substep .b-step__content[data-v-1941e86b]{color:var(--b-stepper-step-substeps-content-color)}.b-step--substep.b-step--active .b-step__index[data-v-1941e86b]{color:var(--b-stepper-step-substeps-index-active-color)}.b-step--substep.b-step--active .b-step__content[data-v-1941e86b]{color:var(--b-stepper-step-substeps-content-active-color)}.b-step--substep.b-step--completed .b-step__index[data-v-1941e86b]{color:var(--b-stepper-step-substeps-index-completed-color)}.b-step--substep.b-step--completed .b-step__content[data-v-1941e86b]{color:var(--b-stepper-step-substeps-content-completed-color)}

package/dist/assets/tooltip.css

@@ -1 +1 @@
-[data-v-5e330f2e]:host{--popper-arrow-color: var(--b-tooltip-background-color);--popper-display: $display}.b-tooltip[data-v-5e330f2e]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-tooltip-background-color);border-radius:var(--b-tooltip-border-radius);color:var(--b-tooltip-color);display:inline-block;max-width:var(--b-tooltip-max-width);padding:var(--b-tooltip-padding);pointer-events:none;text-align:center;z-index:var(--b-tooltip-z-index)}.b-tooltip[data-v-5e330f2e],.b-tooltip[data-v-5e330f2e]:before,.b-tooltip[data-v-5e330f2e]:after{box-sizing:border-box}.b-tooltip *[data-v-5e330f2e],.b-tooltip *[data-v-5e330f2e]:before,.b-tooltip *[data-v-5e330f2e]:after{box-sizing:border-box}.b-tooltip[data-v-5e330f2e] ::-webkit-scrollbar{height:14px;width:14px}.b-tooltip[data-v-5e330f2e] ::-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 (max-width: 375px){.b-tooltip[data-v-5e330f2e]{max-width:100%}}.b-tooltip--hidden[data-v-5e330f2e]{display:none}.b-tooltip--hidden[data-v-5e330f2e] .b-tooltip__arrow:before{display:none}.b-tooltip[data-v-5e330f2e] .b-tooltip__arrow{background-color:var(--b-tooltip-background-color);display:block}
+[data-v-cca09a35]:host{--popper-arrow-color: var(--b-tooltip-background-color);--popper-display: $display}.b-tooltip[data-v-cca09a35]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-tooltip-background-color);border-radius:var(--b-tooltip-border-radius);color:var(--b-tooltip-color);display:inline-block;max-width:var(--b-tooltip-max-width);padding:var(--b-tooltip-padding);pointer-events:none;text-align:center;z-index:var(--b-tooltip-z-index)}.b-tooltip[data-v-cca09a35],.b-tooltip[data-v-cca09a35]:before,.b-tooltip[data-v-cca09a35]:after{box-sizing:border-box}.b-tooltip *[data-v-cca09a35],.b-tooltip *[data-v-cca09a35]:before,.b-tooltip *[data-v-cca09a35]:after{box-sizing:border-box}.b-tooltip[data-v-cca09a35] ::-webkit-scrollbar{height:14px;width:14px}.b-tooltip[data-v-cca09a35] ::-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 (max-width: 375px){.b-tooltip[data-v-cca09a35]{max-width:100%}}.b-tooltip--hidden[data-v-cca09a35]{display:none}.b-tooltip--hidden[data-v-cca09a35] .b-tooltip__arrow:before{display:none}.b-tooltip[data-v-cca09a35] .b-tooltip__arrow{background-color:var(--b-tooltip-background-color);display:block}

package/dist/assets/typography.css

@@ -1 +1 @@
-.b-typography[data-v-57f33f77]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-variant-numeric:var(--b-text-font-variant-numeric)}.b-typography[data-v-57f33f77],.b-typography[data-v-57f33f77]:before,.b-typography[data-v-57f33f77]:after{box-sizing:border-box}.b-typography *[data-v-57f33f77],.b-typography *[data-v-57f33f77]:before,.b-typography *[data-v-57f33f77]:after{box-sizing:border-box}.b-typography[data-v-57f33f77] ::-webkit-scrollbar{height:14px;width:14px}.b-typography[data-v-57f33f77] ::-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-typography--rich-text[data-v-57f33f77]>:first-child{margin-top:0}.b-typography--rich-text[data-v-57f33f77] h1{font-family:var(--b-text-title-l-font-family);font-size:var(--b-text-title-l-mobile-font-size);font-size:clamp(var(--b-text-title-l-mobile-font-size),.44vw + 18.34px,var(--b-text-title-l-font-size));font-weight:var(--b-text-title-l-font-weight);letter-spacing:var(--b-text-title-l-letter-spacing);line-height:clamp(var(--b-text-title-l-mobile-line-height),.44vw + 28.34px,var(--b-text-title-l-line-height))}.b-typography--rich-text[data-v-57f33f77] h2{font-family:var(--b-text-title-m-font-family);font-size:clamp(var(--b-text-title-m-mobile-font-size),.22vw + 17.17px,var(--b-text-title-m-font-size));font-weight:var(--b-text-title-m-font-weight);letter-spacing:var(--b-text-title-m-letter-spacing);line-height:clamp(var(--b-text-title-m-mobile-line-height),.22vw + 27.17px,var(--b-text-title-m-line-height))}.b-typography--rich-text[data-v-57f33f77] h3{font-family:var(--b-text-title-font-family);font-size:clamp(var(--b-text-title-mobile-font-size),16px,var(--b-text-title-font-size));font-weight:var(--b-text-title-font-weight);letter-spacing:var(--b-text-title-letter-spacing);line-height:clamp(var(--b-text-title-mobile-line-height),26px,var(--b-text-title-line-height))}.b-typography--rich-text[data-v-57f33f77] h4,.b-typography--rich-text[data-v-57f33f77] h5,.b-typography--rich-text[data-v-57f33f77] h6{font-family:var(--b-text-body-font-family);font-size:var(--b-text-body-font-size);font-weight:var(--b-text-body-font-weight);letter-spacing:var(--b-text-body-letter-spacing);line-height:var(--b-text-body-line-height);font-weight:var(--b-text-rich-text-heading-font-weight)}.b-typography--rich-text[data-v-57f33f77] h1,.b-typography--rich-text[data-v-57f33f77] h2,.b-typography--rich-text[data-v-57f33f77] h3,.b-typography--rich-text[data-v-57f33f77] h4,.b-typography--rich-text[data-v-57f33f77] h5,.b-typography--rich-text[data-v-57f33f77] h6{margin:var(--b-text-rich-text-heading-margin)}.b-typography--rich-text[data-v-57f33f77] p{margin:var(--b-text-rich-text-paragraph-margin)}.b-typography--rich-text[data-v-57f33f77] ul,.b-typography--rich-text[data-v-57f33f77] ol{margin:0;padding-left:var(--b-text-rich-text-list-padding-left)}.b-typography--rich-text[data-v-57f33f77] li{margin:var(--b-text-rich-text-list-margin)}.b-typography--rich-text[data-v-57f33f77] ul li{list-style-type:disc}.b-typography--rich-text[data-v-57f33f77] pre{background-color:var(--b-text-rich-text-code-background-color);font-family:var(--b-text-rich-text-code-font-family);font-weight:var(--b-text-rich-text-code-font-weight);line-height:var(--b-text-rich-text-pre-line-height);margin:var(--b-text-rich-text-pre-margin);padding:var(--b-text-rich-text-pre-padding)}.b-typography--rich-text[data-v-57f33f77] code{background-color:var(--b-text-rich-text-code-background-color);font-family:var(--b-text-rich-text-code-font-family);font-weight:var(--b-text-rich-text-code-font-weight)}.b-typography--rich-text[data-v-57f33f77] mark{background-color:var(--b-text-rich-text-mark-background-color)}.b-typography--rich-text[data-v-57f33f77] blockquote{font-style:italic;font-weight:var(--b-text-rich-text-blockquote-font-weight);margin:var(--b-text-rich-text-blockquote-margin)}.b-typography--rich-text[data-v-57f33f77] table{border-collapse:collapse;border-spacing:0;line-height:var(--b-text-rich-text-table-line-height);margin:var(--b-text-rich-text-table-margin);text-align:left}.b-typography--rich-text[data-v-57f33f77] table th{font-weight:var(--b-text-rich-text-table-header-font-weight)}.b-typography--rich-text[data-v-57f33f77] table th,.b-typography--rich-text[data-v-57f33f77] table td{border:var(--b-text-rich-text-table-border);padding:var(--b-text-rich-text-table-padding)}.b-typography--rich-text[data-v-57f33f77] table caption{font-style:italic;line-height:var(--b-text-rich-text-table-caption-line-height);margin:var(--b-text-rich-text-table-caption-margin);text-align:left}.b-typography--rich-text.b-typography--caption[data-v-57f33f77] p{margin:var(--b-text-rich-text-caption-paragraph-margin)}.b-typography--rich-text.b-typography--caption[data-v-57f33f77] ul,.b-typography--rich-text.b-typography--caption[data-v-57f33f77] ol{padding-left:var(--b-text-rich-text-caption-list-padding-left)}.b-typography--rich-text.b-typography--caption[data-v-57f33f77] li{margin:var(--b-text-rich-text-caption-list-margin)}.b-typography--rich-text.b-typography--caption[data-v-57f33f77] blockquote{margin:var(--b-text-rich-text-caption-blockquote-margin)}.b-typography--rich-text.b-typography--caption[data-v-57f33f77] table th,.b-typography--rich-text.b-typography--caption[data-v-57f33f77] table td{padding:var(--b-text-rich-text-caption-table-padding)}.b-typography--rich-text.b-typography--caption[data-v-57f33f77] pre{line-height:var(--b-text-rich-text-caption-pre-line-height)}.b-typography--caption[data-v-57f33f77]{font-family:var(--b-text-caption-font-family);font-size:var(--b-text-caption-font-size);font-weight:var(--b-text-caption-font-weight);letter-spacing:var(--b-text-caption-letter-spacing);line-height:var(--b-text-caption-line-height)}.b-typography--caption-wide[data-v-57f33f77]{line-height:var(--b-text-caption-wide-line-height)}.b-typography--caption-stronger[data-v-57f33f77]{font-weight:var(--b-text-caption-stronger-font-weight)}.b-typography--body[data-v-57f33f77]{font-family:var(--b-text-body-font-family);font-size:var(--b-text-body-font-size);font-weight:var(--b-text-body-font-weight);letter-spacing:var(--b-text-body-letter-spacing);line-height:var(--b-text-body-line-height)}.b-typography--body-wide[data-v-57f33f77]{line-height:var(--b-text-body-wide-line-height)}.b-typography--body-stronger[data-v-57f33f77]{font-weight:var(--b-text-body-stronger-font-weight)}.b-typography--body-strongest[data-v-57f33f77]{font-weight:var(--b-text-body-strongest-font-weight)}.b-typography--subtitle[data-v-57f33f77]{font-family:var(--b-text-subtitle-font-family);font-size:var(--b-text-subtitle-font-size);font-weight:var(--b-text-subtitle-font-weight);letter-spacing:var(--b-text-subtitle-letter-spacing);line-height:var(--b-text-subtitle-line-height)}.b-typography--subtitle-stronger[data-v-57f33f77]{font-weight:var(--b-text-subtitle-stronger-font-weight)}.b-typography--title[data-v-57f33f77]{font-family:var(--b-text-title-font-family);font-size:clamp(var(--b-text-title-mobile-font-size),16px,var(--b-text-title-font-size));font-weight:var(--b-text-title-font-weight);letter-spacing:var(--b-text-title-letter-spacing);line-height:clamp(var(--b-text-title-mobile-line-height),26px,var(--b-text-title-line-height))}.b-typography--title-m[data-v-57f33f77]{font-family:var(--b-text-title-m-font-family);font-size:clamp(var(--b-text-title-m-mobile-font-size),.22vw + 17.17px,var(--b-text-title-m-font-size));font-weight:var(--b-text-title-m-font-weight);letter-spacing:var(--b-text-title-m-letter-spacing);line-height:clamp(var(--b-text-title-m-mobile-line-height),.22vw + 27.17px,var(--b-text-title-m-line-height))}.b-typography--title-l[data-v-57f33f77]{font-family:var(--b-text-title-l-font-family);font-size:var(--b-text-title-l-mobile-font-size);font-size:clamp(var(--b-text-title-l-mobile-font-size),.44vw + 18.34px,var(--b-text-title-l-font-size));font-weight:var(--b-text-title-l-font-weight);letter-spacing:var(--b-text-title-l-letter-spacing);line-height:clamp(var(--b-text-title-l-mobile-line-height),.44vw + 28.34px,var(--b-text-title-l-line-height))}
+.b-typography[data-v-57f33f77]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-variant-numeric:var(--b-text-font-variant-numeric)}.b-typography[data-v-57f33f77],.b-typography[data-v-57f33f77]:before,.b-typography[data-v-57f33f77]:after{box-sizing:border-box}.b-typography *[data-v-57f33f77],.b-typography *[data-v-57f33f77]:before,.b-typography *[data-v-57f33f77]:after{box-sizing:border-box}.b-typography[data-v-57f33f77] ::-webkit-scrollbar{height:14px;width:14px}.b-typography[data-v-57f33f77] ::-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-typography--rich-text[data-v-57f33f77]>:first-child{margin-top:0}.b-typography--rich-text h1[data-v-57f33f77],.b-typography--rich-text[data-v-57f33f77] h1{font-family:var(--b-text-title-l-font-family);font-size:var(--b-text-title-l-mobile-font-size);font-size:clamp(var(--b-text-title-l-mobile-font-size),.44vw + 18.34px,var(--b-text-title-l-font-size));font-weight:var(--b-text-title-l-font-weight);letter-spacing:var(--b-text-title-l-letter-spacing);line-height:clamp(var(--b-text-title-l-mobile-line-height),.44vw + 28.34px,var(--b-text-title-l-line-height))}.b-typography--rich-text h2[data-v-57f33f77],.b-typography--rich-text[data-v-57f33f77] h2{font-family:var(--b-text-title-m-font-family);font-size:clamp(var(--b-text-title-m-mobile-font-size),.22vw + 17.17px,var(--b-text-title-m-font-size));font-weight:var(--b-text-title-m-font-weight);letter-spacing:var(--b-text-title-m-letter-spacing);line-height:clamp(var(--b-text-title-m-mobile-line-height),.22vw + 27.17px,var(--b-text-title-m-line-height))}.b-typography--rich-text h3[data-v-57f33f77],.b-typography--rich-text[data-v-57f33f77] h3{font-family:var(--b-text-title-font-family);font-size:clamp(var(--b-text-title-mobile-font-size),16px,var(--b-text-title-font-size));font-weight:var(--b-text-title-font-weight);letter-spacing:var(--b-text-title-letter-spacing);line-height:clamp(var(--b-text-title-mobile-line-height),26px,var(--b-text-title-line-height))}.b-typography--rich-text h4[data-v-57f33f77],.b-typography--rich-text[data-v-57f33f77] h4,.b-typography--rich-text h5[data-v-57f33f77],.b-typography--rich-text[data-v-57f33f77] h5,.b-typography--rich-text h6[data-v-57f33f77],.b-typography--rich-text[data-v-57f33f77] h6{font-family:var(--b-text-body-font-family);font-size:var(--b-text-body-font-size);font-weight:var(--b-text-body-font-weight);letter-spacing:var(--b-text-body-letter-spacing);line-height:var(--b-text-body-line-height);font-weight:var(--b-text-rich-text-heading-font-weight)}.b-typography--rich-text h1[data-v-57f33f77],.b-typography--rich-text[data-v-57f33f77] h1,.b-typography--rich-text h2[data-v-57f33f77],.b-typography--rich-text[data-v-57f33f77] h2,.b-typography--rich-text h3[data-v-57f33f77],.b-typography--rich-text[data-v-57f33f77] h3,.b-typography--rich-text h4[data-v-57f33f77],.b-typography--rich-text[data-v-57f33f77] h4,.b-typography--rich-text h5[data-v-57f33f77],.b-typography--rich-text[data-v-57f33f77] h5,.b-typography--rich-text h6[data-v-57f33f77],.b-typography--rich-text[data-v-57f33f77] h6{margin:var(--b-text-rich-text-heading-margin)}.b-typography--rich-text p[data-v-57f33f77],.b-typography--rich-text[data-v-57f33f77] p{margin:var(--b-text-rich-text-paragraph-margin)}.b-typography--rich-text ul[data-v-57f33f77],.b-typography--rich-text[data-v-57f33f77] ul,.b-typography--rich-text ol[data-v-57f33f77],.b-typography--rich-text[data-v-57f33f77] ol{margin:0;padding-left:var(--b-text-rich-text-list-padding-left)}.b-typography--rich-text li[data-v-57f33f77],.b-typography--rich-text[data-v-57f33f77] li{margin:var(--b-text-rich-text-list-margin)}.b-typography--rich-text ul li[data-v-57f33f77],.b-typography--rich-text[data-v-57f33f77] ul li{list-style-type:disc}.b-typography--rich-text pre[data-v-57f33f77],.b-typography--rich-text[data-v-57f33f77] pre{background-color:var(--b-text-rich-text-code-background-color);font-family:var(--b-text-rich-text-code-font-family);font-weight:var(--b-text-rich-text-code-font-weight);line-height:var(--b-text-rich-text-pre-line-height);margin:var(--b-text-rich-text-pre-margin);padding:var(--b-text-rich-text-pre-padding)}.b-typography--rich-text code[data-v-57f33f77],.b-typography--rich-text[data-v-57f33f77] code{background-color:var(--b-text-rich-text-code-background-color);font-family:var(--b-text-rich-text-code-font-family);font-weight:var(--b-text-rich-text-code-font-weight)}.b-typography--rich-text mark[data-v-57f33f77]{background-color:var(--b-text-rich-text-mark-background-color)}.b-typography--rich-text[data-v-57f33f77] mark{background-color:var(--b-text-rich-text-mark-background-color)}.b-typography--rich-text blockquote[data-v-57f33f77],.b-typography--rich-text[data-v-57f33f77] blockquote{font-style:italic;font-weight:var(--b-text-rich-text-blockquote-font-weight);margin:var(--b-text-rich-text-blockquote-margin)}.b-typography--rich-text table[data-v-57f33f77]{border-collapse:collapse;border-spacing:0;line-height:var(--b-text-rich-text-table-line-height);margin:var(--b-text-rich-text-table-margin);text-align:left}.b-typography--rich-text table th[data-v-57f33f77]{font-weight:var(--b-text-rich-text-table-header-font-weight)}.b-typography--rich-text table th[data-v-57f33f77],.b-typography--rich-text table td[data-v-57f33f77]{border:var(--b-text-rich-text-table-border);padding:var(--b-text-rich-text-table-padding)}.b-typography--rich-text table caption[data-v-57f33f77]{font-style:italic;line-height:var(--b-text-rich-text-table-caption-line-height);margin:var(--b-text-rich-text-table-caption-margin);text-align:left}.b-typography--rich-text[data-v-57f33f77] table{border-collapse:collapse;border-spacing:0;line-height:var(--b-text-rich-text-table-line-height);margin:var(--b-text-rich-text-table-margin);text-align:left}.b-typography--rich-text[data-v-57f33f77] table th{font-weight:var(--b-text-rich-text-table-header-font-weight)}.b-typography--rich-text[data-v-57f33f77] table th,.b-typography--rich-text[data-v-57f33f77] table td{border:var(--b-text-rich-text-table-border);padding:var(--b-text-rich-text-table-padding)}.b-typography--rich-text[data-v-57f33f77] table caption{font-style:italic;line-height:var(--b-text-rich-text-table-caption-line-height);margin:var(--b-text-rich-text-table-caption-margin);text-align:left}.b-typography--rich-text.b-typography--caption p[data-v-57f33f77],.b-typography--rich-text.b-typography--caption[data-v-57f33f77] p{margin:var(--b-text-rich-text-caption-paragraph-margin)}.b-typography--rich-text.b-typography--caption ul[data-v-57f33f77],.b-typography--rich-text.b-typography--caption[data-v-57f33f77] ul,.b-typography--rich-text.b-typography--caption ol[data-v-57f33f77],.b-typography--rich-text.b-typography--caption[data-v-57f33f77] ol{padding-left:var(--b-text-rich-text-caption-list-padding-left)}.b-typography--rich-text.b-typography--caption li[data-v-57f33f77],.b-typography--rich-text.b-typography--caption[data-v-57f33f77] li{margin:var(--b-text-rich-text-caption-list-margin)}.b-typography--rich-text.b-typography--caption blockquote[data-v-57f33f77],.b-typography--rich-text.b-typography--caption[data-v-57f33f77] blockquote{margin:var(--b-text-rich-text-caption-blockquote-margin)}.b-typography--rich-text.b-typography--caption table th[data-v-57f33f77],.b-typography--rich-text.b-typography--caption[data-v-57f33f77] table th,.b-typography--rich-text.b-typography--caption table td[data-v-57f33f77],.b-typography--rich-text.b-typography--caption[data-v-57f33f77] table td{padding:var(--b-text-rich-text-caption-table-padding)}.b-typography--rich-text.b-typography--caption pre[data-v-57f33f77],.b-typography--rich-text.b-typography--caption[data-v-57f33f77] pre{line-height:var(--b-text-rich-text-caption-pre-line-height)}.b-typography--caption[data-v-57f33f77]{font-family:var(--b-text-caption-font-family);font-size:var(--b-text-caption-font-size);font-weight:var(--b-text-caption-font-weight);letter-spacing:var(--b-text-caption-letter-spacing);line-height:var(--b-text-caption-line-height)}.b-typography--caption-wide[data-v-57f33f77]{line-height:var(--b-text-caption-wide-line-height)}.b-typography--caption-stronger[data-v-57f33f77]{font-weight:var(--b-text-caption-stronger-font-weight)}.b-typography--body[data-v-57f33f77]{font-family:var(--b-text-body-font-family);font-size:var(--b-text-body-font-size);font-weight:var(--b-text-body-font-weight);letter-spacing:var(--b-text-body-letter-spacing);line-height:var(--b-text-body-line-height)}.b-typography--body-wide[data-v-57f33f77]{line-height:var(--b-text-body-wide-line-height)}.b-typography--body-stronger[data-v-57f33f77]{font-weight:var(--b-text-body-stronger-font-weight)}.b-typography--body-strongest[data-v-57f33f77]{font-weight:var(--b-text-body-strongest-font-weight)}.b-typography--subtitle[data-v-57f33f77]{font-family:var(--b-text-subtitle-font-family);font-size:var(--b-text-subtitle-font-size);font-weight:var(--b-text-subtitle-font-weight);letter-spacing:var(--b-text-subtitle-letter-spacing);line-height:var(--b-text-subtitle-line-height)}.b-typography--subtitle-stronger[data-v-57f33f77]{font-weight:var(--b-text-subtitle-stronger-font-weight)}.b-typography--title[data-v-57f33f77]{font-family:var(--b-text-title-font-family);font-size:clamp(var(--b-text-title-mobile-font-size),16px,var(--b-text-title-font-size));font-weight:var(--b-text-title-font-weight);letter-spacing:var(--b-text-title-letter-spacing);line-height:clamp(var(--b-text-title-mobile-line-height),26px,var(--b-text-title-line-height))}.b-typography--title-m[data-v-57f33f77]{font-family:var(--b-text-title-m-font-family);font-size:clamp(var(--b-text-title-m-mobile-font-size),.22vw + 17.17px,var(--b-text-title-m-font-size));font-weight:var(--b-text-title-m-font-weight);letter-spacing:var(--b-text-title-m-letter-spacing);line-height:clamp(var(--b-text-title-m-mobile-line-height),.22vw + 27.17px,var(--b-text-title-m-line-height))}.b-typography--title-l[data-v-57f33f77]{font-family:var(--b-text-title-l-font-family);font-size:var(--b-text-title-l-mobile-font-size);font-size:clamp(var(--b-text-title-l-mobile-font-size),.44vw + 18.34px,var(--b-text-title-l-font-size));font-weight:var(--b-text-title-l-font-weight);letter-spacing:var(--b-text-title-l-letter-spacing);line-height:clamp(var(--b-text-title-l-mobile-line-height),.44vw + 28.34px,var(--b-text-title-l-line-height))}

package/dist/button.js

@@ -1,6 +1,6 @@
 import { B as n, b as B, a } from "./chunks/button.CufUNBkv.js";
-import { B as s, c as u, a as r, b as i } from "./chunks/button-actions.BJMK3kZC.js";
-import { B as p, a as x } from "./chunks/loading-button.2h9RXXIZ.js";
+import { B as s, c as u, a as r, b as i } from "./chunks/button-actions.Cpx4PQp0.js";
+import { B as p, a as x } from "./chunks/loading-button.CiPmvU7F.js";
 import { B as d } from "./chunks/toggle-button.CYplDIO-.js";
 export {
   n as BentoButton,

package/dist/card.js

@@ -1,4 +1,4 @@
-import { c as o, B as r, a as t } from "./chunks/card.Cfj-r6CX.js";
+import { c as o, B as r, a as t } from "./chunks/card.BcjxzwZV.js";
 export {
   o as BentoCard,
   r as BentoCardBackground,

package/dist/checkbox.js

@@ -1,6 +1,6 @@
-import { B as t, a } from "./chunks/checkbox.5uVM-HLg.js";
+import { B as t, a } from "./chunks/checkbox.B1qjI4R_.js";
 import { C as x } from "./chunks/checkbox-input.Bo4NxNOh.js";
-import { c as B, B as c } from "./chunks/checkbox-group.BEI5FPnW.js";
+import { c as B, B as c } from "./chunks/checkbox-group.Bcqac3y8.js";
 export {
   t as BentoCheckbox,
   a as BentoCheckboxEvent,

package/dist/chunks/{action-bar.r05wfyni.js → action-bar.kPPYSgQK.js}

@@ -1,12 +1,12 @@
 import { defineComponent as x, computed as c, ref as b, toRefs as O, watch as g, provide as P, nextTick as B } from "vue";
 import { B as V } from "./button.CufUNBkv.js";
 import { B as R } from "./typography.Bu_WAKdf.js";
-import { B as F } from "./button-actions-with-menu.DZOHTxUi.js";
+import { B as F } from "./button-actions-with-menu.dp6C-PKX.js";
 import { C as W } from "./cross.CsUPDmaA.js";
 import { u as L } from "./i18n.BQkEbtPM.js";
-import { u as k } from "./index.D5am6ibQ.js";
-import { P as M } from "./popover.BcWFpCY_.js";
-import { B as U } from "./button-actions.BJMK3kZC.js";
+import { u as k } from "./index.Gcw_BUVh.js";
+import { P as M } from "./popover.Uy-vuQq5.js";
+import { B as U } from "./button-actions.Cpx4PQp0.js";
 import { n as z } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
 import "../assets/action-bar.css";
 const D = {
@@ -158,4 +158,4 @@ const st = q.exports;
 export {
   st as B
 };
-//# sourceMappingURL=action-bar.r05wfyni.js.map
+//# sourceMappingURL=action-bar.kPPYSgQK.js.map

package/dist/chunks/{action-bar.r05wfyni.js.map → action-bar.kPPYSgQK.js.map}

@@ -1 +1 @@
-{"version":3,"file":"action-bar.r05wfyni.js","sources":["../../src/components/action-bar/action-bar.vue"],"sourcesContent":["<template>\n    <Transition name=\"b-action-bar__animation\" appear>\n        <section class=\"b-action-bar\" :class=\"conditionalClasses\" :aria-label=\"t('actionBar')\">\n            <div ref=\"actionBar\" class=\"b-action-bar__container\">\n                <div v-if=\"!isConfirmationVariant\" class=\"b-action-bar__close-button\">\n                    <bento-button variant=\"tertiary\" inverse :aria-label=\"t('close')\" @click=\"emit('close')\">\n                        <template #iconLeft><cross-icon :aria-hidden=\"true\" /></template>\n                    </bento-button>\n                </div>\n                <bento-typography el=\"span\" stronger class=\"b-action-bar__selection\">\n                    {{ itemCounter }} {{ isConfirmationVariant ? tc('unsavedChanges', itemCounter) : label }}\n                </bento-typography>\n                <bento-button-actions\n                    v-if=\"isConfirmationVariant\"\n                    :actions=\"confirmationActions\"\n                    class=\"b-action-bar__actions\"\n                    inverse\n                />\n                <button-actions-with-menu\n                    v-else\n                    :actions=\"actionsInternal\"\n                    class=\"b-action-bar__actions\"\n                    :displayed-actions=\"internalDisplayedActions\"\n                    menu-position=\"top-end\"\n                    inverse\n                />\n            </div>\n        </section>\n    </Transition>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, nextTick, PropType, provide, ref, toRefs, watch } from 'vue';\n    import { BentoButton, BentoButtonActions, BentoButtonActionsList } from '@/components/button';\n    import { BentoTypography } from '@/components/typography';\n\n    import { type BentoActionBarVariant } from '@/components/action-bar/action-bar.types';\n    import ButtonActionsWithMenu from '@/components/internal/button-actions-with-menu/button-actions-with-menu.vue';\n    import CrossIcon from '@adyen/ui-assets-icons-16/vue/cross';\n\n    import { useI18n } from '@/utils/ts/i18n';\n    import { useWindowSize } from '@vueuse/core';\n\n    import messages from './messages.json';\n    import { POPOVER_OFFSET_INJECTION_KEY } from '@/components/popover/popover.keys';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    // Constants\n    const AVERAGE_BUTTON_SIZE = 100;\n    const MENU_OFFSET = 7;\n    const RESPONSIVE_BREAKPOINT = 500;\n    const SPACING = 32;\n\n    const props = defineProps({\n        /**\n         * List of actions that will be used to render the buttons.\n         * Required and used for the `default` variant.\n         *\n         * Each object in the list should have a `title`, an `event` and,\n         * optionally, an `icon`.\n         *\n         * The component will display 4 actions and the hide the rest inside a menu.\n         *\n         * @see BentoButton for a list of all the other props supported by each button action.\n         */\n        actions: {\n            type: Array as PropType<BentoButtonActionsList>,\n            default: () => [],\n        },\n        /**\n         * How many actions should be visible outside the menu, cannot be more than 4\n         */\n        visibleActions: {\n            type: Number,\n            default: 4,\n            validator: (value: number) => value > 0 && value <= 4,\n        },\n        /**\n         * Use when there are sticky elements at the bottom, like sticky pagination\n         */\n        extraBottomSpacing: {\n            type: Boolean,\n            default: false,\n        },\n        /**\n         * Show how many items are selected\n         */\n        itemCounter: {\n            type: Number,\n            required: true,\n        },\n        /**\n         * Label for the selection, e.g. 'selected'/'changed'\n         */\n        selectionLabel: {\n            type: String,\n            default: null,\n        },\n        /**\n         * Variant for the action bar\n         * @values default, confirmation\n         */\n        variant: {\n            type: String as PropType<BentoActionBarVariant>,\n            default: 'default',\n        },\n    });\n\n    const emit = defineEmits([\"close\", \"cancel\", \"save\"]);\n\n    const { t, tc } = useI18n<{ message: MessageSchema }>({ messages });\n    const label = computed(() => (props.selectionLabel ? props.selectionLabel : t('selected')));\n\n    // Refs\n    const actionBar = ref<HTMLDivElement>(null);\n    const { extraBottomSpacing, visibleActions } = toRefs(props);\n    const { width } = useWindowSize();\n    const internalDisplayedActions = ref(null);\n    const internalVisibleActions = ref(null);\n\n    const isConfirmationVariant = computed(() => props.variant === 'confirmation');\n\n    watch(\n        () => visibleActions.value,\n        value => {\n            internalVisibleActions.value = value <= 4 ? value : 4;\n            internalDisplayedActions.value = internalVisibleActions.value;\n        },\n        { immediate: true }\n    );\n\n    // Styling\n    const conditionalClasses = computed(() => ({\n        'b-action-bar--extra-spacing': extraBottomSpacing.value,\n        'b-action-bar--confirmation': isConfirmationVariant.value,\n    }));\n\n    // Provide POPOVER_OFFSET_INJECTION_KEY to change the value of the popover offset\n    provide(POPOVER_OFFSET_INJECTION_KEY, MENU_OFFSET);\n\n    // Manipulate actions array to display as intended\n    const actionsInternal = computed(() => {\n        // All buttons should be of type secondary in the action bar\n        const actions = props.actions.map(action => ({\n            ...action,\n            variant: 'secondary',\n        })) as BentoButtonActionsList;\n        // Shown actions should display from left to right in action bar, instead of right to left which is the button actions default\n        const shownActions = actions.slice(0, internalDisplayedActions.value).reverse();\n        const hiddenActions = actions.slice(internalDisplayedActions.value);\n\n        return [...shownActions, ...hiddenActions];\n    });\n\n    const confirmationActions = computed<BentoButtonActionsList>(() => [\n        {\n            title: t('save'),\n            event: () => emit('save'),\n        },\n        {\n            title: t('cancel'),\n            variant: 'secondary',\n            event: () => emit('cancel'),\n        },\n    ]);\n\n    // Recursive functions to determine how many actions should be visible/hidden based on the screens width\n    const showActions = async () => {\n        await nextTick();\n        if (\n            width.value > actionBar.value.clientWidth + SPACING + AVERAGE_BUTTON_SIZE &&\n            internalDisplayedActions.value < internalVisibleActions.value\n        ) {\n            internalDisplayedActions.value += 1;\n            showActions();\n        }\n    };\n\n    const hideActions = async () => {\n        await nextTick();\n        if (width.value < actionBar.value.clientWidth + SPACING && internalDisplayedActions.value > 0) {\n            internalDisplayedActions.value -= 1;\n            hideActions();\n        }\n    };\n\n    // Screen width watcher to toggle hidden/visible actions\n    watch(\n        () => width.value,\n        async (newValue, oldValue) => {\n            await nextTick();\n            if (!actionBar.value) {\n                return;\n            }\n            const isIncreasing = newValue > oldValue;\n            if (width.value < RESPONSIVE_BREAKPOINT) {\n                internalDisplayedActions.value = 0;\n            } else if (isIncreasing) {\n                showActions();\n            } else {\n                hideActions();\n            }\n        },\n        { immediate: true }\n    );\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Action bar is a floating bar that provides users with quick access to key actions that can be applied to one or multiple items.\n     *\n     * @example\n     * import { BentoActionBar } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoActionBar },\n     *     template: `\n     *          <bento-action-bar\n     *               :actions='[\n     *                   {\n     *                       title: 'Delete',\n     *                       critical: true,\n     *                       icon: BinIcon,\n     *                       event: () => true,\n     *                   },\n     *                   {\n     *                       title: 'Edit',\n     *                       icon: EditIcon,\n     *                       event: () => true,\n     *                   }\n     *               ]'\n     *               @close=\"closeAction\"\n     *               :item-counter=\"5\"\n     *           />\n     *     `\n     * }\n     */\n    export default {\n        i18n: { messages },\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./action-bar.scss\" />\n"],"names":["__default__","messages","AVERAGE_BUTTON_SIZE","MENU_OFFSET","RESPONSIVE_BREAKPOINT","SPACING","t","tc","useI18n","label","computed","props","actionBar","ref","extraBottomSpacing","visibleActions","toRefs","width","useWindowSize","internalDisplayedActions","internalVisibleActions","isConfirmationVariant","watch","value","conditionalClasses","provide","POPOVER_OFFSET_INJECTION_KEY","actionsInternal","actions","action","shownActions","hiddenActions","confirmationActions","emit","showActions","nextTick","hideActions","newValue","oldValue","isIncreasing"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8OIA,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA/LAC,IAAA,KACAC,IAAA,GACAC,IAAA,KACAC,IAAA,IA2DA,EAAA,GAAAC,GAAA,IAAAC,EAAA,IAAAC,EAAA,GACAC,IAAAC,EAAA,MAAAC,EAAA,iBAAAA,EAAA,iBAAAL,EAAA,UAAA,CAAA,GAGAM,IAAAC,EAAA,IAAA,GACA,EAAA,oBAAAC,GAAA,gBAAAC,EAAA,IAAAC,EAAAL,CAAA,GACA,EAAA,OAAAM,EAAA,IAAAC,EAAA,GACAC,IAAAN,EAAA,IAAA,GACAO,IAAAP,EAAA,IAAA,GAEAQ,IAAAX,EAAA,MAAAC,EAAA,YAAA,cAAA;AAEA,IAAAW;AAAA,MAAA,MAAAP,EAAA;AAAA,MACyB,CAAAQ,MAAA;AAEjB,QAAAH,EAAA,QAAAG,KAAA,IAAAA,IAAA,GACAJ,EAAA,QAAAC,EAAA;AAAA,MAAwD;AAAA,MAC5D,EAAA,WAAA,GAAA;AAAA,IACkB;AAItB,UAAAI,IAAAd,EAAA,OAAA;AAAA,MAA2C,+BAAAI,EAAA;AAAA,MACW,8BAAAO,EAAA;AAAA,IACE,EAAA;AAIxD,IAAAI,EAAAC,GAAAvB,CAAA;AAGA,UAAAwB,IAAAjB,EAAA,MAAA;AAEI,YAAAkB,IAAAjB,EAAA,QAAA,IAAA,CAAAkB,OAAA;AAAA,QAA6C,GAAAA;AAAA,QACtC,SAAA;AAAA,MACM,EAAA,GAGbC,IAAAF,EAAA,MAAA,GAAAT,EAAA,KAAA,EAAA,QAAA,GACAY,IAAAH,EAAA,MAAAT,EAAA,KAAA;AAEA,aAAA,CAAA,GAAAW,GAAA,GAAAC,CAAA;AAAA,IAAyC,CAAA,GAG7CC,IAAAtB,EAAA,MAAA;AAAA,MAAmE;AAAA,QAC/D,OAAAJ,EAAA,MAAA;AAAA,QACmB,OAAA,MAAA2B,EAAA,MAAA;AAAA,MACS;AAAA,MAC5B;AAAA,QACA,OAAA3B,EAAA,QAAA;AAAA,QACqB,SAAA;AAAA,QACR,OAAA,MAAA2B,EAAA,QAAA;AAAA,MACiB;AAAA,IAC9B,CAAA,GAIJC,IAAA,YAAA;AACI,YAAAC,EAAA,GACAlB,EAAA,QAAAL,EAAA,MAAA,cAAAP,IAAAH,KAAAiB,EAAA,QAAAC,EAAA,UAIID,EAAA,SAAA,GACAe,EAAA;AAAA,IACJ,GAGJE,IAAA,YAAA;AACI,YAAAD,EAAA,GACAlB,EAAA,QAAAL,EAAA,MAAA,cAAAP,KAAAc,EAAA,QAAA,MACIA,EAAA,SAAA,GACAiB,EAAA;AAAA,IACJ;AAIJ,WAAAd;AAAA,MAAA,MAAAL,EAAA;AAAA,MACgB,OAAAoB,GAAAC,MAAA;AAGR,YADA,MAAAH,EAAA,GACA,CAAAvB,EAAA;AACI;AAEJ,cAAA2B,IAAAF,IAAAC;AACA,QAAArB,EAAA,QAAAb,IACIe,EAAA,QAAA,IAAiCoB,IAEjCL,EAAA,IAEAE,EAAA;AAAA,MACJ;AAAA,MACJ,EAAA,WAAA,GAAA;AAAA,IACkB;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"action-bar.kPPYSgQK.js","sources":["../../src/components/action-bar/action-bar.vue"],"sourcesContent":["<template>\n    <Transition name=\"b-action-bar__animation\" appear>\n        <section class=\"b-action-bar\" :class=\"conditionalClasses\" :aria-label=\"t('actionBar')\">\n            <div ref=\"actionBar\" class=\"b-action-bar__container\">\n                <div v-if=\"!isConfirmationVariant\" class=\"b-action-bar__close-button\">\n                    <bento-button variant=\"tertiary\" inverse :aria-label=\"t('close')\" @click=\"emit('close')\">\n                        <template #iconLeft><cross-icon :aria-hidden=\"true\" /></template>\n                    </bento-button>\n                </div>\n                <bento-typography el=\"span\" stronger class=\"b-action-bar__selection\">\n                    {{ itemCounter }} {{ isConfirmationVariant ? tc('unsavedChanges', itemCounter) : label }}\n                </bento-typography>\n                <bento-button-actions\n                    v-if=\"isConfirmationVariant\"\n                    :actions=\"confirmationActions\"\n                    class=\"b-action-bar__actions\"\n                    inverse\n                />\n                <button-actions-with-menu\n                    v-else\n                    :actions=\"actionsInternal\"\n                    class=\"b-action-bar__actions\"\n                    :displayed-actions=\"internalDisplayedActions\"\n                    menu-position=\"top-end\"\n                    inverse\n                />\n            </div>\n        </section>\n    </Transition>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, nextTick, PropType, provide, ref, toRefs, watch } from 'vue';\n    import { BentoButton, BentoButtonActions, BentoButtonActionsList } from '@/components/button';\n    import { BentoTypography } from '@/components/typography';\n\n    import { type BentoActionBarVariant } from '@/components/action-bar/action-bar.types';\n    import ButtonActionsWithMenu from '@/components/internal/button-actions-with-menu/button-actions-with-menu.vue';\n    import CrossIcon from '@adyen/ui-assets-icons-16/vue/cross';\n\n    import { useI18n } from '@/utils/ts/i18n';\n    import { useWindowSize } from '@vueuse/core';\n\n    import messages from './messages.json';\n    import { POPOVER_OFFSET_INJECTION_KEY } from '@/components/popover/popover.keys';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    // Constants\n    const AVERAGE_BUTTON_SIZE = 100;\n    const MENU_OFFSET = 7;\n    const RESPONSIVE_BREAKPOINT = 500;\n    const SPACING = 32;\n\n    const props = defineProps({\n        /**\n         * List of actions that will be used to render the buttons.\n         * Required and used for the `default` variant.\n         *\n         * Each object in the list should have a `title`, an `event` and,\n         * optionally, an `icon`.\n         *\n         * The component will display 4 actions and the hide the rest inside a menu.\n         *\n         * @see BentoButton for a list of all the other props supported by each button action.\n         */\n        actions: {\n            type: Array as PropType<BentoButtonActionsList>,\n            default: () => [],\n        },\n        /**\n         * How many actions should be visible outside the menu, cannot be more than 4\n         */\n        visibleActions: {\n            type: Number,\n            default: 4,\n            validator: (value: number) => value > 0 && value <= 4,\n        },\n        /**\n         * Use when there are sticky elements at the bottom, like sticky pagination\n         */\n        extraBottomSpacing: {\n            type: Boolean,\n            default: false,\n        },\n        /**\n         * Show how many items are selected\n         */\n        itemCounter: {\n            type: Number,\n            required: true,\n        },\n        /**\n         * Label for the selection, e.g. 'selected'/'changed'\n         */\n        selectionLabel: {\n            type: String,\n            default: null,\n        },\n        /**\n         * Variant for the action bar\n         * @values default, confirmation\n         */\n        variant: {\n            type: String as PropType<BentoActionBarVariant>,\n            default: 'default',\n        },\n    });\n\n    const emit = defineEmits([\"close\", \"cancel\", \"save\"]);\n\n    const { t, tc } = useI18n<{ message: MessageSchema }>({ messages });\n    const label = computed(() => (props.selectionLabel ? props.selectionLabel : t('selected')));\n\n    // Refs\n    const actionBar = ref<HTMLDivElement>(null);\n    const { extraBottomSpacing, visibleActions } = toRefs(props);\n    const { width } = useWindowSize();\n    const internalDisplayedActions = ref(null);\n    const internalVisibleActions = ref(null);\n\n    const isConfirmationVariant = computed(() => props.variant === 'confirmation');\n\n    watch(\n        () => visibleActions.value,\n        value => {\n            internalVisibleActions.value = value <= 4 ? value : 4;\n            internalDisplayedActions.value = internalVisibleActions.value;\n        },\n        { immediate: true }\n    );\n\n    // Styling\n    const conditionalClasses = computed(() => ({\n        'b-action-bar--extra-spacing': extraBottomSpacing.value,\n        'b-action-bar--confirmation': isConfirmationVariant.value,\n    }));\n\n    // Provide POPOVER_OFFSET_INJECTION_KEY to change the value of the popover offset\n    provide(POPOVER_OFFSET_INJECTION_KEY, MENU_OFFSET);\n\n    // Manipulate actions array to display as intended\n    const actionsInternal = computed(() => {\n        // All buttons should be of type secondary in the action bar\n        const actions = props.actions.map(action => ({\n            ...action,\n            variant: 'secondary',\n        })) as BentoButtonActionsList;\n        // Shown actions should display from left to right in action bar, instead of right to left which is the button actions default\n        const shownActions = actions.slice(0, internalDisplayedActions.value).reverse();\n        const hiddenActions = actions.slice(internalDisplayedActions.value);\n\n        return [...shownActions, ...hiddenActions];\n    });\n\n    const confirmationActions = computed<BentoButtonActionsList>(() => [\n        {\n            title: t('save'),\n            event: () => emit('save'),\n        },\n        {\n            title: t('cancel'),\n            variant: 'secondary',\n            event: () => emit('cancel'),\n        },\n    ]);\n\n    // Recursive functions to determine how many actions should be visible/hidden based on the screens width\n    const showActions = async () => {\n        await nextTick();\n        if (\n            width.value > actionBar.value.clientWidth + SPACING + AVERAGE_BUTTON_SIZE &&\n            internalDisplayedActions.value < internalVisibleActions.value\n        ) {\n            internalDisplayedActions.value += 1;\n            showActions();\n        }\n    };\n\n    const hideActions = async () => {\n        await nextTick();\n        if (width.value < actionBar.value.clientWidth + SPACING && internalDisplayedActions.value > 0) {\n            internalDisplayedActions.value -= 1;\n            hideActions();\n        }\n    };\n\n    // Screen width watcher to toggle hidden/visible actions\n    watch(\n        () => width.value,\n        async (newValue, oldValue) => {\n            await nextTick();\n            if (!actionBar.value) {\n                return;\n            }\n            const isIncreasing = newValue > oldValue;\n            if (width.value < RESPONSIVE_BREAKPOINT) {\n                internalDisplayedActions.value = 0;\n            } else if (isIncreasing) {\n                showActions();\n            } else {\n                hideActions();\n            }\n        },\n        { immediate: true }\n    );\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Action bar is a floating bar that provides users with quick access to key actions that can be applied to one or multiple items.\n     *\n     * @example\n     * import { BentoActionBar } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoActionBar },\n     *     template: `\n     *          <bento-action-bar\n     *               :actions='[\n     *                   {\n     *                       title: 'Delete',\n     *                       critical: true,\n     *                       icon: BinIcon,\n     *                       event: () => true,\n     *                   },\n     *                   {\n     *                       title: 'Edit',\n     *                       icon: EditIcon,\n     *                       event: () => true,\n     *                   }\n     *               ]'\n     *               @close=\"closeAction\"\n     *               :item-counter=\"5\"\n     *           />\n     *     `\n     * }\n     */\n    export default {\n        i18n: { messages },\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./action-bar.scss\" />\n"],"names":["__default__","messages","AVERAGE_BUTTON_SIZE","MENU_OFFSET","RESPONSIVE_BREAKPOINT","SPACING","t","tc","useI18n","label","computed","props","actionBar","ref","extraBottomSpacing","visibleActions","toRefs","width","useWindowSize","internalDisplayedActions","internalVisibleActions","isConfirmationVariant","watch","value","conditionalClasses","provide","POPOVER_OFFSET_INJECTION_KEY","actionsInternal","actions","action","shownActions","hiddenActions","confirmationActions","emit","showActions","nextTick","hideActions","newValue","oldValue","isIncreasing"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8OIA,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA/LAC,IAAA,KACAC,IAAA,GACAC,IAAA,KACAC,IAAA,IA2DA,EAAA,GAAAC,GAAA,IAAAC,EAAA,IAAAC,EAAA,GACAC,IAAAC,EAAA,MAAAC,EAAA,iBAAAA,EAAA,iBAAAL,EAAA,UAAA,CAAA,GAGAM,IAAAC,EAAA,IAAA,GACA,EAAA,oBAAAC,GAAA,gBAAAC,EAAA,IAAAC,EAAAL,CAAA,GACA,EAAA,OAAAM,EAAA,IAAAC,EAAA,GACAC,IAAAN,EAAA,IAAA,GACAO,IAAAP,EAAA,IAAA,GAEAQ,IAAAX,EAAA,MAAAC,EAAA,YAAA,cAAA;AAEA,IAAAW;AAAA,MAAA,MAAAP,EAAA;AAAA,MACyB,CAAAQ,MAAA;AAEjB,QAAAH,EAAA,QAAAG,KAAA,IAAAA,IAAA,GACAJ,EAAA,QAAAC,EAAA;AAAA,MAAwD;AAAA,MAC5D,EAAA,WAAA,GAAA;AAAA,IACkB;AAItB,UAAAI,IAAAd,EAAA,OAAA;AAAA,MAA2C,+BAAAI,EAAA;AAAA,MACW,8BAAAO,EAAA;AAAA,IACE,EAAA;AAIxD,IAAAI,EAAAC,GAAAvB,CAAA;AAGA,UAAAwB,IAAAjB,EAAA,MAAA;AAEI,YAAAkB,IAAAjB,EAAA,QAAA,IAAA,CAAAkB,OAAA;AAAA,QAA6C,GAAAA;AAAA,QACtC,SAAA;AAAA,MACM,EAAA,GAGbC,IAAAF,EAAA,MAAA,GAAAT,EAAA,KAAA,EAAA,QAAA,GACAY,IAAAH,EAAA,MAAAT,EAAA,KAAA;AAEA,aAAA,CAAA,GAAAW,GAAA,GAAAC,CAAA;AAAA,IAAyC,CAAA,GAG7CC,IAAAtB,EAAA,MAAA;AAAA,MAAmE;AAAA,QAC/D,OAAAJ,EAAA,MAAA;AAAA,QACmB,OAAA,MAAA2B,EAAA,MAAA;AAAA,MACS;AAAA,MAC5B;AAAA,QACA,OAAA3B,EAAA,QAAA;AAAA,QACqB,SAAA;AAAA,QACR,OAAA,MAAA2B,EAAA,QAAA;AAAA,MACiB;AAAA,IAC9B,CAAA,GAIJC,IAAA,YAAA;AACI,YAAAC,EAAA,GACAlB,EAAA,QAAAL,EAAA,MAAA,cAAAP,IAAAH,KAAAiB,EAAA,QAAAC,EAAA,UAIID,EAAA,SAAA,GACAe,EAAA;AAAA,IACJ,GAGJE,IAAA,YAAA;AACI,YAAAD,EAAA,GACAlB,EAAA,QAAAL,EAAA,MAAA,cAAAP,KAAAc,EAAA,QAAA,MACIA,EAAA,SAAA,GACAiB,EAAA;AAAA,IACJ;AAIJ,WAAAd;AAAA,MAAA,MAAAL,EAAA;AAAA,MACgB,OAAAoB,GAAAC,MAAA;AAGR,YADA,MAAAH,EAAA,GACA,CAAAvB,EAAA;AACI;AAEJ,cAAA2B,IAAAF,IAAAC;AACA,QAAArB,EAAA,QAAAb,IACIe,EAAA,QAAA,IAAiCoB,IAEjCL,EAAA,IAEAE,EAAA;AAAA,MACJ;AAAA,MACJ,EAAA,WAAA,GAAA;AAAA,IACkB;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/{alert.Y4JUnmhl.js → alert.D2Z_aiFC.js}

@@ -4,12 +4,12 @@ import { B as H } from "./button.CufUNBkv.js";
 import { C as B } from "./cross-small.BLUwtRB-.js";
 import { W as w } from "./warning-filled.CLKRzGMT.js";
 import { C as L } from "./cross-circle-fill.CnYH4R_h.js";
-import { C as R } from "./checkmark-circle-fill.DVl6QSwm.js";
+import { C as R } from "./checkmark-circle-fill.Cn7JN_Tk.js";
 import { n as p } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
 import { u as E } from "./use-has-slot.C9lQZ6nz.js";
 import { u as G } from "./i18n.BQkEbtPM.js";
 import "../assets/alert.css";
-var n = /* @__PURE__ */ ((e) => (e.DEFAULT = "default", e.TIP = "tip", e))(n || {}), o = /* @__PURE__ */ ((e) => (e.WARNING = "warning", e.CRITICAL = "critical", e.HIGHLIGHT = "highlight", e.SUCCESS = "success", e))(o || {}), u = /* @__PURE__ */ ((e) => (e.CLOSE_ALERT = "close-alert", e))(u || {});
+var i = /* @__PURE__ */ ((a) => (a.DEFAULT = "default", a.TIP = "tip", a))(i || {}), o = /* @__PURE__ */ ((a) => (a.WARNING = "warning", a.CRITICAL = "critical", a.HIGHLIGHT = "highlight", a.SUCCESS = "success", a))(o || {}), C = /* @__PURE__ */ ((a) => (a.CLOSE_ALERT = "close-alert", a))(C || {});
 let _ = 0;
 const V = {
   beforeCreate() {
@@ -19,15 +19,15 @@ const V = {
 var $ = function() {
   var s = this, t = s._self._c;
   return t("svg", s._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", s.$attrs, !1), [s.$attrs["svg-title"] ? t("title", [s._v(s._s(s.$attrs["svg-title"]))]) : s._e(), t("g", { attrs: { "clip-path": "url(#uia-icons-16-info_filled__a" + s.uuid + ")" } }, [t("path", { attrs: { fill: "#00112C", d: "M5.0342 0.839937C6.45033 0.253358 8.00859 0.0998821 9.51195 0.398918C11.0153 0.697953 12.3962 1.43607 13.4801 2.51993C14.5639 3.60378 15.3021 4.9847 15.6011 6.48805C15.9001 7.99141 15.7466 9.54967 15.1601 10.9658C14.5735 12.3819 13.5801 13.5923 12.3057 14.4439C11.0312 15.2955 9.53281 15.75 8 15.75C5.94457 15.75 3.97333 14.9335 2.51992 13.4801C1.06652 12.0267 0.25 10.0554 0.25 8C0.25 6.4672 0.704529 4.96881 1.55611 3.69433C2.40769 2.41985 3.61808 1.42652 5.0342 0.839937ZM8.75 4.5C8.75 4.23478 8.64464 3.98043 8.45711 3.79289C8.26957 3.60536 8.01522 3.5 7.75 3.5C7.55222 3.5 7.35888 3.55865 7.19443 3.66853C7.02998 3.77841 6.90181 3.93459 6.82612 4.11732C6.75043 4.30004 6.73063 4.50111 6.76921 4.69509C6.8078 4.88907 6.90304 5.06725 7.04289 5.20711C7.18275 5.34696 7.36093 5.4422 7.55491 5.48079C7.74889 5.51937 7.94996 5.49957 8.13268 5.42388C8.31541 5.34819 8.47159 5.22002 8.58147 5.05557C8.69135 4.89112 8.75 4.69778 8.75 4.5ZM8.75 6.25H6.25V7.75H7.25V10.25H6.25V11.75H9.75V10.25H8.75V6.25Z" } })]), t("defs", [t("clipPath", { attrs: { id: "uia-icons-16-info_filled__a" + s.uuid } }, [t("rect", { attrs: { width: "16", height: "16", fill: "#fff" } })])])]);
-}, A = [], P = /* @__PURE__ */ p(
+}, F = [], A = /* @__PURE__ */ p(
   V,
   $,
-  A,
+  F,
   !1,
   null,
   null
 );
-const F = P.exports, k = {
+const P = A.exports, k = {
   "en-US": {
     highlightIcon: "Highlight icon",
     successIcon: "Success icon",
@@ -49,13 +49,13 @@ const F = P.exports, k = {
   props: {
     closeButton: { type: Boolean, default: !1 },
     type: { default: o.HIGHLIGHT },
-    variant: { default: n.DEFAULT }
+    variant: { default: i.DEFAULT }
   },
   emits: ["close-alert"],
-  setup(e, { emit: s }) {
-    const t = e, a = y(), C = E(a), { t: l } = G(), i = r(() => t.variant === n.TIP), d = r(() => ({
+  setup(a, { emit: s }) {
+    const t = a, e = y(), u = E(e), { t: l } = G(), n = r(() => t.variant === i.TIP), d = r(() => ({
       [`b-alert--${t.type}`]: t.type,
-      [`b-alert--${n.TIP}`]: i.value
+      [`b-alert--${i.TIP}`]: n.value
     })), f = r(() => l(`${t.type}Icon`)), m = r(() => {
       switch (t.type) {
         case o.CRITICAL:
@@ -66,24 +66,24 @@ const F = P.exports, k = {
           return w;
         case o.HIGHLIGHT:
         default:
-          return F;
+          return P;
       }
     }), h = r(() => ({
       el: S.DIV,
-      variant: i.value ? c.CAPTION : c.BODY,
+      variant: n.value ? c.CAPTION : c.BODY,
       wide: !0
     })), g = r(() => t.type === o.HIGHLIGHT ? "status" : "alert"), v = () => {
-      s(u.CLOSE_ALERT);
+      s(C.CLOSE_ALERT);
     };
     return T(() => {
-      if (!a.default && !a.description)
+      if (!e.default && !e.description)
         throw new Error("Alert Component requires a title or a description");
-    }), { __sfc: !0, slots: a, hasSlot: C, emit: s, props: t, t: l, isTipVariant: i, alertConditionalClasses: d, iconSvgTitle: f, iconComponent: m, descriptionTypography: h, computedRole: g, onCloseButtonClick: v, BentoTypography: b, BentoButton: H, CrossSmall: B };
+    }), { __sfc: !0, slots: e, hasSlot: u, emit: s, props: t, t: l, isTipVariant: n, alertConditionalClasses: d, iconSvgTitle: f, iconComponent: m, descriptionTypography: h, computedRole: g, onCloseButtonClick: v, BentoTypography: b, BentoButton: H, CrossSmall: B };
   }
 });
 var U = function() {
-  var s = this, t = s._self._c, a = s._self._setupProxy;
-  return t("div", { staticClass: "b-alert", attrs: { role: a.computedRole } }, [t("div", { staticClass: "b-alert__inner-container", class: a.alertConditionalClasses }, [t("div", { staticClass: "b-alert__icon" }, [t(a.iconComponent, { tag: "component", attrs: { "aria-hidden": "true", "svg-title": a.iconSvgTitle } })], 1), t("div", { staticClass: "b-alert__content" }, [a.hasSlot("default") && !a.isTipVariant ? t(a.BentoTypography, { staticClass: "b-alert__title", attrs: { el: "div", variant: "body", strongest: "", wide: "" } }, [s._t("default")], 2) : s._e(), a.hasSlot("description") ? t(a.BentoTypography, s._b({ staticClass: "b-alert__description", attrs: { "data-testid": "alert-description" } }, "bento-typography", a.descriptionTypography, !1), [s._t("description")], 2) : s._e(), a.hasSlot("actions") && !a.isTipVariant ? t("div", { staticClass: "b-alert__actions", attrs: { "data-testid": "alert-actions" } }, [s._t("actions")], 2) : s._e()], 1), s.closeButton && !a.isTipVariant ? t(a.BentoButton, { staticClass: "b-alert__close-button", attrs: { variant: "tertiary", type: "button" }, on: { click: a.onCloseButtonClick } }, [t(a.CrossSmall, { attrs: { "svg-title": a.t("close") } })], 1) : s._e()], 1)]);
+  var s = this, t = s._self._c, e = s._self._setupProxy;
+  return t("div", { staticClass: "b-alert", attrs: { role: e.computedRole } }, [t("div", { staticClass: "b-alert__inner-container", class: e.alertConditionalClasses }, [t("div", { staticClass: "b-alert__icon" }, [t(e.iconComponent, { tag: "component", attrs: { "aria-hidden": "true", "svg-title": e.iconSvgTitle } })], 1), t("div", { staticClass: "b-alert__content" }, [e.hasSlot("default") && !e.isTipVariant ? t(e.BentoTypography, { staticClass: "b-alert__title", attrs: { el: "div", variant: "body", strongest: "", wide: "" } }, [s._t("default")], 2) : s._e(), e.hasSlot("description") ? t(e.BentoTypography, s._b({ staticClass: "b-alert__description", attrs: { "data-testid": "alert-description" } }, "bento-typography", e.descriptionTypography, !1), [s._t("description")], 2) : s._e(), e.hasSlot("actions") && !e.isTipVariant ? t("div", { staticClass: "b-alert__actions", attrs: { "data-testid": "alert-actions" } }, [s._t("actions")], 2) : s._e()], 1), s.closeButton && !e.isTipVariant ? t(e.BentoButton, { staticClass: "b-alert__close-button", attrs: { variant: "tertiary", type: "button" }, on: { click: e.onCloseButtonClick } }, [t(e.CrossSmall, { attrs: { "svg-title": e.t("close") } })], 1) : s._e()], 1)]);
 }, W = [], D = /* @__PURE__ */ p(
   N,
   U,
@@ -95,8 +95,8 @@ var U = function() {
 const X = D.exports;
 export {
   X as B,
-  n as a,
+  i as a,
   o as b,
-  u as c
+  C as c
 };
-//# sourceMappingURL=alert.Y4JUnmhl.js.map
+//# sourceMappingURL=alert.D2Z_aiFC.js.map

package/dist/chunks/{alert.Y4JUnmhl.js.map → alert.D2Z_aiFC.js.map}

@@ -1 +1 @@
-{"version":3,"file":"alert.Y4JUnmhl.js","sources":["../../src/components/alert/alert.types.ts","../../../../node_modules/.pnpm/@adyen+ui-assets-icons-16@4.1.0_vue@2.7.16/node_modules/@adyen/ui-assets-icons-16/dist/vue/info-filled.vue","../../src/components/alert/alert.vue"],"sourcesContent":["/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoAlertVariant {\n    DEFAULT = 'default',\n    TIP = 'tip',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoAlertTypeOption {\n    WARNING = 'warning',\n    CRITICAL = 'critical',\n    HIGHLIGHT = 'highlight',\n    SUCCESS = 'success',\n}\n\n/**\n * @deprecated from version 2.0.0. Use \"@close-alert\" instead.\n */\nexport enum BentoAlertEvent {\n    CLOSE_ALERT = 'close-alert',\n}\n","\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><g :clip-path=\"'url(#uia-icons-16-info_filled__a' + uuid + ')'\"><path fill=\"#00112C\" d=\"M5.0342 0.839937C6.45033 0.253358 8.00859 0.0998821 9.51195 0.398918C11.0153 0.697953 12.3962 1.43607 13.4801 2.51993C14.5639 3.60378 15.3021 4.9847 15.6011 6.48805C15.9001 7.99141 15.7466 9.54967 15.1601 10.9658C14.5735 12.3819 13.5801 13.5923 12.3057 14.4439C11.0312 15.2955 9.53281 15.75 8 15.75C5.94457 15.75 3.97333 14.9335 2.51992 13.4801C1.06652 12.0267 0.25 10.0554 0.25 8C0.25 6.4672 0.704529 4.96881 1.55611 3.69433C2.40769 2.41985 3.61808 1.42652 5.0342 0.839937ZM8.75 4.5C8.75 4.23478 8.64464 3.98043 8.45711 3.79289C8.26957 3.60536 8.01522 3.5 7.75 3.5C7.55222 3.5 7.35888 3.55865 7.19443 3.66853C7.02998 3.77841 6.90181 3.93459 6.82612 4.11732C6.75043 4.30004 6.73063 4.50111 6.76921 4.69509C6.8078 4.88907 6.90304 5.06725 7.04289 5.20711C7.18275 5.34696 7.36093 5.4422 7.55491 5.48079C7.74889 5.51937 7.94996 5.49957 8.13268 5.42388C8.31541 5.34819 8.47159 5.22002 8.58147 5.05557C8.69135 4.89112 8.75 4.69778 8.75 4.5ZM8.75 6.25H6.25V7.75H7.25V10.25H6.25V11.75H9.75V10.25H8.75V6.25Z\"/></g><defs><clipPath :id=\"'uia-icons-16-info_filled__a' + uuid\"><rect width=\"16\" height=\"16\" fill=\"#fff\"/></clipPath></defs></svg>\n</template>\n<script>\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n<style>\n    @import '../css/main.css';\n</style>\n","<template>\n    <div class=\"b-alert\" :role=\"computedRole\">\n        <div class=\"b-alert__inner-container\" :class=\"alertConditionalClasses\">\n            <div class=\"b-alert__icon\">\n                <component :is=\"iconComponent\" aria-hidden=\"true\" :svg-title=\"iconSvgTitle\" />\n            </div>\n\n            <div class=\"b-alert__content\">\n                <bento-typography\n                    v-if=\"hasSlot('default') && !isTipVariant\"\n                    class=\"b-alert__title\"\n                    el=\"div\"\n                    variant=\"body\"\n                    strongest\n                    wide\n                >\n                    <slot />\n                </bento-typography>\n\n                <bento-typography\n                    v-if=\"hasSlot('description')\"\n                    class=\"b-alert__description\"\n                    v-bind=\"descriptionTypography\"\n                    data-testid=\"alert-description\"\n                >\n                    <slot name=\"description\" />\n                </bento-typography>\n\n                <div v-if=\"hasSlot('actions') && !isTipVariant\" class=\"b-alert__actions\" data-testid=\"alert-actions\">\n                    <slot name=\"actions\" />\n                </div>\n            </div>\n\n            <bento-button\n                v-if=\"closeButton && !isTipVariant\"\n                class=\"b-alert__close-button\"\n                variant=\"tertiary\"\n                type=\"button\"\n                @click=\"onCloseButtonClick\"\n            >\n                <cross-small :svg-title=\"t('close')\" />\n            </bento-button>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, onMounted, useSlots } from 'vue';\n\n    // Component\n    import { BentoAlertEvent, BentoAlertTypeOption, BentoAlertVariant } from '@/components/alert/alert.types';\n    import { BentoTypography, BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';\n    import { BentoButton } from '@/components/button';\n\n    import CrossSmall from '@adyen/ui-assets-icons-16/vue/cross-small';\n    import Warning from '@adyen/ui-assets-icons-16/vue/warning-filled';\n    import CrossCircle from '@adyen/ui-assets-icons-16/vue/cross-circle-fill';\n    import CheckedCircle from '@adyen/ui-assets-icons-16/vue/checkmark-circle-fill';\n    import Info from '@adyen/ui-assets-icons-16/vue/info-filled';\n\n    // Utils\n    import { useHasSlot } from '@/composables';\n    import { useI18n } from '@/utils/ts/i18n';\n\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n\n    const emit = defineEmits([\"close-alert\"]);\n\n    const props = defineProps({\n  closeButton: { type: Boolean, default: false },\n  type: { default: BentoAlertTypeOption.HIGHLIGHT },\n  variant: { default: BentoAlertVariant.DEFAULT }\n});\n\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n    const isTipVariant = computed(() => props.variant === BentoAlertVariant.TIP);\n\n    const alertConditionalClasses = computed(() => ({\n        [`b-alert--${props.type}`]: props.type,\n        [`b-alert--${BentoAlertVariant.TIP}`]: isTipVariant.value,\n    }));\n\n    const iconSvgTitle = computed(() => t(`${props.type}Icon`));\n\n    const iconComponent = computed(() => {\n        switch (props.type) {\n            case BentoAlertTypeOption.CRITICAL:\n                return CrossCircle;\n            case BentoAlertTypeOption.SUCCESS:\n                return CheckedCircle;\n            case BentoAlertTypeOption.WARNING:\n                return Warning;\n            case BentoAlertTypeOption.HIGHLIGHT:\n            default:\n                return Info;\n        }\n    });\n\n    const descriptionTypography = computed(() => ({\n        el: BentoTypographyElement.DIV,\n        variant: isTipVariant.value ? BentoTypographyVariant.CAPTION : BentoTypographyVariant.BODY,\n        wide: true,\n    }));\n\n    const computedRole = computed(() => (props.type === BentoAlertTypeOption.HIGHLIGHT ? 'status' : 'alert'));\n\n    const onCloseButtonClick = () => {\n        emit(BentoAlertEvent.CLOSE_ALERT);\n    };\n\n    onMounted(() => {\n        if (!slots.default && !slots.description) {\n            throw new Error('Alert Component requires a title or a description');\n        }\n    });\n</script>\n\n<script lang=\"ts\">\n    /**\n     * An Alert component is used to display a persistent\n     * notification containing information important to the user\n     *\n     * @example\n     * import { BentoAlert, BentoAlertTypeOption } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoAlert },\n     *     template: `\n     *          <bento-alert type=\"highlight\">\n     *              Title of the Alert\n     *          </bento-alert>\n     *     `\n     * }\n     */\n    export default {\n        i18n: { messages },\n        name: 'bento-alert',\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./alert.scss\" />\n"],"names":["BentoAlertVariant","BentoAlertVariant2","BentoAlertTypeOption","BentoAlertTypeOption2","BentoAlertEvent","BentoAlertEvent2","uuid","_sfc_main$1","__default__","messages","slots","useSlots","hasSlot","useHasSlot","t","useI18n","isTipVariant","computed","props","alertConditionalClasses","iconSvgTitle","iconComponent","CrossCircleFillIcon","CheckmarkIcon","WarningIcon","Info","descriptionTypography","BentoTypographyElement","BentoTypographyVariant","computedRole","onCloseButtonClick","emit","onMounted"],"mappings":";;;;;;;;;;;AAGY,IAAAA,IAAA,kBAAAC,OACRA,EAAA,UAAA,WACAA,EAAA,MAAA,OAFQA,IAAAD,KAAA,CAAA,CAAA,GAQAE,IAAA,kBAAAC,OACRA,EAAA,UAAA,WACAA,EAAA,WAAA,YACAA,EAAA,YAAA,aACAA,EAAA,UAAA,WAJQA,IAAAD,KAAA,CAAA,CAAA,GAUAE,IAAA,kBAAAC,OACRA,EAAA,cAAA,eADQA,IAAAD,KAAA,CAAA,CAAA;AChBZ,IAAAE,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;GCgIIE,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAAA,EACM,MAAA;AAErB;;;;;;;;;iBA3EAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAUA,EAAA,GAAAI,EAAA,IAAAC,EAAA,GAEAC,IAAAC,EAAA,MAAAC,EAAA,YAAAlB,EAAA,GAAA,GAEAmB,IAAAF,EAAA,OAAA;AAAA,MAAgD,CAAA,YAAAC,EAAA,IAAA,EAAA,GAAAA,EAAA;AAAA,MACV,CAAA,YAAAlB,EAAA,GAAA,EAAA,GAAAgB,EAAA;AAAA,IACkB,EAAA,GAGxDI,IAAAH,EAAA,MAAAH,EAAA,GAAAI,EAAA,IAAA,MAAA,CAAA,GAEAG,IAAAJ,EAAA,MAAA;AACI,cAAAC,EAAA,MAAA;AAAA,QAAoB,KAAAhB,EAAA;AAEZ,iBAAAoB;AAAA,QAAO,KAAApB,EAAA;AAEP,iBAAAqB;AAAA,QAAO,KAAArB,EAAA;AAEP,iBAAAsB;AAAA,QAAO,KAAAtB,EAAA;AAAA,QACe;AAEtB,iBAAAuB;AAAA,MAAO;AAAA,IACf,CAAA,GAGJC,IAAAT,EAAA,OAAA;AAAA,MAA8C,IAAAU,EAAA;AAAA,MACf,SAAAX,EAAA,QAAAY,EAAA,UAAAA,EAAA;AAAA,MAC2D,MAAA;AAAA,IAChF,EAAA,GAGVC,IAAAZ,EAAA,MAAAC,EAAA,SAAAhB,EAAA,YAAA,WAAA,OAAA,GAEA4B,IAAA,MAAA;AACI,MAAAC,EAAA3B,EAAA,WAAA;AAAA,IAAgC;AAGpC,WAAA4B,EAAA,MAAA;AACI,UAAA,CAAAtB,EAAA,WAAA,CAAAA,EAAA;AACI,cAAA,IAAA,MAAA,mDAAA;AAAA,IACJ,CAAA;;;;;;;;;;;;;;;","x_google_ignoreList":[1]}
+{"version":3,"file":"alert.D2Z_aiFC.js","sources":["../../src/components/alert/alert.types.ts","../../../../node_modules/.pnpm/@adyen+ui-assets-icons-16@4.1.0_vue@2.7.16/node_modules/@adyen/ui-assets-icons-16/dist/vue/info-filled.vue","../../src/components/alert/alert.vue"],"sourcesContent":["/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoAlertVariant {\n    DEFAULT = 'default',\n    TIP = 'tip',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoAlertTypeOption {\n    WARNING = 'warning',\n    CRITICAL = 'critical',\n    HIGHLIGHT = 'highlight',\n    SUCCESS = 'success',\n}\n\n/**\n * @deprecated from version 2.0.0. Use \"@close-alert\" instead.\n */\nexport enum BentoAlertEvent {\n    CLOSE_ALERT = 'close-alert',\n}\n","\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><g :clip-path=\"'url(#uia-icons-16-info_filled__a' + uuid + ')'\"><path fill=\"#00112C\" d=\"M5.0342 0.839937C6.45033 0.253358 8.00859 0.0998821 9.51195 0.398918C11.0153 0.697953 12.3962 1.43607 13.4801 2.51993C14.5639 3.60378 15.3021 4.9847 15.6011 6.48805C15.9001 7.99141 15.7466 9.54967 15.1601 10.9658C14.5735 12.3819 13.5801 13.5923 12.3057 14.4439C11.0312 15.2955 9.53281 15.75 8 15.75C5.94457 15.75 3.97333 14.9335 2.51992 13.4801C1.06652 12.0267 0.25 10.0554 0.25 8C0.25 6.4672 0.704529 4.96881 1.55611 3.69433C2.40769 2.41985 3.61808 1.42652 5.0342 0.839937ZM8.75 4.5C8.75 4.23478 8.64464 3.98043 8.45711 3.79289C8.26957 3.60536 8.01522 3.5 7.75 3.5C7.55222 3.5 7.35888 3.55865 7.19443 3.66853C7.02998 3.77841 6.90181 3.93459 6.82612 4.11732C6.75043 4.30004 6.73063 4.50111 6.76921 4.69509C6.8078 4.88907 6.90304 5.06725 7.04289 5.20711C7.18275 5.34696 7.36093 5.4422 7.55491 5.48079C7.74889 5.51937 7.94996 5.49957 8.13268 5.42388C8.31541 5.34819 8.47159 5.22002 8.58147 5.05557C8.69135 4.89112 8.75 4.69778 8.75 4.5ZM8.75 6.25H6.25V7.75H7.25V10.25H6.25V11.75H9.75V10.25H8.75V6.25Z\"/></g><defs><clipPath :id=\"'uia-icons-16-info_filled__a' + uuid\"><rect width=\"16\" height=\"16\" fill=\"#fff\"/></clipPath></defs></svg>\n</template>\n<script>\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n<style>\n    @import '../css/main.css';\n</style>\n","<template>\n    <div class=\"b-alert\" :role=\"computedRole\">\n        <div class=\"b-alert__inner-container\" :class=\"alertConditionalClasses\">\n            <div class=\"b-alert__icon\">\n                <component :is=\"iconComponent\" aria-hidden=\"true\" :svg-title=\"iconSvgTitle\" />\n            </div>\n\n            <div class=\"b-alert__content\">\n                <bento-typography\n                    v-if=\"hasSlot('default') && !isTipVariant\"\n                    class=\"b-alert__title\"\n                    el=\"div\"\n                    variant=\"body\"\n                    strongest\n                    wide\n                >\n                    <slot />\n                </bento-typography>\n\n                <bento-typography\n                    v-if=\"hasSlot('description')\"\n                    class=\"b-alert__description\"\n                    v-bind=\"descriptionTypography\"\n                    data-testid=\"alert-description\"\n                >\n                    <slot name=\"description\" />\n                </bento-typography>\n\n                <div v-if=\"hasSlot('actions') && !isTipVariant\" class=\"b-alert__actions\" data-testid=\"alert-actions\">\n                    <slot name=\"actions\" />\n                </div>\n            </div>\n\n            <bento-button\n                v-if=\"closeButton && !isTipVariant\"\n                class=\"b-alert__close-button\"\n                variant=\"tertiary\"\n                type=\"button\"\n                @click=\"onCloseButtonClick\"\n            >\n                <cross-small :svg-title=\"t('close')\" />\n            </bento-button>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, onMounted, useSlots } from 'vue';\n\n    // Component\n    import { BentoAlertEvent, BentoAlertTypeOption, BentoAlertVariant } from '@/components/alert/alert.types';\n    import { BentoTypography, BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';\n    import { BentoButton } from '@/components/button';\n\n    import CrossSmall from '@adyen/ui-assets-icons-16/vue/cross-small';\n    import Warning from '@adyen/ui-assets-icons-16/vue/warning-filled';\n    import CrossCircle from '@adyen/ui-assets-icons-16/vue/cross-circle-fill';\n    import CheckedCircle from '@adyen/ui-assets-icons-16/vue/checkmark-circle-fill';\n    import Info from '@adyen/ui-assets-icons-16/vue/info-filled';\n\n    // Utils\n    import { useHasSlot } from '@/composables';\n    import { useI18n } from '@/utils/ts/i18n';\n\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n\n    const emit = defineEmits([\"close-alert\"]);\n\n    const props = defineProps({\n  closeButton: { type: Boolean, default: false },\n  type: { default: BentoAlertTypeOption.HIGHLIGHT },\n  variant: { default: BentoAlertVariant.DEFAULT }\n});\n\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n    const isTipVariant = computed(() => props.variant === BentoAlertVariant.TIP);\n\n    const alertConditionalClasses = computed(() => ({\n        [`b-alert--${props.type}`]: props.type,\n        [`b-alert--${BentoAlertVariant.TIP}`]: isTipVariant.value,\n    }));\n\n    const iconSvgTitle = computed(() => t(`${props.type}Icon`));\n\n    const iconComponent = computed(() => {\n        switch (props.type) {\n            case BentoAlertTypeOption.CRITICAL:\n                return CrossCircle;\n            case BentoAlertTypeOption.SUCCESS:\n                return CheckedCircle;\n            case BentoAlertTypeOption.WARNING:\n                return Warning;\n            case BentoAlertTypeOption.HIGHLIGHT:\n            default:\n                return Info;\n        }\n    });\n\n    const descriptionTypography = computed(() => ({\n        el: BentoTypographyElement.DIV,\n        variant: isTipVariant.value ? BentoTypographyVariant.CAPTION : BentoTypographyVariant.BODY,\n        wide: true,\n    }));\n\n    const computedRole = computed(() => (props.type === BentoAlertTypeOption.HIGHLIGHT ? 'status' : 'alert'));\n\n    const onCloseButtonClick = () => {\n        emit(BentoAlertEvent.CLOSE_ALERT);\n    };\n\n    onMounted(() => {\n        if (!slots.default && !slots.description) {\n            throw new Error('Alert Component requires a title or a description');\n        }\n    });\n</script>\n\n<script lang=\"ts\">\n    /**\n     * An Alert component is used to display a persistent\n     * notification containing information important to the user\n     *\n     * @example\n     * import { BentoAlert, BentoAlertTypeOption } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoAlert },\n     *     template: `\n     *          <bento-alert type=\"highlight\">\n     *              Title of the Alert\n     *          </bento-alert>\n     *     `\n     * }\n     */\n    export default {\n        i18n: { messages },\n        name: 'bento-alert',\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./alert.scss\" />\n"],"names":["BentoAlertVariant","BentoAlertVariant2","BentoAlertTypeOption","BentoAlertTypeOption2","BentoAlertEvent","BentoAlertEvent2","uuid","_sfc_main$1","__default__","messages","slots","useSlots","hasSlot","useHasSlot","t","useI18n","isTipVariant","computed","props","alertConditionalClasses","iconSvgTitle","iconComponent","CrossCircleFillIcon","CheckmarkCircleFillIcon","WarningFilledIcon","Info","descriptionTypography","BentoTypographyElement","BentoTypographyVariant","computedRole","onCloseButtonClick","emit","onMounted"],"mappings":";;;;;;;;;;;AAGY,IAAAA,IAAA,kBAAAC,OACRA,EAAA,UAAA,WACAA,EAAA,MAAA,OAFQA,IAAAD,KAAA,CAAA,CAAA,GAQAE,IAAA,kBAAAC,OACRA,EAAA,UAAA,WACAA,EAAA,WAAA,YACAA,EAAA,YAAA,aACAA,EAAA,UAAA,WAJQA,IAAAD,KAAA,CAAA,CAAA,GAUAE,IAAA,kBAAAC,OACRA,EAAA,cAAA,eADQA,IAAAD,KAAA,CAAA,CAAA;AChBZ,IAAAE,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;GCgIIE,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAAA,EACM,MAAA;AAErB;;;;;;;;;iBA3EAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAUA,EAAA,GAAAI,EAAA,IAAAC,EAAA,GAEAC,IAAAC,EAAA,MAAAC,EAAA,YAAAlB,EAAA,GAAA,GAEAmB,IAAAF,EAAA,OAAA;AAAA,MAAgD,CAAA,YAAAC,EAAA,IAAA,EAAA,GAAAA,EAAA;AAAA,MACV,CAAA,YAAAlB,EAAA,GAAA,EAAA,GAAAgB,EAAA;AAAA,IACkB,EAAA,GAGxDI,IAAAH,EAAA,MAAAH,EAAA,GAAAI,EAAA,IAAA,MAAA,CAAA,GAEAG,IAAAJ,EAAA,MAAA;AACI,cAAAC,EAAA,MAAA;AAAA,QAAoB,KAAAhB,EAAA;AAEZ,iBAAAoB;AAAA,QAAO,KAAApB,EAAA;AAEP,iBAAAqB;AAAA,QAAO,KAAArB,EAAA;AAEP,iBAAAsB;AAAA,QAAO,KAAAtB,EAAA;AAAA,QACe;AAEtB,iBAAAuB;AAAA,MAAO;AAAA,IACf,CAAA,GAGJC,IAAAT,EAAA,OAAA;AAAA,MAA8C,IAAAU,EAAA;AAAA,MACf,SAAAX,EAAA,QAAAY,EAAA,UAAAA,EAAA;AAAA,MAC2D,MAAA;AAAA,IAChF,EAAA,GAGVC,IAAAZ,EAAA,MAAAC,EAAA,SAAAhB,EAAA,YAAA,WAAA,OAAA,GAEA4B,IAAA,MAAA;AACI,MAAAC,EAAA3B,EAAA,WAAA;AAAA,IAAgC;AAGpC,WAAA4B,EAAA,MAAA;AACI,UAAA,CAAAtB,EAAA,WAAA,CAAAA,EAAA;AACI,cAAA,IAAA,MAAA,mDAAA;AAAA,IACJ,CAAA;;;;;;;;;;;;;;;","x_google_ignoreList":[1]}

package/dist/chunks/{base-modal.SJX9uGT4.js → base-modal.DroVbSCn.js}

@@ -6,7 +6,7 @@ import { u as nt } from "./i18n.BQkEbtPM.js";
 import { M as st } from "./base-modal.keys.C2PQXcE2.js";
 import { g as lt } from "./generate-uid.D-HFI38h.js";
 import { B as it } from "./typography.Bu_WAKdf.js";
-import { F as rt } from "./footer-actions.B68XcD93.js";
+import { F as rt } from "./footer-actions.DwnLB4NW.js";
 import { D as ut, B as ct, b as dt, a as mt } from "./dialog-page.CplkzZGZ.js";
 import { o as pt } from "./resize.Bqks3WUm.js";
 import { G as gt, a as ft } from "./grid-layout.HvTAa4to.js";
@@ -370,4 +370,4 @@ export {
   At as g,
   Qt as h
 };
-//# sourceMappingURL=base-modal.SJX9uGT4.js.map
+//# sourceMappingURL=base-modal.DroVbSCn.js.map