@adyen/bento-vue2 1.27.0 → 1.28.0

package/dist/assets/{index33.css → 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-ab93d091]{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);overflow:hidden;width:100%;z-index:var(--b-popover-z-index)}.b-popover[data-v-ab93d091],.b-popover[data-v-ab93d091]:before,.b-popover[data-v-ab93d091]:after{box-sizing:border-box}.b-popover *[data-v-ab93d091],.b-popover *[data-v-ab93d091]:before,.b-popover *[data-v-ab93d091]:after{box-sizing:border-box}.b-popover[data-v-ab93d091] ::-webkit-scrollbar{height:14px;width:14px}.b-popover[data-v-ab93d091] ::-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-ab93d091]{width:320px}}.b-popover[data-v-ab93d091] .b-popover__arrow:before{color:transparent;display:none}.b-popover--fit-content[data-v-ab93d091]{width:fit-content}.b-popover--overflow-visible[data-v-ab93d091]{overflow:visible}.b-popover--overflow-visible .b-popover__footer[data-v-ab93d091]{border-bottom-left-radius:var(--b-popover-border-radius);border-bottom-right-radius:var(--b-popover-border-radius)}.b-popover--small[data-v-ab93d091]{width:200px}.b-popover--large[data-v-ab93d091]{width:480px}.b-popover--with-divider .b-popover__footer[data-v-ab93d091]{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-ab93d091]{padding:var(--b-popover-with-divider-content-padding)}.b-popover--without-space .b-popover__header[data-v-ab93d091],.b-popover--without-space .b-popover__content[data-v-ab93d091],.b-popover--without-space .b-popover__footer[data-v-ab93d091]{padding:var(--b-popover-without-space-padding)}.b-popover__content[data-v-ab93d091]{padding:var(--b-popover-content-padding)}.b-popover__content--with-title[data-v-ab93d091]{padding:var(--b-popover-content-with-title-padding)}.b-popover__header[data-v-ab93d091]{align-items:baseline;display:flex;justify-content:space-between;padding:var(--b-popover-header-padding)}.b-popover__header-title[data-v-ab93d091]{align-items:center;column-gap:var(--b-popover-header-title-column-gap);display:flex}.b-popover__image[data-v-ab93d091]{display:flex;overflow:hidden}.b-popover__image+.b-popover__header[data-v-ab93d091]{padding:var(--b-popover-image-header-padding)}.b-popover__image-dismiss-button[data-v-ab93d091]{position:absolute;right:var(--b-popover-image-dismiss-icon-right);top:var(--b-popover-image-dismiss-icon-top)}.b-popover__footer[data-v-ab93d091]{padding:var(--b-popover-footer-padding)}.b-popover__animation-enter-active[data-popper-placement^=top][data-v-ab93d091]{animation:fade-in-uplhpgh-ab93d091 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-in-uplhpgh-ab93d091 var(--b-popover-animation-duration) var(--b-animation-easing-enter)}@keyframes fade-in-uplhpgh-ab93d091{0%{opacity:0}to{opacity:1}}@keyframes move-in-uplhpgh-ab93d091{0%{top:8px}to{top:0}}.b-popover__animation-leave-active[data-popper-placement^=top][data-v-ab93d091]{animation:fade-out-uplhpgm-ab93d091 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-out-uplhpgm-ab93d091 var(--b-popover-animation-duration) var(--b-animation-easing-exit)}@keyframes fade-out-uplhpgm-ab93d091{0%{opacity:1}to{opacity:0}}@keyframes move-out-uplhpgm-ab93d091{0%{top:0}to{top:8px}}.b-popover__animation-enter-active[data-popper-placement^=bottom][data-v-ab93d091]{animation:fade-in-uplhphk-ab93d091 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-in-uplhphk-ab93d091 var(--b-popover-animation-duration) var(--b-animation-easing-enter)}@keyframes fade-in-uplhphk-ab93d091{0%{opacity:0}to{opacity:1}}@keyframes move-in-uplhphk-ab93d091{0%{top:-8px}to{top:0}}.b-popover__animation-leave-active[data-popper-placement^=bottom][data-v-ab93d091]{animation:fade-out-uplhpii-ab93d091 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-out-uplhpii-ab93d091 var(--b-popover-animation-duration) var(--b-animation-easing-exit)}@keyframes fade-out-uplhpii-ab93d091{0%{opacity:1}to{opacity:0}}@keyframes move-out-uplhpii-ab93d091{0%{top:0}to{top:-8px}}.b-popover__animation-enter-active[data-popper-placement^=left][data-v-ab93d091]{animation:fade-in-uplhpjg-ab93d091 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-in-uplhpjg-ab93d091 var(--b-popover-animation-duration) var(--b-animation-easing-enter)}@keyframes fade-in-uplhpjg-ab93d091{0%{opacity:0}to{opacity:1}}@keyframes move-in-uplhpjg-ab93d091{0%{left:8px}to{left:0}}.b-popover__animation-leave-active[data-popper-placement^=left][data-v-ab93d091]{animation:fade-out-uplhpk7-ab93d091 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-out-uplhpk7-ab93d091 var(--b-popover-animation-duration) var(--b-animation-easing-exit)}@keyframes fade-out-uplhpk7-ab93d091{0%{opacity:1}to{opacity:0}}@keyframes move-out-uplhpk7-ab93d091{0%{left:0}to{left:8px}}.b-popover__animation-enter-active[data-popper-placement^=right][data-v-ab93d091]{animation:fade-in-uplhpke-ab93d091 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-in-uplhpke-ab93d091 var(--b-popover-animation-duration) var(--b-animation-easing-enter)}@keyframes fade-in-uplhpke-ab93d091{0%{opacity:0}to{opacity:1}}@keyframes move-in-uplhpke-ab93d091{0%{left:-8px}to{left:0}}.b-popover__animation-leave-active[data-popper-placement^=right][data-v-ab93d091]{animation:fade-out-uplhpkj-ab93d091 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-out-uplhpkj-ab93d091 var(--b-popover-animation-duration) var(--b-animation-easing-exit)}@keyframes fade-out-uplhpkj-ab93d091{0%{opacity:1}to{opacity:0}}@keyframes move-out-uplhpkj-ab93d091{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-ab93d091]{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);overflow:hidden;width:100%;z-index:var(--b-popover-z-index)}.b-popover[data-v-ab93d091],.b-popover[data-v-ab93d091]:before,.b-popover[data-v-ab93d091]:after{box-sizing:border-box}.b-popover *[data-v-ab93d091],.b-popover *[data-v-ab93d091]:before,.b-popover *[data-v-ab93d091]:after{box-sizing:border-box}.b-popover[data-v-ab93d091] ::-webkit-scrollbar{height:14px;width:14px}.b-popover[data-v-ab93d091] ::-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-ab93d091]{width:320px}}.b-popover[data-v-ab93d091] .b-popover__arrow:before{color:transparent;display:none}.b-popover--fit-content[data-v-ab93d091]{width:fit-content}.b-popover--overflow-visible[data-v-ab93d091]{overflow:visible}.b-popover--overflow-visible .b-popover__footer[data-v-ab93d091]{border-bottom-left-radius:var(--b-popover-border-radius);border-bottom-right-radius:var(--b-popover-border-radius)}.b-popover--small[data-v-ab93d091]{width:200px}.b-popover--large[data-v-ab93d091]{width:480px}.b-popover--with-divider .b-popover__footer[data-v-ab93d091]{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-ab93d091]{padding:var(--b-popover-with-divider-content-padding)}.b-popover--without-space .b-popover__header[data-v-ab93d091],.b-popover--without-space .b-popover__content[data-v-ab93d091],.b-popover--without-space .b-popover__footer[data-v-ab93d091]{padding:var(--b-popover-without-space-padding)}.b-popover__content[data-v-ab93d091]{padding:var(--b-popover-content-padding)}.b-popover__content--with-title[data-v-ab93d091]{padding:var(--b-popover-content-with-title-padding)}.b-popover__header[data-v-ab93d091]{align-items:baseline;display:flex;justify-content:space-between;padding:var(--b-popover-header-padding)}.b-popover__header-title[data-v-ab93d091]{align-items:center;column-gap:var(--b-popover-header-title-column-gap);display:flex}.b-popover__image[data-v-ab93d091]{display:flex;overflow:hidden}.b-popover__image+.b-popover__header[data-v-ab93d091]{padding:var(--b-popover-image-header-padding)}.b-popover__image-dismiss-button[data-v-ab93d091]{position:absolute;right:var(--b-popover-image-dismiss-icon-right);top:var(--b-popover-image-dismiss-icon-top)}.b-popover__footer[data-v-ab93d091]{padding:var(--b-popover-footer-padding)}.b-popover__animation-enter-active[data-popper-placement^=top][data-v-ab93d091]{animation:fade-in-ufg70ev-ab93d091 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-in-ufg70ev-ab93d091 var(--b-popover-animation-duration) var(--b-animation-easing-enter)}@keyframes fade-in-ufg70ev-ab93d091{0%{opacity:0}to{opacity:1}}@keyframes move-in-ufg70ev-ab93d091{0%{top:8px}to{top:0}}.b-popover__animation-leave-active[data-popper-placement^=top][data-v-ab93d091]{animation:fade-out-ufg70fv-ab93d091 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-out-ufg70fv-ab93d091 var(--b-popover-animation-duration) var(--b-animation-easing-exit)}@keyframes fade-out-ufg70fv-ab93d091{0%{opacity:1}to{opacity:0}}@keyframes move-out-ufg70fv-ab93d091{0%{top:0}to{top:8px}}.b-popover__animation-enter-active[data-popper-placement^=bottom][data-v-ab93d091]{animation:fade-in-ufg70h6-ab93d091 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-in-ufg70h6-ab93d091 var(--b-popover-animation-duration) var(--b-animation-easing-enter)}@keyframes fade-in-ufg70h6-ab93d091{0%{opacity:0}to{opacity:1}}@keyframes move-in-ufg70h6-ab93d091{0%{top:-8px}to{top:0}}.b-popover__animation-leave-active[data-popper-placement^=bottom][data-v-ab93d091]{animation:fade-out-ufg70ig-ab93d091 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-out-ufg70ig-ab93d091 var(--b-popover-animation-duration) var(--b-animation-easing-exit)}@keyframes fade-out-ufg70ig-ab93d091{0%{opacity:1}to{opacity:0}}@keyframes move-out-ufg70ig-ab93d091{0%{top:0}to{top:-8px}}.b-popover__animation-enter-active[data-popper-placement^=left][data-v-ab93d091]{animation:fade-in-ufg70ik-ab93d091 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-in-ufg70ik-ab93d091 var(--b-popover-animation-duration) var(--b-animation-easing-enter)}@keyframes fade-in-ufg70ik-ab93d091{0%{opacity:0}to{opacity:1}}@keyframes move-in-ufg70ik-ab93d091{0%{left:8px}to{left:0}}.b-popover__animation-leave-active[data-popper-placement^=left][data-v-ab93d091]{animation:fade-out-ufg70jg-ab93d091 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-out-ufg70jg-ab93d091 var(--b-popover-animation-duration) var(--b-animation-easing-exit)}@keyframes fade-out-ufg70jg-ab93d091{0%{opacity:1}to{opacity:0}}@keyframes move-out-ufg70jg-ab93d091{0%{left:0}to{left:8px}}.b-popover__animation-enter-active[data-popper-placement^=right][data-v-ab93d091]{animation:fade-in-ufg70jt-ab93d091 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-in-ufg70jt-ab93d091 var(--b-popover-animation-duration) var(--b-animation-easing-enter)}@keyframes fade-in-ufg70jt-ab93d091{0%{opacity:0}to{opacity:1}}@keyframes move-in-ufg70jt-ab93d091{0%{left:-8px}to{left:0}}.b-popover__animation-leave-active[data-popper-placement^=right][data-v-ab93d091]{animation:fade-out-ufg70km-ab93d091 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-out-ufg70km-ab93d091 var(--b-popover-animation-duration) var(--b-animation-easing-exit)}@keyframes fade-out-ufg70km-ab93d091{0%{opacity:1}to{opacity:0}}@keyframes move-out-ufg70km-ab93d091{0%{left:0}to{left:-8px}}

package/dist/assets/radio-input.css

@@ -1 +1 @@
-.b-radio-input[data-v-142ce0d6]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;appearance:none;background-color:var(--b-radio-input-unchecked-background-color);border:var(--b-radio-input-unchecked-border);border-radius:var(--b-radio-input-border-radius);cursor:pointer;display:inline-block;height:16px;margin:0;min-height:16px;min-width:16px;outline:none;position:relative;top:var(--b-radio-input-offset-top);width:16px}.b-radio-input[data-v-142ce0d6],.b-radio-input[data-v-142ce0d6]:before,.b-radio-input[data-v-142ce0d6]:after{box-sizing:border-box}.b-radio-input *[data-v-142ce0d6],.b-radio-input *[data-v-142ce0d6]:before,.b-radio-input *[data-v-142ce0d6]:after{box-sizing:border-box}.b-radio-input[data-v-142ce0d6] ::-webkit-scrollbar{height:14px;width:14px}.b-radio-input[data-v-142ce0d6] ::-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-radio-input input[data-v-142ce0d6]:disabled{cursor:inherit}.b-radio-input[data-v-142ce0d6]:after{content:"";display:block;inset:calc(var(--b-radio-input-space-around-increase) * -1);position:absolute}.b-radio-input[data-v-142ce0d6]:before{background-color:var(--b-radio-input-knob-color);border-radius:var(--b-radio-input-border-radius);content:"";display:block;height:var(--b-radio-input-knob-size);left:var(--b-radio-input-knob-offset);opacity:0;position:absolute;top:var(--b-radio-input-knob-offset);transform:scale(0);transition:var(--b-radio-input-knob-transition);width:var(--b-radio-input-knob-size)}.b-radio-input[data-v-142ce0d6]:hover:enabled{background-color:var(--b-radio-input-unchecked-hover-background-color);border-color:var(--b-radio-input-unchecked-hover-border-color)}.b-radio-input[data-v-142ce0d6]:active{background-color:var(--b-radio-input-unchecked-active-background-color)}.b-radio-input[data-v-142ce0d6]:focus-visible{animation:outer-ring-default-142ce0d6 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)}@keyframes outer-ring-default-142ce0d6{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-radio-input[data-v-142ce0d6]:disabled{background-color:var(--b-radio-input-unchecked-disabled-background-color);border-color:var(--b-radio-input-unchecked-disabled-border-color);cursor:not-allowed}.b-radio-input[data-v-142ce0d6]:disabled:before{background-color:var(--b-radio-input-knob-disabled-color)}.b-radio-input[data-v-142ce0d6]:checked{background-color:var(--b-radio-input-checked-background-color);border-color:var(--b-radio-input-checked-border-color)}.b-radio-input[data-v-142ce0d6]:checked:before{opacity:1;transform:scale(1)}.b-radio-input[data-v-142ce0d6]:checked:disabled{background-color:var(--b-radio-input-checked-disabled-background-color);border-color:var(--b-radio-input-checked-disabled-border-color)}.b-radio-input[data-v-142ce0d6]:checked:active:not(:disabled){background-color:var(--b-radio-input-checked-active-background-color);border-color:var(--b-radio-input-checked-active-border-color)}.b-radio-input[data-v-142ce0d6]:checked:hover:not(:disabled){background-color:var(--b-radio-input-checked-hover-background-color);border-color:var(--b-radio-input-checked-hover-border-color)}.b-radio-input--disabled[data-v-142ce0d6]{cursor:not-allowed}.b-radio-input--error[data-v-142ce0d6]{border:var(--b-radio-input-unchecked-error-border)}.b-radio-input--error[data-v-142ce0d6]:before{left:var(--b-radio-input-knob-offset-error);top:var(--b-radio-input-knob-offset-error)}.b-radio-input--error[data-v-142ce0d6]:checked{background-color:var(--b-radio-input-checked-error-background-color);border-color:var(--b-radio-input-checked-error-border-color)}.b-radio-input--readonly[data-v-142ce0d6]{background-color:var(--b-radio-input-unchecked-readonly-background-color);border-color:var(--b-radio-input-unchecked-readonly-border-color);pointer-events:none}.b-radio-input--readonly[data-v-142ce0d6]:before{background-color:var(--b-radio-input-knob-readonly-color)}.b-radio-input--readonly[data-v-142ce0d6]:checked{background-color:var(--b-radio-input-checked-readonly-background-color);border-color:var(--b-radio-input-checked-readonly-border-color)}
+.b-radio-input[data-v-0da78bbf]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--b-radio-input-unchecked-background-color);border:var(--b-radio-input-unchecked-border);border-radius:var(--b-radio-input-border-radius);cursor:pointer;display:inline-block;height:16px;margin:0;min-height:16px;min-width:16px;outline:none;position:relative;top:var(--b-radio-input-offset-top);width:16px}.b-radio-input[data-v-0da78bbf],.b-radio-input[data-v-0da78bbf]:before,.b-radio-input[data-v-0da78bbf]:after{box-sizing:border-box}.b-radio-input *[data-v-0da78bbf],.b-radio-input *[data-v-0da78bbf]:before,.b-radio-input *[data-v-0da78bbf]:after{box-sizing:border-box}.b-radio-input[data-v-0da78bbf] ::-webkit-scrollbar{height:14px;width:14px}.b-radio-input[data-v-0da78bbf] ::-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-radio-input input[data-v-0da78bbf]:disabled{cursor:inherit}.b-radio-input[data-v-0da78bbf]:after{content:"";display:block;inset:calc(var(--b-radio-input-space-around-increase) * -1);position:absolute}.b-radio-input[data-v-0da78bbf]:before{background-color:var(--b-radio-input-knob-color);border-radius:var(--b-radio-input-border-radius);content:"";display:block;height:var(--b-radio-input-knob-size);left:var(--b-radio-input-knob-offset);opacity:0;position:absolute;top:var(--b-radio-input-knob-offset);transform:scale(0);transition:var(--b-radio-input-knob-transition);width:var(--b-radio-input-knob-size)}.b-radio-input[data-v-0da78bbf]:hover:enabled{background-color:var(--b-radio-input-unchecked-hover-background-color);border-color:var(--b-radio-input-unchecked-hover-border-color)}.b-radio-input[data-v-0da78bbf]:active{background-color:var(--b-radio-input-unchecked-active-background-color)}.b-radio-input[data-v-0da78bbf]:focus-visible{animation:outer-ring-default-0da78bbf 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)}@keyframes outer-ring-default-0da78bbf{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-radio-input[data-v-0da78bbf]:disabled{background-color:var(--b-radio-input-unchecked-disabled-background-color);border-color:var(--b-radio-input-unchecked-disabled-border-color);cursor:not-allowed}.b-radio-input[data-v-0da78bbf]:disabled:before{background-color:var(--b-radio-input-knob-disabled-color)}.b-radio-input[data-v-0da78bbf]:checked{background-color:var(--b-radio-input-checked-background-color);border-color:var(--b-radio-input-checked-border-color)}.b-radio-input[data-v-0da78bbf]:checked:before{opacity:1;transform:scale(1)}.b-radio-input[data-v-0da78bbf]:checked:disabled{background-color:var(--b-radio-input-checked-disabled-background-color);border-color:var(--b-radio-input-checked-disabled-border-color)}.b-radio-input[data-v-0da78bbf]:checked:active:not(:disabled){background-color:var(--b-radio-input-checked-active-background-color);border-color:var(--b-radio-input-checked-active-border-color)}.b-radio-input[data-v-0da78bbf]:checked:hover:not(:disabled){background-color:var(--b-radio-input-checked-hover-background-color);border-color:var(--b-radio-input-checked-hover-border-color)}.b-radio-input--disabled[data-v-0da78bbf]{cursor:not-allowed}.b-radio-input--error[data-v-0da78bbf]{border:var(--b-radio-input-unchecked-error-border)}.b-radio-input--error[data-v-0da78bbf]:before{left:var(--b-radio-input-knob-offset-error);top:var(--b-radio-input-knob-offset-error)}.b-radio-input--error[data-v-0da78bbf]:checked{background-color:var(--b-radio-input-checked-error-background-color);border-color:var(--b-radio-input-checked-error-border-color)}.b-radio-input--readonly[data-v-0da78bbf]{background-color:var(--b-radio-input-unchecked-readonly-background-color);border-color:var(--b-radio-input-unchecked-readonly-border-color);pointer-events:none}.b-radio-input--readonly[data-v-0da78bbf]:before{background-color:var(--b-radio-input-knob-readonly-color)}.b-radio-input--readonly[data-v-0da78bbf]:checked{background-color:var(--b-radio-input-checked-readonly-background-color);border-color:var(--b-radio-input-checked-readonly-border-color)}

package/dist/assets/segmented-control.css

@@ -0,0 +1 @@
+.b-segmented-control-button[data-v-bef754d8]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:fit-content;min-height:20px;position:relative}.b-segmented-control-button[data-v-bef754d8],.b-segmented-control-button[data-v-bef754d8]:before,.b-segmented-control-button[data-v-bef754d8]:after{box-sizing:border-box}.b-segmented-control-button *[data-v-bef754d8],.b-segmented-control-button *[data-v-bef754d8]:before,.b-segmented-control-button *[data-v-bef754d8]:after{box-sizing:border-box}.b-segmented-control-button[data-v-bef754d8] ::-webkit-scrollbar{height:14px;width:14px}.b-segmented-control-button[data-v-bef754d8] ::-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-segmented-control-button--truncate[data-v-bef754d8]{overflow:hidden}.b-segmented-control-button--truncate .b-segmented-control-button__label-container[data-v-bef754d8]{overflow:hidden;white-space:nowrap}.b-segmented-control-button--truncate .b-segmented-control-button__label[data-v-bef754d8]{overflow:hidden;text-overflow:ellipsis}.b-segmented-control-button--truncate .b-segmented-control-button__icon[data-v-bef754d8]{flex-shrink:0}.b-segmented-control-button--wrap .b-segmented-control-button__label-container[data-v-bef754d8]{text-align:center}.b-segmented-control-button--full-width[data-v-bef754d8],.b-segmented-control-button--full-width .b-segmented-control-button__label-container[data-v-bef754d8]{width:100%}.b-segmented-control-button--disabled>*[data-v-bef754d8]{cursor:not-allowed}.b-segmented-control-button__input[data-v-bef754d8]{display:none}.b-segmented-control-button__input[data-v-bef754d8]:disabled{cursor:not-allowed}.b-segmented-control-button__input:disabled+.b-segmented-control-button__label-container[data-v-bef754d8]{color:var(--b-segmented-control-button-disabled-color);cursor:not-allowed}.b-segmented-control-button__input:hover:not(:disabled)+.b-segmented-control-button__label-container[data-v-bef754d8]{background-color:var(--b-segmented-control-button-hover-background-color)}.b-segmented-control-button__input:focus-visible+.b-segmented-control-button__label-container[data-v-bef754d8]{animation:outer-ring-default-bef754d8 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)}@keyframes outer-ring-default-bef754d8{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-segmented-control-button__input:checked+.b-segmented-control-button__label-container[data-v-bef754d8]{background-color:var(--b-segmented-control-button-checked-background-color);color:var(--b-segmented-control-button-label-container-checked-color)}.b-segmented-control-button__input:checked:disabled+.b-segmented-control-button__label-container[data-v-bef754d8]{color:var(--b-segmented-control-button-disabled-color)}.b-segmented-control-button__input:checked:hover:not(:disabled)+.b-segmented-control-button__label-container[data-v-bef754d8]{background-color:var(--b-segmented-control-button-hover-background-color)}.b-segmented-control-button__label-container[data-v-bef754d8]{align-items:center;border-radius:var(--b-segmented-control-button-border-radius);color:var(--b-segmented-control-button-label-container-color);cursor:pointer;display:flex;justify-content:center;padding:var(--b-segmented-control-button-padding)}.b-segmented-control-button__icon[data-v-bef754d8]{margin-right:var(--b-segmented-control-button-icon-margin-right)}.b-segmented-control[data-v-c074d9c3]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-segmented-control-background-color);border:unset;border-radius:var(--b-segmented-control-border-radius);display:flex;gap:var(--b-segmented-control-padding);margin-inline:0;padding:var(--b-segmented-control-padding)}.b-segmented-control[data-v-c074d9c3],.b-segmented-control[data-v-c074d9c3]:before,.b-segmented-control[data-v-c074d9c3]:after{box-sizing:border-box}.b-segmented-control *[data-v-c074d9c3],.b-segmented-control *[data-v-c074d9c3]:before,.b-segmented-control *[data-v-c074d9c3]:after{box-sizing:border-box}.b-segmented-control[data-v-c074d9c3] ::-webkit-scrollbar{height:14px;width:14px}.b-segmented-control[data-v-c074d9c3] ::-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-segmented-control--hug[data-v-c074d9c3]{max-width:100%;width:fit-content}.b-segmented-control--full-width[data-v-c074d9c3]{justify-content:space-evenly;width:100%}.b-segmented-control--truncate[data-v-c074d9c3]{justify-content:space-between;overflow:hidden}.b-segmented-control--truncate .b-segmented-control__item[data-v-c074d9c3]{flex:1 1 auto}.b-segmented-control--wrap[data-v-c074d9c3]{flex-wrap:wrap;justify-content:center}

package/dist/assets/selection-card-group.css

@@ -0,0 +1 @@
+.b-selection-card[data-v-ab05c459]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;container-type:inline-size;cursor:pointer}.b-selection-card[data-v-ab05c459],.b-selection-card[data-v-ab05c459]:before,.b-selection-card[data-v-ab05c459]:after{box-sizing:border-box}.b-selection-card *[data-v-ab05c459],.b-selection-card *[data-v-ab05c459]:before,.b-selection-card *[data-v-ab05c459]:after{box-sizing:border-box}.b-selection-card[data-v-ab05c459] ::-webkit-scrollbar{height:14px;width:14px}.b-selection-card[data-v-ab05c459] ::-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-selection-card__container[data-v-ab05c459]{border:var(--b-selection-card-container-border);border-radius:var(--b-selection-card-container-border-radius);display:flex;flex-direction:column;gap:var(--b-selection-card-container-gap);padding:var(--b-selection-card-container-padding);position:relative;width:100%}.b-selection-card__container[data-v-ab05c459]:after{border:var(--b-selection-card-container-checked-border);border-radius:var(--b-selection-card-container-border-radius);content:"";top:-1.5px;right:-1.5px;bottom:-1.5px;left:-1.5px;pointer-events:none;position:absolute}.b-selection-card__container[data-v-ab05c459]:focus-within:has(input:focus-visible){animation:outer-ring-default-ab05c459 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)}@keyframes outer-ring-default-ab05c459{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-selection-card__container[data-v-ab05c459]:hover{border-color:var(--b-selection-card-container-hover-border-color)}.b-selection-card__container *[data-v-ab05c459]{cursor:pointer}.b-selection-card__checkbox-container[data-v-ab05c459]{align-items:start;display:flex;flex-direction:row;gap:var(--b-selection-card-container-gap);justify-content:space-between;width:100%}.b-selection-card__checkbox-container--center-aligned[data-v-ab05c459]{align-items:center}@container (max-width: 320px){.b-selection-card__checkbox-container--center-aligned[data-v-ab05c459]:has(.b-selection-card__icon){align-items:start}}.b-selection-card__checkbox-container-text[data-v-ab05c459]{align-items:start;display:flex;flex-direction:row;gap:var(--b-selection-card-container-content-gap)}@container (max-width: 320px){.b-selection-card__checkbox-container-text[data-v-ab05c459]{flex-direction:column}}.b-selection-card__checkbox-container-text--center-aligned[data-v-ab05c459]{align-items:center}@container (max-width: 320px){.b-selection-card__checkbox-container-text--center-aligned[data-v-ab05c459]{align-items:start}}.b-selection-card__description[data-v-ab05c459]{color:var(--b-selection-card-description-color)}.b-selection-card__icon[data-v-ab05c459]{align-items:center;background-color:var(--b-selection-card-icon-background-color);border-radius:50%;display:flex;flex-grow:1;height:var(--b-selection-card-icon-height);justify-content:center;min-width:var(--b-selection-card-icon-width)}.b-selection-card__slot[data-v-ab05c459]{cursor:default}@container (min-width: 320px){.b-selection-card__slot--with-icon[data-v-ab05c459]{margin-left:calc(var(--b-selection-card-icon-width) + var(--b-selection-card-container-content-gap))}}.b-selection-card__subtitle[data-v-ab05c459]{color:var(--b-selection-card-subtitle-color)}.b-selection-card__text[data-v-ab05c459]{display:flex;flex-direction:column;gap:var(--b-selection-card-container-label-container-gap)}.b-selection-card--error[data-v-ab05c459]:after{border-color:var(--b-selection-card-container-error-border-color);border-width:var(--b-selection-card-container-error-border-width)}.b-selection-card--disabled[data-v-ab05c459]{border-color:var(--b-selection-card-container-disabled-border-color);cursor:not-allowed}component-root .b-selection-card--disabled *[data-v-ab05c459]{cursor:not-allowed}.b-selection-card--disabled *[data-v-ab05c459]{cursor:not-allowed}.b-selection-card--readonly[data-v-ab05c459]{border-color:var(--b-selection-card-container-readonly-border-color)}.b-selection-card--checked .b-selection-card__container[data-v-ab05c459]:after{border-color:var(--b-selection-card-container-checked-border-color)}.b-selection-card--checked .b-selection-card--disabled[data-v-ab05c459]:after{border-color:var(--b-selection-card-container-checked-disabled-border-color)}.b-selection-card--checked .b-selection-card--error[data-v-ab05c459]:after{border-color:var(--b-selection-card-container-checked-error-border-color)}.b-selection-card--checked .b-selection-card--readonl[data-v-ab05c459]:after{border-color:var(--b-selection-card-container-checked-readonly-border-color)}.b-selection-card-group[data-v-eda15615]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%}.b-selection-card-group[data-v-eda15615],.b-selection-card-group[data-v-eda15615]:before,.b-selection-card-group[data-v-eda15615]:after{box-sizing:border-box}.b-selection-card-group *[data-v-eda15615],.b-selection-card-group *[data-v-eda15615]:before,.b-selection-card-group *[data-v-eda15615]:after{box-sizing:border-box}.b-selection-card-group[data-v-eda15615] ::-webkit-scrollbar{height:14px;width:14px}.b-selection-card-group[data-v-eda15615] ::-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-selection-card-group__items[data-v-eda15615]{display:flex;flex-direction:column;gap:var(--b-selection-card-group-items-gap)}.b-selection-card-group__items--horizontal[data-v-eda15615]{flex-direction:row}.b-selection-card-group__item[data-v-eda15615]{align-items:stretch;display:flex;flex:1 1}.b-selection-card-group__error-message[data-v-eda15615]{margin-top:var(--b-selection-card-group-error-message-margin-top)}

package/dist/assets/{index36.css → 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}.b-sidepanel-page__title[data-v-4e6c994b]{flex-grow:1;overflow:hidden;text-overflow:ellipsis}.b-sidepanel-page__content[data-v-4e6c994b]{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);padding:var(--b-sidepanel-page-actions-padding)}.b-sidepanel[data-v-11e634f1]{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-11e634f1],.b-sidepanel[data-v-11e634f1]:before,.b-sidepanel[data-v-11e634f1]:after{box-sizing:border-box}.b-sidepanel *[data-v-11e634f1],.b-sidepanel *[data-v-11e634f1]:before,.b-sidepanel *[data-v-11e634f1]:after{box-sizing:border-box}.b-sidepanel[data-v-11e634f1] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel[data-v-11e634f1] ::-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-11e634f1]{border-radius:var(--b-sidepanel-border-radius) 0 0 var(--b-sidepanel-border-radius);margin:0 0 0 auto;width:var(--b-sidepanel-width)}}.b-sidepanel__close-button[data-v-11e634f1]{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-11e634f1]{overflow:hidden}.b-sidepanel[data-v-11e634f1]::backdrop{background-color:var(--b-sidepanel-backdrop-background-color, #00112c);opacity:.5}.b-legacy-theme .b-sidepanel[data-v-11e634f1]::backdrop{opacity:.4}.b-sidepanel[open][data-v-11e634f1]{animation:enter-uplhpkt-11e634f1 var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-enter)}@keyframes enter-uplhpkt-11e634f1{0%{translate:100% 0}to{translate:0 0}}.b-sidepanel[open][data-v-11e634f1]::backdrop{animation:fade-in-uplhpky-11e634f1 var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-linear)}@keyframes fade-in-uplhpky-11e634f1{0%{opacity:0}to{opacity:.5}}.b-sidepanel--hide[open][data-v-11e634f1]{animation:exit-uplhpla-11e634f1 var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-exit)}@keyframes exit-uplhpla-11e634f1{0%{translate:0 0}to{translate:100% 0}}.b-sidepanel--hide[open][data-v-11e634f1]::backdrop{animation:fade-out-uplhpmx-11e634f1 var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-linear)}@keyframes fade-out-uplhpmx-11e634f1{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}.b-sidepanel-page__title[data-v-4e6c994b]{flex-grow:1;overflow:hidden;text-overflow:ellipsis}.b-sidepanel-page__content[data-v-4e6c994b]{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);padding:var(--b-sidepanel-page-actions-padding)}.b-sidepanel[data-v-11e634f1]{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-11e634f1],.b-sidepanel[data-v-11e634f1]:before,.b-sidepanel[data-v-11e634f1]:after{box-sizing:border-box}.b-sidepanel *[data-v-11e634f1],.b-sidepanel *[data-v-11e634f1]:before,.b-sidepanel *[data-v-11e634f1]:after{box-sizing:border-box}.b-sidepanel[data-v-11e634f1] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel[data-v-11e634f1] ::-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-11e634f1]{border-radius:var(--b-sidepanel-border-radius) 0 0 var(--b-sidepanel-border-radius);margin:0 0 0 auto;width:var(--b-sidepanel-width)}}.b-sidepanel__close-button[data-v-11e634f1]{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-11e634f1]{overflow:hidden}.b-sidepanel[data-v-11e634f1]::backdrop{background-color:var(--b-sidepanel-backdrop-background-color, #00112c);opacity:.5}.b-legacy-theme .b-sidepanel[data-v-11e634f1]::backdrop{opacity:.4}.b-sidepanel[open][data-v-11e634f1]{animation:enter-ufg70c1-11e634f1 var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-enter)}@keyframes enter-ufg70c1-11e634f1{0%{translate:100% 0}to{translate:0 0}}.b-sidepanel[open][data-v-11e634f1]::backdrop{animation:fade-in-ufg70ci-11e634f1 var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-linear)}@keyframes fade-in-ufg70ci-11e634f1{0%{opacity:0}to{opacity:.5}}.b-sidepanel--hide[open][data-v-11e634f1]{animation:exit-ufg70d5-11e634f1 var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-exit)}@keyframes exit-ufg70d5-11e634f1{0%{translate:0 0}to{translate:100% 0}}.b-sidepanel--hide[open][data-v-11e634f1]::backdrop{animation:fade-out-ufg70fd-11e634f1 var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-linear)}@keyframes fade-out-ufg70fd-11e634f1{0%{opacity:.5}to{opacity:0}}

package/dist/assets/status.css

@@ -0,0 +1 @@
+.b-status[data-v-00168073]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;column-gap:var(--b-status-column-gap);display:flex}.b-status[data-v-00168073],.b-status[data-v-00168073]:before,.b-status[data-v-00168073]:after{box-sizing:border-box}.b-status *[data-v-00168073],.b-status *[data-v-00168073]:before,.b-status *[data-v-00168073]:after{box-sizing:border-box}.b-status[data-v-00168073] ::-webkit-scrollbar{height:14px;width:14px}.b-status[data-v-00168073] ::-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-status__indicator[data-v-00168073]{border-radius:50%;flex-shrink:0;height:var(--b-status-indicator-size);order:0;width:var(--b-status-indicator-size)}.b-status__indicator--blue[data-v-00168073]{background:var(--b-status-indicator-blue-background-color)}.b-status__indicator--green[data-v-00168073]{background:var(--b-status-indicator-green-background-color)}.b-status__indicator--grey[data-v-00168073]{background:var(--b-status-indicator-grey-background-color)}.b-status__indicator--orange[data-v-00168073]{background:var(--b-status-indicator-orange-background-color)}.b-status__indicator--red[data-v-00168073]{background:var(--b-status-indicator-red-background-color)}.b-status__indicator--yellow[data-v-00168073]{background:var(--b-status-indicator-yellow-background-color)}

package/dist/assets/toggle.css

@@ -0,0 +1 @@
+.b-toggle[data-v-dd0561f5]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:inherit;cursor:pointer;display:flex;-webkit-user-select:none;user-select:none;width:auto}.b-toggle[data-v-dd0561f5],.b-toggle[data-v-dd0561f5]:before,.b-toggle[data-v-dd0561f5]:after{box-sizing:border-box}.b-toggle *[data-v-dd0561f5],.b-toggle *[data-v-dd0561f5]:before,.b-toggle *[data-v-dd0561f5]:after{box-sizing:border-box}.b-toggle[data-v-dd0561f5] ::-webkit-scrollbar{height:14px;width:14px}.b-toggle[data-v-dd0561f5] ::-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-toggle--disabled[data-v-dd0561f5]{cursor:not-allowed;display:flex}.b-toggle--readonly[data-v-dd0561f5]{pointer-events:none}.b-toggle--label-first[data-v-dd0561f5]{align-items:flex-start;flex-direction:row-reverse;justify-content:flex-end}.b-toggle__input[data-v-dd0561f5]{cursor:inherit;opacity:0;position:absolute}.b-toggle__track[data-v-dd0561f5]{align-items:center;background-color:var(--b-toggle-track-background-color);border:var(--b-toggle-track-border);border-radius:var(--b-toggle-track-border-radius);display:flex;height:var(--b-toggle-track-height);min-width:var(--b-toggle-track-width);padding:var(--b-toggle-track-padding);position:relative}.b-legacy-theme .b-toggle__track[data-v-dd0561f5]{margin-top:var(--b-toggle-track-margin-top)}.b-toggle__input:focus-visible+.b-toggle__track[data-v-dd0561f5]{animation:outer-ring-default-dd0561f5 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)}@keyframes outer-ring-default-dd0561f5{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-toggle__input:hover:enabled+.b-toggle__track[data-v-dd0561f5]{background-color:var(--b-toggle-track-hover-background-color);border-color:var(--b-toggle-track-hover-border-color)}.b-toggle__input:active:enabled+.b-toggle__track[data-v-dd0561f5]{background-color:var(--b-toggle-track-active-background-color);border-color:var(--b-toggle-track-active-border-color)}.b-toggle__input:disabled+.b-toggle__track[data-v-dd0561f5]{background-color:var(--b-toggle-track-disabled-background-color);border-color:var(--b-toggle-track-disabled-border-color);cursor:not-allowed}.b-toggle--readonly .b-toggle__input+.b-toggle__track[data-v-dd0561f5]{background-color:var(--b-toggle-track-readonly-background-color);border-color:var(--b-toggle-track-readonly-border-color)}.b-toggle__input:checked+.b-toggle__track[data-v-dd0561f5]{background-color:var(--b-toggle-track-toggled-background-color);border:var(--b-toggle-track-toggled-border);padding:var(--b-toggle-track-toggled-padding)}.b-toggle__input:checked:hover:enabled+.b-toggle__track[data-v-dd0561f5]{background-color:var(--b-toggle-track-toggled-hover-background-color)}.b-legacy-theme .b-toggle__input:checked:hover:enabled+.b-toggle__track[data-v-dd0561f5]{border-color:var(--b-toggle-track-toggled-hover-border-color)}.b-toggle__input:checked:active:enabled+.b-toggle__track[data-v-dd0561f5]{background-color:var(--b-toggle-track-toggled-active-background-color)}.b-toggle__input:checked:disabled+.b-toggle__track[data-v-dd0561f5]{background-color:var(--b-toggle-track-toggled-disabled-background-color)}.b-toggle--readonly .b-toggle__input:checked+.b-toggle__track[data-v-dd0561f5]{background-color:var(--b-toggle-track-toggled-readonly-background-color)}.b-toggle__handle[data-v-dd0561f5]{align-content:center;background-color:var(--b-toggle-handle-background-color);border-radius:var(--b-toggle-handle-border-radius);color:var(--b-toggle-handle-toggled-color);display:inline-flex;height:var(--b-toggle-handle-height);justify-content:center;transition:var(--b-toggle-handle-transition);width:var(--b-toggle-handle-width)}.b-toggle__input:disabled+* .b-toggle__handle[data-v-dd0561f5]{background-color:var(--b-toggle-handle-disabled-background-color);cursor:not-allowed}.b-toggle__input:checked+* .b-toggle__handle[data-v-dd0561f5]{background-color:var(--b-toggle-handle-toggled-background-color);height:var(--b-toggle-handle-toggled-height);transform:translate(100%);width:var(--b-toggle-handle-toggled-width)}.b-legacy-theme .b-toggle__input:checked+* .b-toggle__handle[data-v-dd0561f5]{transform:translate(100%) translate(var(--b-toggle-handle-toggled-offset))}.b-toggle__input:checked:disabled+* .b-toggle__handle[data-v-dd0561f5]{background-color:var(--b-toggle-handle-toggled-disabled-background-color);color:var(--b-toggle-handle-toggled-disabled-color);cursor:not-allowed}.b-toggle--readonly .b-toggle__input:checked+* .b-toggle__handle[data-v-dd0561f5]{background-color:var(--b-toggle-handle-toggled-readonly-background-color)}.b-toggle__label-container[data-v-dd0561f5]{display:flex;flex-direction:column;padding-left:var(--b-toggle-label-padding)}.b-toggle--label-first>.b-toggle__label-container[data-v-dd0561f5]{padding-left:0;padding-right:var(--b-toggle-label-padding)}.b-toggle__label[data-v-dd0561f5]{vertical-align:baseline}.b-toggle__description[data-v-dd0561f5]{color:var(--b-toggle-description-color);padding-top:var(--b-toggle-description-padding)}

package/dist/assets/tutorial.css

@@ -0,0 +1 @@
+.b-tutorial-indicator[data-v-ea45578e]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-tutorial-indicator[data-v-ea45578e],.b-tutorial-indicator[data-v-ea45578e]:before,.b-tutorial-indicator[data-v-ea45578e]:after{box-sizing:border-box}.b-tutorial-indicator *[data-v-ea45578e],.b-tutorial-indicator *[data-v-ea45578e]:before,.b-tutorial-indicator *[data-v-ea45578e]:after{box-sizing:border-box}.b-tutorial-indicator[data-v-ea45578e] ::-webkit-scrollbar{height:14px;width:14px}.b-tutorial-indicator[data-v-ea45578e] ::-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-tutorial-indicator__highlight[data-v-ea45578e]{border:var(--b-tutorial-indicator-border);left:var(--b-tutorial-indicator-border-offset);pointer-events:none;position:absolute;top:var(--b-tutorial-indicator-border-offset)}.b-tutorial-indicator[data-popper-reference-hidden] .b-tutorial-indicator__highlight[data-v-ea45578e]{visibility:hidden}svg.ui-assets-icons-16{display:inline-flex;flex-shrink:0}svg.ui-assets-icons-16,svg.ui-assets-icons-16 *{fill:currentcolor}.b-tutorial-popover[data-v-ac66e07d]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}.b-tutorial-popover[data-v-ac66e07d],.b-tutorial-popover[data-v-ac66e07d]:before,.b-tutorial-popover[data-v-ac66e07d]:after{box-sizing:border-box}.b-tutorial-popover *[data-v-ac66e07d],.b-tutorial-popover *[data-v-ac66e07d]:before,.b-tutorial-popover *[data-v-ac66e07d]:after{box-sizing:border-box}.b-tutorial-popover[data-v-ac66e07d] ::-webkit-scrollbar{height:14px;width:14px}.b-tutorial-popover[data-v-ac66e07d] ::-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-tutorial-popover__ripple[data-v-ac66e07d]{border-radius:var(--b-popover-border-radius);top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute}.b-tutorial-popover__ripple[data-v-ac66e07d]:before{background-color:var(--b-tutorial-popover-ripple-before-background-color);border-radius:50%;content:"";filter:var(--b-tutorial-popover-ripple-before-filter);height:var(--b-tutorial-popover-ripple-before-height);position:absolute;width:var(--b-tutorial-popover-ripple-before-width)}[data-popper-placement=bottom-start] .b-tutorial-popover__ripple[data-v-ac66e07d]:before,[data-popper-placement=right-start] .b-tutorial-popover__ripple[data-v-ac66e07d]:before{left:0;top:var(--b-tutorial-popover-ripple-before-position)}[data-popper-placement=bottom] .b-tutorial-popover__ripple[data-v-ac66e07d]:before{left:50%;top:var(--b-tutorial-popover-ripple-before-position);transform:translate(-50%)}[data-popper-placement=bottom-end] .b-tutorial-popover__ripple[data-v-ac66e07d]:before,[data-popper-placement=left-start] .b-tutorial-popover__ripple[data-v-ac66e07d]:before{left:100%;top:var(--b-tutorial-popover-ripple-before-position);transform:translate(-50%)}[data-popper-placement=top-start] .b-tutorial-popover__ripple[data-v-ac66e07d]:before,[data-popper-placement=right-end] .b-tutorial-popover__ripple[data-v-ac66e07d]:before{bottom:var(--b-tutorial-popover-ripple-before-position);left:0}[data-popper-placement=top] .b-tutorial-popover__ripple[data-v-ac66e07d]:before{bottom:var(--b-tutorial-popover-ripple-before-position);left:50%;transform:translate(-50%)}[data-popper-placement=top-end] .b-tutorial-popover__ripple[data-v-ac66e07d]:before,[data-popper-placement=left-end] .b-tutorial-popover__ripple[data-v-ac66e07d]:before{bottom:var(--b-tutorial-popover-ripple-before-position);left:100%;transform:translate(-50%)}[data-popper-placement=right] .b-tutorial-popover__ripple[data-v-ac66e07d]:before{left:var(--b-tutorial-popover-ripple-before-position);top:50%;transform:translateY(-50%)}[data-popper-placement=left] .b-tutorial-popover__ripple[data-v-ac66e07d]:before{right:var(--b-tutorial-popover-ripple-before-position);top:50%;transform:translateY(-50%)}.b-tutorial-popover__ripple[data-v-ac66e07d]:after{background:radial-gradient(circle,#09ab4b00,#09ab4b33);border-radius:50%;content:"";height:var(--b-tutorial-popover-ripple-after-height);position:absolute;width:var(--b-tutorial-popover-ripple-after-width)}[data-popper-placement=bottom-start] .b-tutorial-popover__ripple[data-v-ac66e07d]:after,[data-popper-placement=right-start] .b-tutorial-popover__ripple[data-v-ac66e07d]:after{animation:ripple-top-left-ac66e07d 2s ease-in-out infinite;left:0;top:var(--b-tutorial-popover-ripple-after-position);transform:scale(1)}[data-popper-placement=bottom] .b-tutorial-popover__ripple[data-v-ac66e07d]:after{animation:ripple-top-center-ac66e07d 2s ease-in-out infinite;left:50%;top:var(--b-tutorial-popover-ripple-after-position);transform:translate(-50%) scale(1)}[data-popper-placement=bottom-end] .b-tutorial-popover__ripple[data-v-ac66e07d]:after,[data-popper-placement=left-start] .b-tutorial-popover__ripple[data-v-ac66e07d]:after{animation:ripple-top-right-ac66e07d 2s ease-in-out infinite;left:100%;top:var(--b-tutorial-popover-ripple-after-position);transform:translate(-50%) scale(1)}[data-popper-placement=top-start] .b-tutorial-popover__ripple[data-v-ac66e07d]:after,[data-popper-placement=right-end] .b-tutorial-popover__ripple[data-v-ac66e07d]:after{animation:ripple-bottom-left-ac66e07d 2s ease-in-out infinite;bottom:var(--b-tutorial-popover-ripple-after-position);left:0;transform:scale(1)}[data-popper-placement=top] .b-tutorial-popover__ripple[data-v-ac66e07d]:after{animation:ripple-bottom-center-ac66e07d 2s ease-in-out infinite;bottom:var(--b-tutorial-popover-ripple-after-position);left:50%;transform:translate(-50%) scale(1)}[data-popper-placement=top-end] .b-tutorial-popover__ripple[data-v-ac66e07d]:after,[data-popper-placement=left-end] .b-tutorial-popover__ripple[data-v-ac66e07d]:after{animation:ripple-bottom-right-ac66e07d 2s ease-in-out infinite;bottom:var(--b-tutorial-popover-ripple-after-position);left:100%;transform:translate(-50%) scale(1)}[data-popper-placement=right] .b-tutorial-popover__ripple[data-v-ac66e07d]:after{animation:ripple-center-left-ac66e07d 2s ease-in-out infinite;height:var(--b-tutorial-popover-ripple-after-width);left:var(--b-tutorial-popover-ripple-after-position);top:50%;transform:translateY(-50%) scale(1);width:var(--b-tutorial-popover-ripple-after-height)}[data-popper-placement=left] .b-tutorial-popover__ripple[data-v-ac66e07d]:after{animation:ripple-center-right-ac66e07d 2s ease-in-out infinite;height:var(--b-tutorial-popover-ripple-after-width);right:var(--b-tutorial-popover-ripple-after-position);top:50%;transform:translateY(-50%) scale(1);width:var(--b-tutorial-popover-ripple-after-height)}.b-tutorial-popover__image[data-v-ac66e07d]{width:100%}.b-tutorial-popover__header[data-v-ac66e07d]{display:flex;flex-grow:1;gap:var(--b-tutorial-popover-header-padding-bottom);justify-content:space-between;padding-bottom:var(--b-tutorial-popover-header-padding-bottom)}.b-tutorial-popover__steps[data-v-ac66e07d]{flex-shrink:0;line-height:var(--b-tutorial-popover-steps-line-height)}.b-tutorial-popover__footer[data-v-ac66e07d]{column-gap:var(--b-tutorial-popover-footer-column-gap);container-type:inline-size;display:grid;grid-template-areas:"menu actions";grid-template-columns:auto 1fr;padding-top:var(--b-tutorial-popover-footer-padding-top)}.b-tutorial-popover__menu[data-v-ac66e07d]{grid-area:menu}.b-tutorial-popover__actions[data-v-ac66e07d]{grid-area:actions}@keyframes ripple-top-left-ac66e07d{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(47)}}@keyframes ripple-top-center-ac66e07d{0%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) scale(47)}}@keyframes ripple-top-right-ac66e07d{0%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) scale(47)}}@keyframes ripple-bottom-left-ac66e07d{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(47)}}@keyframes ripple-bottom-center-ac66e07d{0%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) scale(47)}}@keyframes ripple-bottom-right-ac66e07d{0%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) scale(47)}}@keyframes ripple-center-left-ac66e07d{0%{opacity:1;transform:translateY(-50%) scale(1)}to{opacity:0;transform:translateY(-50%) scale(47)}}@keyframes ripple-center-right-ac66e07d{0%{opacity:1;transform:translateY(-50%) scale(1)}to{opacity:0;transform:translateY(-50%) scale(47)}}

package/dist/avatar-image.js

@@ -1,4 +1,4 @@
-import { A as t, B as e, a as o } from "./chunks/index.ccc7e8d7.js";
+import { A as t, a as e, B as o } from "./chunks/avatar-image.DhlR-7Yg.js";
 export {
   t as AvatarImage,
   e as BentoAvatarImageColor,

package/dist/badge.js

@@ -1,10 +1,10 @@
-import { defineComponent as n, computed as r } from "vue";
-import { u as o } from "./chunks/aria-label.ac9651a5.js";
-import { g as c } from "./chunks/get-slot-text.99c3d860.js";
-import { n as i } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import "./assets/index8.css";
-var s = /* @__PURE__ */ ((e) => (e.DEFAULT = "default", e.ATTENTION = "attention", e.WARNING = "warning", e.CRITICAL = "critical", e.SUCCESS = "success", e))(s || {});
-const _ = n({
+import { defineComponent as o, computed as n } from "vue";
+import { u as l } from "./chunks/aria-label.CaUURpnB.js";
+import { g as i } from "./chunks/get-slot-text.Cgn-E48s.js";
+import { n as c } from "./chunks/_plugin-vue2_normalizer.CeySl7Fu.js";
+import "./assets/badge.css";
+var s = /* @__PURE__ */ ((t) => (t.DEFAULT = "default", t.ATTENTION = "attention", t.WARNING = "warning", t.CRITICAL = "critical", t.SUCCESS = "success", t))(s || {});
+const d = o({
   name: "adl-badge",
   props: {
     /**
@@ -14,7 +14,7 @@ const _ = n({
     variant: {
       type: String,
       default: s.DEFAULT,
-      validator: (e) => Object.values(s).includes(e)
+      validator: (t) => Object.values(s).includes(t)
     },
     /**
      * For testing purposes you can decide which testId your adl-badge instance will have
@@ -24,36 +24,34 @@ const _ = n({
       default: "adl-badge"
     }
   },
-  setup(e, { slots: t }) {
-    const a = o({
-      label: c(t)("default"),
+  setup(t, { slots: e }) {
+    const a = l({
+      label: i(e)("default"),
       defaultFallback: "badge"
-    }), l = r(() => ({
-      [`adl2-badge--${e.variant}`]: !0
+    }), r = n(() => ({
+      [`adl2-badge--${t.variant}`]: !0
     }));
     return {
       // Values
       ariaLabel: a,
-      conditionalClasses: l
+      conditionalClasses: r
     };
   }
 });
-var d = function() {
-  var t = this, a = t._self._c;
-  return t._self._setupProxy, a("div", { staticClass: "adl2-badge", class: t.conditionalClasses, attrs: { "aria-label": t.ariaLabel, role: "status", "data-testid": t.testId } }, [t.$slots.icon ? t._t("icon") : t._e(), t._t("default")], 2);
-}, u = [], p = /* @__PURE__ */ i(
-  _,
+var u = function() {
+  var e = this, a = e._self._c;
+  return e._self._setupProxy, a("div", { staticClass: "adl2-badge", class: e.conditionalClasses, attrs: { "aria-label": e.ariaLabel, role: "status", "data-testid": e.testId } }, [e.$slots.icon ? e._t("icon") : e._e(), e._t("default")], 2);
+}, _ = [], f = /* @__PURE__ */ c(
   d,
   u,
+  _,
   !1,
   null,
-  "5636e22c",
-  null,
-  null
+  "5636e22c"
 );
-const g = p.exports;
+const C = f.exports;
 export {
-  g as AdlBadge,
+  C as AdlBadge,
   s as AdlBadgeVariant
 };
 //# sourceMappingURL=badge.js.map

package/dist/badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge.js","sources":["../src/components/badge/badge.types.ts","../src/components/badge/badge.vue"],"sourcesContent":["export enum AdlBadgeVariant {\n    DEFAULT = 'default',\n    ATTENTION = 'attention',\n    WARNING = 'warning',\n    CRITICAL = 'critical',\n    SUCCESS = 'success',\n}\n","<template>\n    <div class=\"adl2-badge\" :class=\"conditionalClasses\" :aria-label=\"ariaLabel\" role=\"status\" :data-testid=\"testId\">\n        <slot v-if=\"$slots.icon\" name=\"icon\"></slot>\n        <slot></slot>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, PropType } from 'vue';\n    import { AdlBadgeVariant } from './badge.types';\n    import { useAriaLabel } from '@/utils/ts/aria-label';\n    import { getSlotText } from '@/utils/ts/get-slot-text';\n\n    export default defineComponent({\n        name: 'adl-badge',\n        props: {\n            /**\n             * Types of flavour of Badge\n             * @values default, attention, warning, critical, success\n             */\n            variant: {\n                type: String as PropType<AdlBadgeVariant>,\n                default: AdlBadgeVariant.DEFAULT,\n                validator: (value: AdlBadgeVariant) => Object.values(AdlBadgeVariant).includes(value),\n            },\n            /**\n             * For testing purposes you can decide which testId your adl-badge instance will have\n             */\n            testId: {\n                type: String,\n                default: 'adl-badge',\n            },\n        },\n        setup(props, { slots }) {\n            const ariaLabel = useAriaLabel({\n                label: getSlotText(slots)('default'),\n                defaultFallback: 'badge',\n            });\n\n            const conditionalClasses = computed((): { [x: string]: boolean } => ({\n                [`adl2-badge--${props.variant}`]: true,\n            }));\n\n            return {\n                // Values\n                ariaLabel,\n                conditionalClasses,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./badge.scss\" />\n"],"names":["AdlBadgeVariant","AdlBadgeVariant2","_sfc_main","defineComponent","value","props","slots","ariaLabel","useAriaLabel","getSlotText","conditionalClasses","computed"],"mappings":";;;;;AAAY,IAAAA,IAAA,kBAAAC,OACRA,EAAA,UAAA,WACAA,EAAA,YAAA,aACAA,EAAA,UAAA,WACAA,EAAA,WAAA,YACAA,EAAA,UAAA,WALQA,IAAAD,KAAA,CAAA,CAAA;ACaZ,MAAAE,IAAAC,EAAA;AAAA,EAAA,MAAA;AAAA,EACA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IACA,SAAA;AAAA,MAKA,MAAA;AAAA,MACA,SAAAH,EAAA;AAAA,MACA,WAAA,CAAAI,MAAA,OAAA,OAAAJ,CAAA,EAAA,SAAAI,CAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IACA,QAAA;AAAA,MAIA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,MAAAC,GAAA,EAAA,OAAAC,EAAA,GAAA;AAEA,UAAAC,IAAAC,EAAA;AAAA,MAAA,OAAAC,EAAAH,CAAA,EAAA,SAAA;AAAA,MACA,iBAAA;AAAA,IACA,CAAA,GAGAI,IAAAC,EAAA,OAAA;AAAA,MAAA,CAAA,eAAAN,EAAA,SAAA,GAAA;AAAA,IACA,EAAA;AAGA,WAAA;AAAA;AAAA,MAAA,WAAAE;AAAA,MAEA,oBAAAG;AAAA,IACA;AAAA,EACA;AAEA,CAAA;;;;;;;;;;;;;;;"}
+{"version":3,"file":"badge.js","sources":["../src/components/badge/badge.types.ts","../src/components/badge/badge.vue"],"sourcesContent":["export enum AdlBadgeVariant {\n    DEFAULT = 'default',\n    ATTENTION = 'attention',\n    WARNING = 'warning',\n    CRITICAL = 'critical',\n    SUCCESS = 'success',\n}\n","<template>\n    <div class=\"adl2-badge\" :class=\"conditionalClasses\" :aria-label=\"ariaLabel\" role=\"status\" :data-testid=\"testId\">\n        <slot v-if=\"$slots.icon\" name=\"icon\"></slot>\n        <slot></slot>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, PropType } from 'vue';\n    import { AdlBadgeVariant } from './badge.types';\n    import { useAriaLabel } from '@/utils/ts/aria-label';\n    import { getSlotText } from '@/utils/ts/get-slot-text';\n\n    export default defineComponent({\n        name: 'adl-badge',\n        props: {\n            /**\n             * Types of flavour of Badge\n             * @values default, attention, warning, critical, success\n             */\n            variant: {\n                type: String as PropType<AdlBadgeVariant>,\n                default: AdlBadgeVariant.DEFAULT,\n                validator: (value: AdlBadgeVariant) => Object.values(AdlBadgeVariant).includes(value),\n            },\n            /**\n             * For testing purposes you can decide which testId your adl-badge instance will have\n             */\n            testId: {\n                type: String,\n                default: 'adl-badge',\n            },\n        },\n        setup(props, { slots }) {\n            const ariaLabel = useAriaLabel({\n                label: getSlotText(slots)('default'),\n                defaultFallback: 'badge',\n            });\n\n            const conditionalClasses = computed((): { [x: string]: boolean } => ({\n                [`adl2-badge--${props.variant}`]: true,\n            }));\n\n            return {\n                // Values\n                ariaLabel,\n                conditionalClasses,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./badge.scss\" />\n"],"names":["AdlBadgeVariant","AdlBadgeVariant2","_sfc_main","defineComponent","value","props","slots","ariaLabel","useAriaLabel","getSlotText","conditionalClasses","computed"],"mappings":";;;;;AAAY,IAAAA,IAAA,kBAAAC,OACRA,EAAA,UAAA,WACAA,EAAA,YAAA,aACAA,EAAA,UAAA,WACAA,EAAA,WAAA,YACAA,EAAA,UAAA,WALQA,IAAAD,KAAA,CAAA,CAAA;ACaZ,MAAAE,IAAAC,EAAA;AAAA,EAAA,MAAA;AAAA,EACA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IACA,SAAA;AAAA,MAKA,MAAA;AAAA,MACA,SAAAH,EAAA;AAAA,MACA,WAAA,CAAAI,MAAA,OAAA,OAAAJ,CAAA,EAAA,SAAAI,CAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IACA,QAAA;AAAA,MAIA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,MAAAC,GAAA,EAAA,OAAAC,EAAA,GAAA;AAEA,UAAAC,IAAAC,EAAA;AAAA,MAAA,OAAAC,EAAAH,CAAA,EAAA,SAAA;AAAA,MACA,iBAAA;AAAA,IACA,CAAA,GAGAI,IAAAC,EAAA,OAAA;AAAA,MAAA,CAAA,eAAAN,EAAA,OAAA,EAAA,GAAA;AAAA,IACA,EAAA;AAGA,WAAA;AAAA;AAAA,MAAA,WAAAE;AAAA,MAEA,oBAAAG;AAAA,IACA;AAAA,EACA;AAEA,CAAA;;;;;;;;;;;;;"}

package/dist/button.js

@@ -1,97 +1,17 @@
-import { a } from "./chunks/button.cb90b55c.js";
-import { b as P, B as S } from "./chunks/button.cb90b55c.js";
-import { B as K, c as $, a as h, b as w } from "./chunks/button-actions.87e589e3.js";
-import { B as E, a as F } from "./chunks/loading-button.692dbdc8.js";
-import { defineComponent as c, computed as u, useSlots as i } from "vue";
-import "./chunks/index.4c062058.js";
-import { n as p } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import "./assets/index3.css";
-const _ = {}, g = /* @__PURE__ */ c({
-  ..._,
-  __name: "toggle-button",
-  props: {
-    /**
-     * Reduces sizing of button
-     */
-    condensed: {
-      type: a.props.condensed.type,
-      default: !1
-    },
-    /**
-     * Disables button functonality
-     */
-    disabled: {
-      type: a.props.disabled.type,
-      default: !1
-    },
-    /**
-     * Sets color set to inverse
-     */
-    inverse: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Types of flavour of Button
-     * @values primary, secondary, tertiary
-     */
-    variant: {
-      type: a.props.variant.type,
-      default: "primary",
-      validator: a.props.variant.validator
-    },
-    /**
-     * The state of the button whether it is toggled or not.
-     */
-    toggled: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: ["click", "update:toggled"],
-  setup(r, { emit: t }) {
-    const e = r, o = u(
-      () => e.variant === "tertiary" ? "tertiary-with-background" : e.variant
-    ), s = u(() => ({
-      ["b-toggle-button--condensed"]: e == null ? void 0 : e.condensed,
-      [`b-toggle-button--${o.value}-toggled`]: e.toggled,
-      ["b-toggle-button--inverse"]: e.inverse
-    })), n = (l) => {
-      l.stopPropagation(), e != null && e.disabled || (t("click", l), t("update:toggled", !e.toggled));
-    }, d = i();
-    return { __sfc: !0, props: e, emit: t, computedVariant: o, conditionalClasses: s, onClick: n, slots: d, getSlotKeyIfVue3: (l) => ({}), BentoButton: a };
-  }
-});
-var f = function() {
-  var t = this, e = t._self._c, o = t._self._setupProxy;
-  return e(o.BentoButton, t._b({ staticClass: "b-toggle-button", class: o.conditionalClasses, attrs: { "aria-expanded": `${t.toggled}`, condensed: t.condensed, disabled: t.disabled, inverse: t.inverse, variant: o.computedVariant }, on: { "!click": function(s) {
-    return s.stopPropagation(), o.onClick.apply(null, arguments);
-  } }, scopedSlots: t._u([t._l(o.slots, function(s, n) {
-    return { key: n, fn: function() {
-      return [t._t(n, null, null, o.getSlotKeyIfVue3(n))];
-    }, proxy: !0 };
-  })], null, !0) }, "bento-button", t.$attrs, !1));
-}, B = [], m = /* @__PURE__ */ p(
-  g,
-  f,
-  B,
-  !1,
-  null,
-  "da4cca72",
-  null,
-  null
-);
-const k = m.exports;
+import { B as n, b as B, a } from "./chunks/button.DhAUh5JA.js";
+import { B as s, c as u, a as r, b as i } from "./chunks/button-actions.Bg9ey0p6.js";
+import { B as p, a as x } from "./chunks/loading-button.CoF1IhEU.js";
+import { B as d } from "./chunks/toggle-button.2U-vbQhk.js";
 export {
-  a as BentoButton,
-  K as BentoButtonActions,
-  $ as BentoButtonActionsLayout,
-  h as BentoButtonActionsLayoutBasic,
-  w as BentoButtonActionsLayoutExtended,
-  P as BentoButtonPropClass,
-  S as BentoButtonVariant,
-  E as BentoLoadingButton,
-  F as BentoLoadingButtonState,
-  k as BentoToggleButton
+  n as BentoButton,
+  s as BentoButtonActions,
+  u as BentoButtonActionsLayout,
+  r as BentoButtonActionsLayoutBasic,
+  i as BentoButtonActionsLayoutExtended,
+  B as BentoButtonPropClass,
+  a as BentoButtonVariant,
+  p as BentoLoadingButton,
+  x as BentoLoadingButtonState,
+  d as BentoToggleButton
 };
 //# sourceMappingURL=button.js.map

package/dist/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sources":["../src/components/button/components/toggle-button/toggle-button.vue"],"sourcesContent":["<template>\n    <bento-button\n        class=\"b-toggle-button\"\n        v-bind=\"$attrs\"\n        :aria-expanded=\"`${toggled}`\"\n        :condensed=\"condensed\"\n        :class=\"conditionalClasses\"\n        :disabled=\"disabled\"\n        :inverse=\"inverse\"\n        :variant=\"computedVariant\"\n        @click.capture.stop=\"onClick\"\n    >\n        <template v-for=\"(_, innerSlot) of slots\" #[innerSlot]>\n            <slot :name=\"innerSlot\" v-bind=\"getSlotKeyIfVue3(innerSlot)\" />\n        </template>\n    </bento-button>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, useSlots } from 'vue';\n    import BentoButton from '@/components/button/button.vue';\n    import { BentoButtonVariant } from '@/core/components/button/button.types';\n    import { isVue3 } from 'vue-demi';\n\n    const props = defineProps({\n        /**\n         * Reduces sizing of button\n         */\n        condensed: {\n            type: BentoButton.props.condensed.type,\n            default: false,\n        },\n\n        /**\n         * Disables button functonality\n         */\n        disabled: {\n            type: BentoButton.props.disabled.type,\n            default: false,\n        },\n\n        /**\n         * Sets color set to inverse\n         */\n        inverse: {\n            type: Boolean,\n            default: false,\n        },\n\n        /**\n         * Types of flavour of Button\n         * @values primary, secondary, tertiary\n         */\n        variant: {\n            type: BentoButton.props.variant.type,\n            default: 'primary',\n            validator: BentoButton.props.variant.validator,\n        },\n\n        /**\n         * The state of the button whether it is toggled or not.\n         */\n        toggled: {\n            type: Boolean,\n            default: false,\n        },\n    });\n\n    const emit = defineEmits<{\n        /**\n         * Click event handler\n         */\n        (e: 'click', event: MouseEvent): void;\n\n        /**\n         * Update the toggle state when the button has been clicked.\n         */\n        (e: 'update:toggled', newToggleState: boolean): void;\n    }>();\n\n    const computedVariant = computed(\n        () => (props.variant === 'tertiary' ? 'tertiary-with-background' : props.variant) as BentoButtonVariant\n    );\n\n    const conditionalClasses = computed(() => ({\n        [`b-toggle-button--condensed`]: props?.condensed,\n        [`b-toggle-button--${computedVariant.value}-toggled`]: props.toggled,\n        [`b-toggle-button--inverse`]: props.inverse,\n    }));\n\n    const onClick = (e: MouseEvent) => {\n        // Prevent Vue3 from triggering event twice\n        e.stopPropagation();\n        if (!props?.disabled) {\n            emit('click', e);\n            emit('update:toggled', !props.toggled);\n        }\n    };\n\n    const slots = useSlots();\n    // If we don't provide a key to `slot` in vue 3, we will get type errors\n    const getSlotKeyIfVue3 = (slotName: string | number) => (isVue3 ? { key: slotName } : {});\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Toggle button is used to switch between two states (example: menu shown, menu hidden).\n     * It functions as a regular button but retains its state to indicate whether the associated menu or element is active or inactive.\n     *\n     * @example\n     * import { BentoToggleButton } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoToggleButton },\n     *     template: `\n     *          <bento-toggle-button state=\"toggled\" variant=\"secondary\">\n     *              Button that can be toggled\n     *          </bento-toggle-button>\n     *     `\n     * }\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./toggle-button.scss\" />\n"],"names":["__default__","computedVariant","computed","props","conditionalClasses","onClick","e","emit","slots","useSlots","slotName"],"mappings":";;;;;;;;AAyHI,MAAAA,IAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAzCAC,IAAAC;AAAA,MAAwB,MAAAC,EAAA,YAAA,aAAA,6BAAAA,EAAA;AAAA,IACqD,GAG7EC,IAAAF,EAAA,OAAA;AAAA,MAA2C,CAAA,4BAAA,GAAAC,KAAA,gBAAAA,EAAA;AAAA,MACA,CAAA,oBAAAF,EAAA,eAAA,GAAAE,EAAA;AAAA,MACsB,CAAA,0BAAA,GAAAA,EAAA;AAAA,IACzB,EAAA,GAGxCE,IAAA,CAAAC,MAAA;AAEI,MAAAA,EAAA,gBAAA,GACAH,KAAA,QAAAA,EAAA,aACII,EAAA,SAAAD,CAAA,GACAC,EAAA,kBAAA,CAAAJ,EAAA,OAAA;AAAA,IACJ,GAGJK,IAAAC,EAAA;8HAEA,CAAAC,OAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"button.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/card.js

@@ -1,117 +1,7 @@
-import { defineComponent as T, useSlots as I, ref as C, watch as h, computed as n } from "vue";
-import { B as H } from "./chunks/index.e29a6907.js";
-import { C as D, a as M } from "./chunks/chevron-up.81185563.js";
-import { u as U } from "./chunks/use-expandable-content-height.62fc84e5.js";
-import { u as z } from "./chunks/use-has-slot.fbeb19ec.js";
-import { g as R } from "./chunks/unique-id.a2a2b458.js";
-import { u as O } from "./chunks/i18n.eb5b985b.js";
-import { o as W } from "./chunks/resize.a041304d.js";
-import { c as F, B as N } from "./chunks/button-actions.87e589e3.js";
-import { n as P } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import "./assets/index4.css";
-var f = /* @__PURE__ */ ((o) => (o.PRIMARY = "primary", o.SECONDARY = "secondary", o))(f || {}), c = /* @__PURE__ */ ((o) => (o.DEFAULT = "default", o.SMALL = "small", o))(c || {});
-const Y = {
-  "en-US": {
-    showCardContent: "Show card content",
-    hideCardContent: "Hide card content"
-  }
-}, j = {
-  i18n: { messages: Y },
-  name: "bento-card"
-}, q = /* @__PURE__ */ T({
-  ...j,
-  props: {
-    actions: { default: null },
-    actionsLayout: { default: F.BUTTONS_END },
-    background: { default: f.PRIMARY },
-    closed: { type: Boolean, default: !1 },
-    disabled: { type: Boolean, default: !1 },
-    expandable: { type: Boolean, default: !1 },
-    titleSize: { default: c.DEFAULT }
-  },
-  emits: ["click", "expanded"],
-  setup(o, { emit: t }) {
-    const a = o, { t: e } = O(), s = I(), d = z(s), i = C(null), x = R("card"), r = C(!a.closed);
-    h(
-      () => a.closed,
-      (l) => {
-        r.value = !l;
-      }
-    );
-    const p = n(() => d("default") || d("description") || d("header")), y = n(() => d("default") || d("header")), b = n(
-      () => {
-        var l;
-        return (d("content") || ((l = a.actions) == null ? void 0 : l.length)) && (!a.expandable || a.expandable && r.value);
-      }
-    ), g = n(() => a.expandable && !a.disabled ? 0 : -1), v = n(() => ({
-      [`b-card--${a.background}`]: a.background,
-      "b-card--expandable": a.expandable,
-      "b-card--disabled": a.expandable && a.disabled
-    })), m = n(() => ({
-      "b-card__header--expandable": a.expandable,
-      "b-card__header--without-body": !a.expandable && !b.value
-    })), w = n(() => ({
-      "b-card__toggle--small-text": a.titleSize === c.SMALL
-    })), S = n(() => ({
-      "b-card__body--expandable": a.expandable && d("content"),
-      "b-card__body--without-header": !a.expandable && !p.value
-    })), k = n(() => ({
-      "b-card__content--without-header": !a.expandable && !p.value,
-      "b-card__content--expandable": a.expandable
-    })), B = n(() => {
-      const l = !a.expandable && a.actions && !d("content");
-      return {
-        "b-card__actions--without-content": l,
-        "b-card__actions--without-content-and-with-header": l && p.value
-      };
-    }), A = n(() => ({
-      "b-card__title-wrapper--truncated": d("header")
-    })), E = n(
-      () => ({
-        el: "div",
-        variant: a.titleSize === c.DEFAULT ? "title" : "body",
-        strongest: a.titleSize === c.SMALL,
-        wide: a.titleSize === c.SMALL
-      })
-    ), { updateContentHeight: _, contentHeight: u } = U(i, r), L = n(
-      () => a.expandable && u.value ? { "max-height": u.value } : {}
-    );
-    return h(
-      () => i.value,
-      () => {
-        let l = null;
-        !l && i.value && (l = W(i.value, () => {
-          i.value && _();
-        }));
-      }
-    ), { __sfc: !0, t: e, slots: s, hasSlot: d, props: a, emit: t, contentDiv: i, cardId: x, showContent: r, showHeader: p, showTitleWrapper: y, showCardBody: b, tabIndex: g, cardConditionalClasses: v, cardHeaderConditionalClasses: m, cardToggleConditionalClasses: w, cardBodyConditionalClasses: S, cardContentConditionalClasses: k, cardActionsConditionalClasses: B, cardTitleWrapperConditionalClasses: A, typography: E, updateContentHeight: _, contentHeight: u, contentMaxHeight: L, toggleExpansion: () => {
-      !a.disabled && a.expandable && (r.value = !r.value, t("expanded", r.value), _());
-    }, onClick: () => {
-      a.disabled || t("click");
-    }, BentoTypography: H, BentoButtonActions: N, ChevronDownIcon: D, ChevronUpIcon: M };
-  }
-});
-var G = function() {
-  var t = this, a = t._self._c, e = t._self._setupProxy;
-  return a("div", { staticClass: "b-card", class: e.cardConditionalClasses, attrs: { "data-testid": "card" }, on: { click: e.onClick } }, [e.hasSlot("image") ? a("div", { staticClass: "b-card__image" }, [t._t("image")], 2) : t._e(), e.showHeader ? a("div", { staticClass: "b-card__header", class: e.cardHeaderConditionalClasses, attrs: { tabindex: e.tabIndex, "aria-controls": t.expandable ? e.cardId : null, "aria-expanded": t.expandable ? `${e.showContent}` : null, role: t.expandable ? "button" : null }, on: { click: e.toggleExpansion, keypress: [function(s) {
-    return !s.type.indexOf("key") && t._k(s.keyCode, "enter", 13, s.key, "Enter") ? null : e.toggleExpansion.apply(null, arguments);
-  }, function(s) {
-    return !s.type.indexOf("key") && t._k(s.keyCode, "space", 32, s.key, [" ", "Spacebar"]) ? null : e.toggleExpansion.apply(null, arguments);
-  }] } }, [a("div", { staticClass: "b-card__header-wrapper" }, [e.showTitleWrapper ? a("div", { staticClass: "b-card__header-slot-wrapper" }, [a("div", { staticClass: "b-card__title-wrapper", class: e.cardTitleWrapperConditionalClasses }, [t.expandable ? a("div", { staticClass: "b-card__toggle", class: e.cardToggleConditionalClasses }, [e.showContent ? a(e.ChevronUpIcon, { attrs: { "svg-title": e.t("hideCardContent"), "aria-hidden": "true" } }) : a(e.ChevronDownIcon, { attrs: { "svg-title": e.t("showCardContent"), "aria-hidden": "true" } })], 1) : t._e(), e.hasSlot("default") ? a(e.BentoTypography, t._b({ staticClass: "b-card__title" }, "bento-typography", e.typography, !1), [t._t("default")], 2) : t._e()], 1), e.hasSlot("header") ? [t._t("header")] : t._e()], 2) : t._e(), e.hasSlot("description") ? a(e.BentoTypography, { staticClass: "b-card__description", attrs: { el: "div", variant: "body" } }, [t._t("description")], 2) : t._e()], 1)]) : t._e(), a("Transition", { attrs: { name: "b-card__animation" } }, [e.showCardBody ? a("div", { staticClass: "b-card__wrapper", style: e.contentMaxHeight }, [a("div", { ref: "contentDiv", staticClass: "b-card__body", class: e.cardBodyConditionalClasses, attrs: { id: t.expandable ? e.cardId : null } }, [e.hasSlot("content") ? a("div", { staticClass: "b-card__content", class: e.cardContentConditionalClasses }, [t._t("content")], 2) : t._e(), t.actions ? a("div", { staticClass: "b-card__actions", class: e.cardActionsConditionalClasses }, [a(e.BentoButtonActions, { attrs: { actions: t.actions, layout: t.actionsLayout } })], 1) : t._e()])]) : t._e()])], 1);
-}, J = [], K = /* @__PURE__ */ P(
-  q,
-  G,
-  J,
-  !1,
-  null,
-  "d9419ec6",
-  null,
-  null
-);
-const la = K.exports;
+import { c as o, B as r, a as t } from "./chunks/card.70Xvba2C.js";
 export {
-  la as BentoCard,
-  f as BentoCardBackground,
-  c as BentoCardTitleSize
+  o as BentoCard,
+  r as BentoCardBackground,
+  t as BentoCardTitleSize
 };
 //# sourceMappingURL=card.js.map

package/dist/card.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.js","sources":["../src/components/card/card.types.ts","../src/components/card/card.vue"],"sourcesContent":["/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoCardBackground {\n    PRIMARY = 'primary',\n    SECONDARY = 'secondary',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoCardTitleSize {\n    DEFAULT = 'default',\n    SMALL = 'small',\n}\n","<template>\n    <div class=\"b-card\" :class=\"cardConditionalClasses\" data-testid=\"card\" @click=\"onClick\">\n        <div v-if=\"hasSlot('image')\" class=\"b-card__image\">\n            <slot name=\"image\"></slot>\n        </div>\n        <div\n            v-if=\"showHeader\"\n            class=\"b-card__header\"\n            :class=\"cardHeaderConditionalClasses\"\n            :tabindex=\"tabIndex\"\n            :aria-controls=\"expandable ? cardId : null\"\n            :aria-expanded=\"expandable ? `${showContent}` : null\"\n            :role=\"expandable ? 'button' : null\"\n            @click=\"toggleExpansion\"\n            @keypress.enter=\"toggleExpansion\"\n            @keypress.space=\"toggleExpansion\"\n        >\n            <div class=\"b-card__header-wrapper\">\n                <div v-if=\"showTitleWrapper\" class=\"b-card__header-slot-wrapper\">\n                    <div class=\"b-card__title-wrapper\" :class=\"cardTitleWrapperConditionalClasses\">\n                        <div v-if=\"expandable\" class=\"b-card__toggle\" :class=\"cardToggleConditionalClasses\">\n                            <chevron-up-icon v-if=\"showContent\" :svg-title=\"t('hideCardContent')\" aria-hidden=\"true\" />\n                            <chevron-down-icon v-else :svg-title=\"t('showCardContent')\" aria-hidden=\"true\" />\n                        </div>\n                        <bento-typography v-if=\"hasSlot('default')\" class=\"b-card__title\" v-bind=\"typography\">\n                            <slot />\n                        </bento-typography>\n                    </div>\n\n                    <template v-if=\"hasSlot('header')\">\n                        <slot name=\"header\"></slot>\n                    </template>\n                </div>\n\n                <bento-typography v-if=\"hasSlot('description')\" class=\"b-card__description\" el=\"div\" variant=\"body\">\n                    <slot name=\"description\" />\n                </bento-typography>\n            </div>\n        </div>\n\n        <Transition name=\"b-card__animation\">\n            <div v-if=\"showCardBody\" class=\"b-card__wrapper\" :style=\"contentMaxHeight\">\n                <div\n                    :id=\"expandable ? cardId : null\"\n                    ref=\"contentDiv\"\n                    class=\"b-card__body\"\n                    :class=\"cardBodyConditionalClasses\"\n                >\n                    <div v-if=\"hasSlot('content')\" class=\"b-card__content\" :class=\"cardContentConditionalClasses\">\n                        <slot name=\"content\" />\n                    </div>\n\n                    <div v-if=\"actions\" class=\"b-card__actions\" :class=\"cardActionsConditionalClasses\">\n                        <bento-button-actions :actions=\"actions\" :layout=\"actionsLayout\"></bento-button-actions>\n                    </div>\n                </div>\n            </div>\n        </Transition>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, ref, useSlots, watch } from 'vue';\n\n    // Components\n    import { BentoTypography } from '@/components/typography';\n    import { BentoButtonActions, BentoButtonActionsLayout, BentoButtonActionsList } from '@/components/button';\n    import { BentoCardBackground, BentoCardTitleSize } from '@/components/card/card.types';\n    import ChevronDownIcon from '@adyen/ui-assets-icons-16/vue/chevron-down';\n    import ChevronUpIcon from '@adyen/ui-assets-icons-16/vue/chevron-up';\n\n    // Composables\n    import { useExpandableContentHeight } from '@/composables/use-expandable-content-height/use-expandable-content-height';\n\n    // Utils\n    import { useHasSlot } from '@/composables';\n    import { generateUid } from '@/utils/ts/unique-id';\n    import { useI18n } from '@/utils/ts/i18n';\n    import { observeSizeOfElement } from '@/utils/ts/resize';\n\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n\n    const props = withDefaults(\n        defineProps<{\n            /**\n             * List of actions that will be used to render the buttons.\n             * First element in the list will be rendered as \"primary\".\n             * All elements after the first will be rendered as \"secondary\".\n             *\n             * Each object in the list should have a `title`, an `event` and\n             * (optional) a Vue `icon` from the library `@adyen/ui-assets-icons-16`.\n             *\n             * `title`: Button's text.\n             *\n             * `event`: Event triggered when clicking the Button.\n             *\n             * `icon`: Vue Icon from the library `@adyen/ui-assets-icons-16`.\n             *\n             * ```\n             * [{\n             *   title: 'Primary',\n             *   event: () => { ... },\n             *   icon: FourPeopleIcon\n             * }, {\n             *   title: 'Secondary',\n             *   event: () => { ... }\n             * }]\n             * ```\n             */\n            actions?: BentoButtonActionsList;\n\n            /**\n             * Defines the layout in which the button actions is presented.\n             * It can be one of:\n             *\n             * @values BUTTONS_START\n             * @values BUTTONS_END\n             * @values FILL_CONTAINER\n             * @values SPACE_BETWEEN\n             * @values VERTICAL_STACK\n             */\n            actionsLayout?: BentoButtonActionsLayout | `${BentoButtonActionsLayout}`;\n\n            /**\n             * Defines the color of card background\n             */\n            background?: BentoCardBackground | `${BentoCardBackground}`;\n\n            /**\n             * Sets the expandable card in a closed state\n             */\n            closed?: boolean;\n\n            /**\n             * Disables the expandable card\n             */\n            disabled?: boolean;\n\n            /**\n             * The whole content of the card will be expandable in accordion manner\n             */\n            expandable?: boolean;\n\n            /**\n             * Defines the title size of the card header\n             */\n            titleSize?: BentoCardTitleSize | `${BentoCardTitleSize}`;\n        }>(),\n        {\n            actions: null,\n            actionsLayout: BentoButtonActionsLayout.BUTTONS_END,\n            background: BentoCardBackground.PRIMARY,\n            closed: false,\n            disabled: false,\n            expandable: false,\n            titleSize: BentoCardTitleSize.DEFAULT,\n        }\n    );\n\n    const emit = defineEmits<{\n        (e: 'click');\n        (e: 'expanded', isExpanded: boolean);\n    }>();\n\n    const contentDiv = ref<HTMLDivElement>(null);\n\n    const cardId = generateUid('card');\n    const showContent = ref(!props.closed);\n    watch(\n        () => props.closed,\n        value => {\n            showContent.value = !value;\n        }\n    );\n    const showHeader = computed(() => hasSlot('default') || hasSlot('description') || hasSlot('header'));\n    const showTitleWrapper = computed(() => hasSlot('default') || hasSlot('header'));\n    const showCardBody = computed(\n        () =>\n            (hasSlot('content') || props.actions?.length) &&\n            (!props.expandable || (props.expandable && showContent.value))\n    );\n    const tabIndex = computed(() => (props.expandable && !props.disabled ? 0 : -1));\n\n    const cardConditionalClasses = computed(() => ({\n        [`b-card--${props.background}`]: props.background,\n        'b-card--expandable': props.expandable,\n        'b-card--disabled': props.expandable && props.disabled,\n    }));\n\n    const cardHeaderConditionalClasses = computed(() => ({\n        'b-card__header--expandable': props.expandable,\n        'b-card__header--without-body': !props.expandable && !showCardBody.value,\n    }));\n\n    const cardToggleConditionalClasses = computed(() => ({\n        'b-card__toggle--small-text': props.titleSize === BentoCardTitleSize.SMALL,\n    }));\n\n    const cardBodyConditionalClasses = computed(() => ({\n        'b-card__body--expandable': props.expandable && hasSlot('content'),\n        'b-card__body--without-header': !props.expandable && !showHeader.value,\n    }));\n\n    const cardContentConditionalClasses = computed(() => ({\n        'b-card__content--without-header': !props.expandable && !showHeader.value,\n        'b-card__content--expandable': props.expandable,\n    }));\n\n    const cardActionsConditionalClasses = computed(() => {\n        const isNotExpandableWithoutContent = !props.expandable && props.actions && !hasSlot('content');\n\n        return {\n            'b-card__actions--without-content': isNotExpandableWithoutContent,\n            'b-card__actions--without-content-and-with-header': isNotExpandableWithoutContent && showHeader.value,\n        };\n    });\n\n    const cardTitleWrapperConditionalClasses = computed(() => ({\n        'b-card__title-wrapper--truncated': hasSlot('header'),\n    }));\n\n    const typography = computed(\n        () =>\n            ({\n                el: 'div',\n                variant: props.titleSize === BentoCardTitleSize.DEFAULT ? 'title' : 'body',\n                strongest: props.titleSize === BentoCardTitleSize.SMALL,\n                wide: props.titleSize === BentoCardTitleSize.SMALL,\n            } as InstanceType<typeof BentoTypography>['$props'])\n    );\n\n    // Toggle open and close logic and animation\n    const { updateContentHeight, contentHeight } = useExpandableContentHeight(contentDiv, showContent);\n\n    const contentMaxHeight = computed(() =>\n        props.expandable && contentHeight.value ? { 'max-height': contentHeight.value } : {}\n    );\n\n    watch(\n        () => contentDiv.value,\n        () => {\n            let observer: ResizeObserver | null = null;\n            if (!observer && contentDiv.value) {\n                observer = observeSizeOfElement(contentDiv.value, () => {\n                    if (contentDiv.value) {\n                        updateContentHeight();\n                    }\n                });\n            }\n        }\n    );\n\n    const toggleExpansion = () => {\n        if (!props.disabled && props.expandable) {\n            showContent.value = !showContent.value;\n            emit('expanded', showContent.value);\n            updateContentHeight();\n        }\n    };\n\n    const onClick = () => {\n        if (!props.disabled) {\n            emit('click');\n        }\n    };\n</script>\n\n<script lang=\"ts\">\n    /**\n     * A card is a flexible and composable container.\n     * Use cards to represent a single object or to visually group certain content, like legal information within company settings.\n     *\n     * @example\n     * import { BentoCard } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoCard },\n     *     template: `\n     *         <bento-card>\n     *             Title of the Card\n     *         </bento-card>\n     *     `\n     * };\n     */\n    export default {\n        i18n: { messages },\n        name: 'bento-card',\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./card.scss\" />\n"],"names":["BentoCardBackground","BentoCardBackground2","BentoCardTitleSize","BentoCardTitleSize2","__default__","messages","t","useI18n","slots","useSlots","hasSlot","useHasSlot","contentDiv","ref","cardId","generateUid","showContent","props","watch","value","showHeader","computed","showTitleWrapper","showCardBody","_a","tabIndex","cardConditionalClasses","cardHeaderConditionalClasses","cardToggleConditionalClasses","cardBodyConditionalClasses","cardContentConditionalClasses","cardActionsConditionalClasses","isNotExpandableWithoutContent","cardTitleWrapperConditionalClasses","typography","updateContentHeight","contentHeight","useExpandableContentHeight","contentMaxHeight","observer","observeSizeOfElement","emit"],"mappings":";;;;;;;;;;;AAGY,IAAAA,IAAA,kBAAAC,OACRA,EAAA,UAAA,WACAA,EAAA,YAAA,aAFQA,IAAAD,KAAA,CAAA,CAAA,GAQAE,IAAA,kBAAAC,OACRA,EAAA,UAAA,WACAA,EAAA,QAAA,SAFQA,IAAAD,KAAA,CAAA,CAAA;;;;;;GCwRRE,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAAA,EACM,MAAA;AAErB;;;;;;;;;;;;;iBAlNA,EAAA,GAAAC,EAAA,IAAAC,EAAA,GAEAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAoFAI,IAAAC,EAAA,IAAA,GAEAC,IAAAC,EAAA,MAAA,GACAC,IAAAH,EAAA,CAAAI,EAAA,MAAA;AACA,IAAAC;AAAA,MAAA,MAAAD,EAAA;AAAA,MACgB,CAAAE,MAAA;AAER,QAAAH,EAAA,QAAA,CAAAG;AAAA,MAAqB;AAAA,IACzB;AAEJ,UAAAC,IAAAC,EAAA,MAAAX,EAAA,SAAA,KAAAA,EAAA,aAAA,KAAAA,EAAA,QAAA,CAAA,GACAY,IAAAD,EAAA,MAAAX,EAAA,SAAA,KAAAA,EAAA,QAAA,CAAA,GACAa,IAAAF;AAAA,MAAqB,MAAA;;AAAA,gBAAAX,EAAA,SAAA,OAAAc,IAAAP,EAAA,YAAA,gBAAAO,EAAA,aAAA,CAAAP,EAAA,cAAAA,EAAA,cAAAD,EAAA;AAAA;AAAA,IAG0C,GAE/DS,IAAAJ,EAAA,MAAAJ,EAAA,cAAA,CAAAA,EAAA,WAAA,IAAA,EAAA,GAEAS,IAAAL,EAAA,OAAA;AAAA,MAA+C,CAAA,WAAAJ,EAAA,YAAA,GAAAA,EAAA;AAAA,MACJ,sBAAAA,EAAA;AAAA,MACX,oBAAAA,EAAA,cAAAA,EAAA;AAAA,IACkB,EAAA,GAGlDU,IAAAN,EAAA,OAAA;AAAA,MAAqD,8BAAAJ,EAAA;AAAA,MACb,gCAAA,CAAAA,EAAA,cAAA,CAAAM,EAAA;AAAA,IAC+B,EAAA,GAGvEK,IAAAP,EAAA,OAAA;AAAA,MAAqD,8BAAAJ,EAAA,cAAAf,EAAA;AAAA,IACoB,EAAA,GAGzE2B,IAAAR,EAAA,OAAA;AAAA,MAAmD,4BAAAJ,EAAA,cAAAP,EAAA,SAAA;AAAA,MACkB,gCAAA,CAAAO,EAAA,cAAA,CAAAG,EAAA;AAAA,IACA,EAAA,GAGrEU,IAAAT,EAAA,OAAA;AAAA,MAAsD,mCAAA,CAAAJ,EAAA,cAAA,CAAAG,EAAA;AAAA,MACkB,+BAAAH,EAAA;AAAA,IAC/B,EAAA,GAGzCc,IAAAV,EAAA,MAAA;AACI,YAAAW,IAAA,CAAAf,EAAA,cAAAA,EAAA,WAAA,CAAAP,EAAA,SAAA;AAEA,aAAA;AAAA,QAAO,oCAAAsB;AAAA,QACiC,oDAAAA,KAAAZ,EAAA;AAAA,MAC4D;AAAA,IACpG,CAAA,GAGJa,IAAAZ,EAAA,OAAA;AAAA,MAA2D,oCAAAX,EAAA,QAAA;AAAA,IACH,EAAA,GAGxDwB,IAAAb;AAAA,MAAmB,OAAA;AAAA,QAEV,IAAA;AAAA,QACO,SAAAJ,EAAA,cAAAf,EAAA,UAAA,UAAA;AAAA,QACgE,WAAAe,EAAA,cAAAf,EAAA;AAAA,QAClB,MAAAe,EAAA,cAAAf,EAAA;AAAA,MACL;AAAA,IACjD,GAIR,EAAA,qBAAAiC,GAAA,eAAAC,EAAA,IAAAC,EAAAzB,GAAAI,CAAA,GAEAsB,IAAAjB;AAAA,MAAyB,MAAAJ,EAAA,cAAAmB,EAAA,QAAA,EAAA,cAAAA,EAAA,MAAA,IAAA,CAAA;AAAA,IAC8D;AAGvF,WAAAlB;AAAA,MAAA,MAAAN,EAAA;AAAA,MACqB,MAAA;AAEb,YAAA2B,IAAA;AACA,QAAA,CAAAA,KAAA3B,EAAA,UACI2B,IAAAC,EAAA5B,EAAA,OAAA,MAAA;AACI,UAAAA,EAAA,SACIuB,EAAA;AAAA,QACJ,CAAA;AAAA,MAER;AAAA,IACJ,ifAGJ,MAAA;AACI,MAAA,CAAAlB,EAAA,YAAAA,EAAA,eACID,EAAA,QAAA,CAAAA,EAAA,OACAyB,EAAA,YAAAzB,EAAA,KAAA,GACAmB,EAAA;AAAA,IACJ,YAGJ,MAAA;AACI,MAAAlB,EAAA,YACIwB,EAAA,OAAA;AAAA,IACJ;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"card.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}