@adyen/bento-vue3 1.9.0 → 1.10.0

package/dist/assets/index6.css

@@ -1 +1 @@
-.b-card[data-v-f302d0dd]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-card-background-color);border:var(--b-card-border-width) solid var(--b-card-border-color);border-radius:var(--b-card-border-radius)}.b-card[data-v-f302d0dd],.b-card[data-v-f302d0dd]:before,.b-card[data-v-f302d0dd]:after{box-sizing:border-box}.b-card *[data-v-f302d0dd],.b-card *[data-v-f302d0dd]:before,.b-card *[data-v-f302d0dd]:after{box-sizing:border-box}.b-card[data-v-f302d0dd] ::-webkit-scrollbar{height:14px;width:14px}.b-card[data-v-f302d0dd] ::-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-card--secondary[data-v-f302d0dd]{background-color:var(--b-card-secondary-background-color)}.b-legacy-theme .b-card--secondary[data-v-f302d0dd]{border-color:var(--b-card-secondary-border-color)}@media (hover: hover){.b-card--secondary.b-card--expandable:not(.b-card--disabled) .b-card__header[data-v-f302d0dd]:hover{background-color:var(--b-card-secondary-header-hover-background-color)}}.b-card--secondary.b-card--expandable:not(.b-card--disabled) .b-card__header[data-v-f302d0dd]:focus-visible{background-color:var(--b-card-secondary-header-focus-background-color)}.b-card--secondary.b-card--expandable:not(.b-card--disabled) .b-card__header[data-v-f302d0dd]:active{background-color:var(--b-card-secondary-header-active-background-color)}@media (hover: hover){.b-card--expandable:not(.b-card--disabled) .b-card__header[data-v-f302d0dd]:hover{background-color:var(--b-card-header-hover-background-color)}}.b-card--expandable:not(.b-card--disabled) .b-card__header[data-v-f302d0dd]:focus-visible{animation:outer-ring-default-f302d0dd 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);background-color:var(--b-card-header-focus-background-color);outline:none}@keyframes outer-ring-default-f302d0dd{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-card--expandable:not(.b-card--disabled) .b-card__header[data-v-f302d0dd]:active{background-color:var(--b-card-header-active-background-color)}.b-card--expandable .b-card__header[data-v-f302d0dd]{cursor:pointer}.b-card--expandable .b-card__header[data-v-f302d0dd]:focus-visible{outline:none}.b-card--expandable .b-card__description[data-v-f302d0dd]{margin-left:var(--b-card-description-margin-left)}.b-card--expandable .b-card__body[data-v-f302d0dd]{background-color:var(--b-card-header-margin-top)}.b-card--disabled .b-card__header[data-v-f302d0dd]{color:var(--b-card-disabled-color);cursor:not-allowed}.b-card__image[data-v-f302d0dd]{border-top-left-radius:var(--b-card-border-radius);border-top-right-radius:var(--b-card-border-radius);overflow:hidden}.b-card__image[data-v-f302d0dd] img{width:100%}.b-card__header[data-v-f302d0dd]{border-radius:var(--b-card-header-border-radius);color:var(--b-card-header-color);display:flex;gap:18px;padding:var(--b-card-header-padding)}.b-card__header--expandable[data-v-f302d0dd]{padding-bottom:var(--b-card-expandable-header-padding-bottom)}.b-card__header--without-body[data-v-f302d0dd]{padding-bottom:var(--b-card-header-padding-bottom)}.b-card__header-wrapper[data-v-f302d0dd]{display:flex;flex:1;flex-direction:column;gap:var(--b-spacer-020);overflow:hidden}.b-card__header-slot-wrapper[data-v-f302d0dd]{align-items:center;display:flex;gap:var(--b-spacer-070);justify-content:space-between;min-height:36px}.b-card__title-wrapper[data-v-f302d0dd]{display:flex;gap:var(--b-card-title-wrapper-gap)}.b-card__title-wrapper--truncated[data-v-f302d0dd]{overflow:hidden;white-space:nowrap}.b-card__title-wrapper--truncated .b-card__title[data-v-f302d0dd]{overflow:hidden;text-overflow:ellipsis}.b-card__toggle[data-v-f302d0dd]{align-items:center;display:flex;height:var(--b-card-toggle-height)}.b-card__toggle--small-text[data-v-f302d0dd]{height:var(--b-card-toggle-small-text-height)}.b-card__content[data-v-f302d0dd]{padding:var(--b-card-content-padding)}.b-card__content--without-header[data-v-f302d0dd]{padding-top:var(--b-card-content-padding-top)}.b-card__content--expandable[data-v-f302d0dd]{padding-top:0}.b-card__description[data-v-f302d0dd]{color:var(--b-card-description-color)}.b-card__body[data-v-f302d0dd]{display:flex;flex-direction:column;gap:16px;margin-top:-4px;padding:var(--b-card-body-padding)}.b-card__body--without-header[data-v-f302d0dd]{padding-top:var(--b-card-body-padding-top)}.b-card__body--expandable[data-v-f302d0dd]{padding-top:var(--b-card-body-expandable-padding-top)}.b-card__actions--without-content[data-v-f302d0dd]{padding-top:var(--b-card-actions-padding-top)}.b-card__actions--without-content .b-card__header[data-v-f302d0dd]{padding-bottom:var(--b-card-header-padding-bottom)}.b-card__actions--without-content-and-with-header[data-v-f302d0dd]{padding-top:var(--b-card-actions-without-content-padding-top)}.b-card__animation-enter-active[data-v-f302d0dd]{animation:fade-in-ufl5mak-f302d0dd var(--b-card-animation-duration) var(--b-animation-easing-linear),enter-ufl5mak-f302d0dd var(--b-card-animation-duration) var(--b-animation-easing-enter),scale-up-ufl5mak-f302d0dd var(--b-card-animation-duration) var(--b-animation-easing-linear);overflow:hidden;transition:max-height var(--b-card-animation-duration) var(--b-card-animation-easing)}@keyframes fade-in-ufl5mak-f302d0dd{0%{opacity:0}to{opacity:1}}@keyframes scale-up-ufl5mak-f302d0dd{0%{scale:1}to{scale:1}}@keyframes enter-ufl5mak-f302d0dd{0%{translate:0 -8px}to{translate:0 0}}.b-card__animation-leave-active[data-v-f302d0dd]{animation:fade-out-ufl5maw-f302d0dd var(--b-card-animation-duration) var(--b-animation-easing-linear),exit-ufl5maw-f302d0dd var(--b-card-animation-duration) var(--b-animation-easing-exit),scale-down-ufl5maw-f302d0dd var(--b-card-animation-duration) var(--b-animation-easing-linear);max-height:0!important;overflow:hidden;transition:max-height var(--b-card-animation-duration) var(--b-card-animation-easing)}@keyframes fade-out-ufl5maw-f302d0dd{0%{opacity:1}to{opacity:0}}@keyframes scale-down-ufl5maw-f302d0dd{0%{scale:1}to{scale:1}}@keyframes exit-ufl5maw-f302d0dd{0%{translate:0 0}to{translate:0 -8px}}
+.b-card[data-v-f302d0dd]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-card-background-color);border:var(--b-card-border-width) solid var(--b-card-border-color);border-radius:var(--b-card-border-radius)}.b-card[data-v-f302d0dd],.b-card[data-v-f302d0dd]:before,.b-card[data-v-f302d0dd]:after{box-sizing:border-box}.b-card *[data-v-f302d0dd],.b-card *[data-v-f302d0dd]:before,.b-card *[data-v-f302d0dd]:after{box-sizing:border-box}.b-card[data-v-f302d0dd] ::-webkit-scrollbar{height:14px;width:14px}.b-card[data-v-f302d0dd] ::-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-card--secondary[data-v-f302d0dd]{background-color:var(--b-card-secondary-background-color)}.b-legacy-theme .b-card--secondary[data-v-f302d0dd]{border-color:var(--b-card-secondary-border-color)}@media (hover: hover){.b-card--secondary.b-card--expandable:not(.b-card--disabled) .b-card__header[data-v-f302d0dd]:hover{background-color:var(--b-card-secondary-header-hover-background-color)}}.b-card--secondary.b-card--expandable:not(.b-card--disabled) .b-card__header[data-v-f302d0dd]:focus-visible{background-color:var(--b-card-secondary-header-focus-background-color)}.b-card--secondary.b-card--expandable:not(.b-card--disabled) .b-card__header[data-v-f302d0dd]:active{background-color:var(--b-card-secondary-header-active-background-color)}@media (hover: hover){.b-card--expandable:not(.b-card--disabled) .b-card__header[data-v-f302d0dd]:hover{background-color:var(--b-card-header-hover-background-color)}}.b-card--expandable:not(.b-card--disabled) .b-card__header[data-v-f302d0dd]:focus-visible{animation:outer-ring-default-f302d0dd 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);background-color:var(--b-card-header-focus-background-color);outline:none}@keyframes outer-ring-default-f302d0dd{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-card--expandable:not(.b-card--disabled) .b-card__header[data-v-f302d0dd]:active{background-color:var(--b-card-header-active-background-color)}.b-card--expandable .b-card__header[data-v-f302d0dd]{cursor:pointer}.b-card--expandable .b-card__header[data-v-f302d0dd]:focus-visible{outline:none}.b-card--expandable .b-card__description[data-v-f302d0dd]{margin-left:var(--b-card-description-margin-left)}.b-card--expandable .b-card__body[data-v-f302d0dd]{background-color:var(--b-card-header-margin-top)}.b-card--disabled .b-card__header[data-v-f302d0dd]{color:var(--b-card-disabled-color);cursor:not-allowed}.b-card__image[data-v-f302d0dd]{border-top-left-radius:var(--b-card-border-radius);border-top-right-radius:var(--b-card-border-radius);overflow:hidden}.b-card__image[data-v-f302d0dd] img{width:100%}.b-card__header[data-v-f302d0dd]{border-radius:var(--b-card-header-border-radius);color:var(--b-card-header-color);display:flex;gap:18px;padding:var(--b-card-header-padding)}.b-card__header--expandable[data-v-f302d0dd]{padding-bottom:var(--b-card-expandable-header-padding-bottom)}.b-card__header--without-body[data-v-f302d0dd]{padding-bottom:var(--b-card-header-padding-bottom)}.b-card__header-wrapper[data-v-f302d0dd]{display:flex;flex:1;flex-direction:column;gap:var(--b-spacer-020);overflow:hidden}.b-card__header-slot-wrapper[data-v-f302d0dd]{align-items:center;display:flex;gap:var(--b-spacer-070);justify-content:space-between;min-height:36px}.b-card__title-wrapper[data-v-f302d0dd]{display:flex;gap:var(--b-card-title-wrapper-gap)}.b-card__title-wrapper--truncated[data-v-f302d0dd]{overflow:hidden;white-space:nowrap}.b-card__title-wrapper--truncated .b-card__title[data-v-f302d0dd]{overflow:hidden;text-overflow:ellipsis}.b-card__toggle[data-v-f302d0dd]{align-items:center;display:flex;height:var(--b-card-toggle-height)}.b-card__toggle--small-text[data-v-f302d0dd]{height:var(--b-card-toggle-small-text-height)}.b-card__content[data-v-f302d0dd]{padding:var(--b-card-content-padding)}.b-card__content--without-header[data-v-f302d0dd]{padding-top:var(--b-card-content-padding-top)}.b-card__content--expandable[data-v-f302d0dd]{padding-top:0}.b-card__description[data-v-f302d0dd]{color:var(--b-card-description-color)}.b-card__body[data-v-f302d0dd]{display:flex;flex-direction:column;gap:16px;margin-top:-4px;padding:var(--b-card-body-padding)}.b-card__body--without-header[data-v-f302d0dd]{padding-top:var(--b-card-body-padding-top)}.b-card__body--expandable[data-v-f302d0dd]{padding-top:var(--b-card-body-expandable-padding-top)}.b-card__actions--without-content[data-v-f302d0dd]{padding-top:var(--b-card-actions-padding-top)}.b-card__actions--without-content .b-card__header[data-v-f302d0dd]{padding-bottom:var(--b-card-header-padding-bottom)}.b-card__actions--without-content-and-with-header[data-v-f302d0dd]{padding-top:var(--b-card-actions-without-content-padding-top)}.b-card__animation-enter-active[data-v-f302d0dd]{animation:fade-in-u4mocv3-f302d0dd var(--b-card-animation-duration) var(--b-animation-easing-linear),enter-u4mocv3-f302d0dd var(--b-card-animation-duration) var(--b-animation-easing-enter),scale-up-u4mocv3-f302d0dd var(--b-card-animation-duration) var(--b-animation-easing-linear);overflow:hidden;transition:max-height var(--b-card-animation-duration) var(--b-card-animation-easing)}@keyframes fade-in-u4mocv3-f302d0dd{0%{opacity:0}to{opacity:1}}@keyframes scale-up-u4mocv3-f302d0dd{0%{scale:1}to{scale:1}}@keyframes enter-u4mocv3-f302d0dd{0%{translate:0 -8px}to{translate:0 0}}.b-card__animation-leave-active[data-v-f302d0dd]{animation:fade-out-u4mocy6-f302d0dd var(--b-card-animation-duration) var(--b-animation-easing-linear),exit-u4mocy6-f302d0dd var(--b-card-animation-duration) var(--b-animation-easing-exit),scale-down-u4mocy6-f302d0dd var(--b-card-animation-duration) var(--b-animation-easing-linear);max-height:0!important;overflow:hidden;transition:max-height var(--b-card-animation-duration) var(--b-card-animation-easing)}@keyframes fade-out-u4mocy6-f302d0dd{0%{opacity:1}to{opacity:0}}@keyframes scale-down-u4mocy6-f302d0dd{0%{scale:1}to{scale:1}}@keyframes exit-u4mocy6-f302d0dd{0%{translate:0 0}to{translate:0 -8px}}

package/dist/assets/index7.css

@@ -1 +1 @@
-.b-checkbox-group[data-v-50658e08]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-checkbox-group[data-v-50658e08],.b-checkbox-group[data-v-50658e08]:before,.b-checkbox-group[data-v-50658e08]:after{box-sizing:border-box}.b-checkbox-group *[data-v-50658e08],.b-checkbox-group *[data-v-50658e08]:before,.b-checkbox-group *[data-v-50658e08]:after{box-sizing:border-box}.b-checkbox-group[data-v-50658e08] ::-webkit-scrollbar{height:14px;width:14px}.b-checkbox-group[data-v-50658e08] ::-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-checkbox-group__checkboxes[data-v-50658e08]{display:flex;flex-direction:column;gap:var(--b-checkbox-group-checkboxes-vertical-gap)}.b-checkbox-group__checkboxes--horizontal[data-v-50658e08]{flex-flow:row wrap;gap:var(--b-checkbox-group-checkboxes-vertical-gap) var(--b-checkbox-group-checkboxes-horizontal-gap)}.b-checkbox-group__error-message[data-v-50658e08]{margin-top:var(--b-checkbox-group-error-message-margin-top)}
+.b-checkbox-group[data-v-2266b206]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-checkbox-group[data-v-2266b206],.b-checkbox-group[data-v-2266b206]:before,.b-checkbox-group[data-v-2266b206]:after{box-sizing:border-box}.b-checkbox-group *[data-v-2266b206],.b-checkbox-group *[data-v-2266b206]:before,.b-checkbox-group *[data-v-2266b206]:after{box-sizing:border-box}.b-checkbox-group[data-v-2266b206] ::-webkit-scrollbar{height:14px;width:14px}.b-checkbox-group[data-v-2266b206] ::-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-checkbox-group__checkboxes[data-v-2266b206]{display:flex;flex-direction:column;gap:var(--b-checkbox-group-checkboxes-vertical-gap)}.b-checkbox-group__checkboxes--horizontal[data-v-2266b206]{flex-flow:row wrap;gap:var(--b-checkbox-group-checkboxes-vertical-gap) var(--b-checkbox-group-checkboxes-horizontal-gap)}.b-checkbox-group__error-message[data-v-2266b206]{margin-top:var(--b-checkbox-group-error-message-margin-top)}

package/dist/assets/index8.css

@@ -1 +1 @@
-svg.ui-assets-icons-16{display:inline-flex;flex-shrink:0}svg.ui-assets-icons-16,svg.ui-assets-icons-16 *{fill:currentcolor}.b-alert[data-v-549bc4f7]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;container-type:inline-size;display:flex;width:100%}.b-alert[data-v-549bc4f7],.b-alert[data-v-549bc4f7]:before,.b-alert[data-v-549bc4f7]:after{box-sizing:border-box}.b-alert *[data-v-549bc4f7],.b-alert *[data-v-549bc4f7]:before,.b-alert *[data-v-549bc4f7]:after{box-sizing:border-box}.b-alert[data-v-549bc4f7] ::-webkit-scrollbar{height:14px;width:14px}.b-alert[data-v-549bc4f7] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-legacy-theme .b-alert__title[data-v-549bc4f7]{line-height:16px}.b-alert__inner-container[data-v-549bc4f7]{align-items:flex-start;border-radius:var(--b-alert-border-radius);display:flex;gap:var(--b-alert-gap-mobile);padding:var(--b-alert-padding-mobile);width:100%}@container (min-width: 460px){.b-alert__inner-container[data-v-549bc4f7]{gap:var(--b-alert-gap);padding:var(--b-alert-padding)}}.b-alert__icon[data-v-549bc4f7]{align-items:center;display:flex;height:var(--b-alert-icon-height)}.b-alert--tip .b-alert__icon[data-v-549bc4f7]{height:var(--b-alert-tip-icon-height)}.b-alert--tip.b-alert__inner-container[data-v-549bc4f7]{gap:var(--b-alert-tip-gap);padding:var(--b-alert-tip-padding)}.b-alert__content[data-v-549bc4f7]{max-width:500px;width:100%}.b-alert__title[data-v-549bc4f7]{flex-grow:1}.b-alert__description[data-v-549bc4f7]:not(:first-child){margin-top:var(--b-alert-description-margin-top)}.b-alert__actions[data-v-549bc4f7]{display:flex;gap:var(--b-alert-actions-gap);margin-top:var(--b-alert-actions-margin-top)}.b-alert__close-button[data-v-549bc4f7]{display:flex;flex-grow:1;justify-content:flex-end}.b-alert--success[data-v-549bc4f7]{background-color:var(--b-alert-success-background-color)}.b-alert--success .b-alert__icon[data-v-549bc4f7]{color:var(--b-alert-success-icon-color)}.b-alert--success .b-alert__title[data-v-549bc4f7],.b-alert--success .b-alert__description[data-v-549bc4f7],.b-alert--success .b-alert__close-button[data-v-549bc4f7]{color:var(--b-alert-success-color)}.b-alert--highlight[data-v-549bc4f7]{background-color:var(--b-alert-highlight-background-color)}.b-alert--highlight .b-alert__icon[data-v-549bc4f7]{color:var(--b-alert-highlight-icon-color)}.b-alert--highlight .b-alert__title[data-v-549bc4f7],.b-alert--highlight .b-alert__description[data-v-549bc4f7],.b-alert--highlight .b-alert__close-button[data-v-549bc4f7]{color:var(--b-alert-highlight-color)}.b-alert--warning[data-v-549bc4f7]{background-color:var(--b-alert-warning-background-color)}.b-alert--warning .b-alert__icon[data-v-549bc4f7]{color:var(--b-alert-warning-icon-color)}.b-alert--warning .b-alert__title[data-v-549bc4f7],.b-alert--warning .b-alert__description[data-v-549bc4f7],.b-alert--warning .b-alert__close-button[data-v-549bc4f7]{color:var(--b-alert-warning-color)}.b-alert--critical[data-v-549bc4f7]{background-color:var(--b-alert-critical-background-color)}.b-alert--critical .b-alert__icon[data-v-549bc4f7]{color:var(--b-alert-critical-icon-color)}.b-alert--critical .b-alert__title[data-v-549bc4f7],.b-alert--critical .b-alert__description[data-v-549bc4f7],.b-alert--critical .b-alert__close-button[data-v-549bc4f7]{color:var(--b-alert-critical-color)}
+.b-accordion[data-v-9fccc066]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-accordion[data-v-9fccc066],.b-accordion[data-v-9fccc066]:before,.b-accordion[data-v-9fccc066]:after{box-sizing:border-box}.b-accordion *[data-v-9fccc066],.b-accordion *[data-v-9fccc066]:before,.b-accordion *[data-v-9fccc066]:after{box-sizing:border-box}.b-accordion[data-v-9fccc066] ::-webkit-scrollbar{height:14px;width:14px}.b-accordion[data-v-9fccc066] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-accordion-item[data-v-b1de8d3a]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-accordion-item-background-color);border-bottom:var(--b-accordion-item-border)}.b-accordion-item[data-v-b1de8d3a],.b-accordion-item[data-v-b1de8d3a]:before,.b-accordion-item[data-v-b1de8d3a]:after{box-sizing:border-box}.b-accordion-item *[data-v-b1de8d3a],.b-accordion-item *[data-v-b1de8d3a]:before,.b-accordion-item *[data-v-b1de8d3a]:after{box-sizing:border-box}.b-accordion-item[data-v-b1de8d3a] ::-webkit-scrollbar{height:14px;width:14px}.b-accordion-item[data-v-b1de8d3a] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-accordion-item button[data-v-b1de8d3a]{background-color:transparent;border:0;font:inherit;text-align:inherit}.b-accordion-item button[data-v-b1de8d3a]:focus-visible{outline:none}.b-legacy-theme .b-accordion-item__heading[data-v-b1de8d3a]{font-size:var(--b-font-size-regular);line-height:1.4}.b-accordion-item[data-v-b1de8d3a]:first-of-type{border-top:var(--b-accordion-item-border)}.b-accordion-item__button[data-v-b1de8d3a]{align-items:center;cursor:pointer;display:flex;gap:var(--b-accordion-item-button-gap);padding:var(--b-accordion-item-button-padding);position:relative;width:100%;z-index:0}.b-accordion-item__button[data-v-b1de8d3a]:hover{background-color:var(--b-accordion-item-button-hover-background-color)}.b-accordion-item__button[data-v-b1de8d3a]:active{background-color:var(--b-accordion-item-button-active-background-color)}.b-accordion-item__button[data-v-b1de8d3a]:focus-visible{animation:outer-ring-default-b1de8d3a var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color);outline:none}@keyframes outer-ring-default-b1de8d3a{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-accordion-item__content[data-v-b1de8d3a]{padding:var(--b-accordion-item-content-padding)}.b-accordion-item__animation--content-enter-active[data-v-b1de8d3a]{animation:fade-in-u4mod0f-b1de8d3a var(--b-accordion-item-animation-duration) var(--b-animation-easing-linear),enter-u4mod0f-b1de8d3a var(--b-accordion-item-animation-duration) var(--b-animation-easing-enter),scale-up-u4mod0f-b1de8d3a var(--b-accordion-item-animation-duration) var(--b-animation-easing-linear);overflow:hidden;transition:max-height var(--b-accordion-item-animation-duration) var(--b-accordion-item-animation-easing)}@keyframes fade-in-u4mod0f-b1de8d3a{0%{opacity:0}to{opacity:1}}@keyframes scale-up-u4mod0f-b1de8d3a{0%{scale:1}to{scale:1}}@keyframes enter-u4mod0f-b1de8d3a{0%{translate:0 -8px}to{translate:0 0}}.b-accordion-item__animation--content-leave-active[data-v-b1de8d3a]{animation:fade-out-u4mod18-b1de8d3a var(--b-accordion-item-animation-duration) var(--b-animation-easing-linear),exit-u4mod18-b1de8d3a var(--b-accordion-item-animation-duration) var(--b-animation-easing-exit),scale-down-u4mod18-b1de8d3a var(--b-accordion-item-animation-duration) var(--b-animation-easing-linear);max-height:0!important;overflow:hidden;transition:max-height var(--b-accordion-item-animation-duration) var(--b-accordion-item-animation-easing)}@keyframes fade-out-u4mod18-b1de8d3a{0%{opacity:1}to{opacity:0}}@keyframes scale-down-u4mod18-b1de8d3a{0%{scale:1}to{scale:1}}@keyframes exit-u4mod18-b1de8d3a{0%{translate:0 0}to{translate:0 -8px}}

package/dist/assets/index9.css

@@ -1 +1 @@
-.b-country[data-v-f11dbfec]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex}.b-country[data-v-f11dbfec],.b-country[data-v-f11dbfec]:before,.b-country[data-v-f11dbfec]:after{box-sizing:border-box}.b-country *[data-v-f11dbfec],.b-country *[data-v-f11dbfec]:before,.b-country *[data-v-f11dbfec]:after{box-sizing:border-box}.b-country[data-v-f11dbfec] ::-webkit-scrollbar{height:14px;width:14px}.b-country[data-v-f11dbfec] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-country__label[data-v-f11dbfec]{color:var(--b-country-label-color)}
+.b-action-bar[data-v-59086ee6]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;bottom:var(--b-action-bar-bottom);display:flex;justify-content:center;left:0;pointer-events:none;position:fixed;width:100%;z-index:var(--b-action-bar-z-index)}.b-action-bar[data-v-59086ee6],.b-action-bar[data-v-59086ee6]:before,.b-action-bar[data-v-59086ee6]:after{box-sizing:border-box}.b-action-bar *[data-v-59086ee6],.b-action-bar *[data-v-59086ee6]:before,.b-action-bar *[data-v-59086ee6]:after{box-sizing:border-box}.b-action-bar[data-v-59086ee6] ::-webkit-scrollbar{height:14px;width:14px}.b-action-bar[data-v-59086ee6] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-action-bar__container[data-v-59086ee6]{align-items:center;background-color:var(--b-action-bar-container-background-color);border-radius:var(--b-action-bar-container-border-radius);color:var(--b-action-bar-container-color);display:flex;padding:var(--b-action-bar-container-padding);pointer-events:all;width:var(--b-action-bar-container-width)}@media (min-width: 500px){.b-action-bar__container[data-v-59086ee6]{width:auto}}.b-action-bar__close-button[data-v-59086ee6]{align-items:center;display:flex;margin-right:var(--b-action-bar-close-button-margin-right-mobile)}@media (min-width: 500px){.b-action-bar__close-button[data-v-59086ee6]{margin-right:var(--b-action-bar-close-button-margin-right)}}.b-action-bar__selection[data-v-59086ee6]{margin-right:var(--b-action-bar-selection-margin-right-mobile);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-legacy-theme .b-action-bar__selection[data-v-59086ee6]{font-weight:600}@media (min-width: 500px){.b-action-bar__selection[data-v-59086ee6]{margin-right:var(--b-action-bar-selection-margin-right);width:120px}}.b-action-bar__actions[data-v-59086ee6]{container-type:normal}.b-action-bar__actions[data-v-59086ee6] .b-button-actions__container-wrapper{flex-direction:row}.b-action-bar--extra-spacing[data-v-59086ee6]{bottom:var(--b-action-bar-bottom-extra-spacing)}.b-action-bar__animation-enter-active[data-v-59086ee6]{animation:fade-in-u4mocry-59086ee6 var(--b-action-bar-animation-duration) var(--b-animation-easing-linear),enter-u4mocry-59086ee6 var(--b-action-bar-animation-duration) var(--b-animation-easing-enter),scale-up-u4mocry-59086ee6 var(--b-action-bar-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-in-u4mocry-59086ee6{0%{opacity:0}to{opacity:1}}@keyframes scale-up-u4mocry-59086ee6{0%{scale:.9}to{scale:1}}@keyframes enter-u4mocry-59086ee6{0%{translate:0 8px}to{translate:0 0}}.b-action-bar__animation-leave-active[data-v-59086ee6]{animation:fade-out-u4moctr-59086ee6 var(--b-action-bar-animation-duration) var(--b-animation-easing-linear),exit-u4moctr-59086ee6 var(--b-action-bar-animation-duration) var(--b-animation-easing-exit),scale-down-u4moctr-59086ee6 var(--b-action-bar-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-out-u4moctr-59086ee6{0%{opacity:1}to{opacity:0}}@keyframes scale-down-u4moctr-59086ee6{0%{scale:1}to{scale:.9}}@keyframes exit-u4moctr-59086ee6{0%{translate:0 0}to{translate:0 8px}}

package/dist/assets/listbox.css

@@ -1 +1 @@
-.b-listbox-option[data-v-18a61f5d]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;overflow-wrap:anywhere;padding:var(--b-listbox-option-padding)}.b-listbox-option[data-v-18a61f5d],.b-listbox-option[data-v-18a61f5d]:before,.b-listbox-option[data-v-18a61f5d]:after{box-sizing:border-box}.b-listbox-option[data-v-18a61f5d] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-option[data-v-18a61f5d] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media (hover: hover){.b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-hover-background-color)}.b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled),.b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled) .b-payment-method__label{color:var(--b-listbox-option-hover-font-color)}.b-legacy-theme .b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description:not(.b-listbox-option--disabled),.b-legacy-theme .b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description:not(.b-listbox-option--disabled){color:var(--b-listbox-option-hover-font-color)}}.b-listbox-option[data-v-18a61f5d]:focus-visible{outline:none}.b-listbox-option[data-v-18a61f5d]:focus-visible:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-focus-background-color);color:var(--b-listbox-option-focus-font-color)}.b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-active-background-color)}.b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled),.b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled) .b-payment-method__label{color:var(--b-listbox-option-active-font-color)}.b-legacy-theme .b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description:not(.b-listbox-option--disabled),.b-legacy-theme .b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description:not(.b-listbox-option--disabled){color:var(--b-listbox-option-active-description-color)}.b-listbox-option[data-v-18a61f5d] .b-listbox-single-select-option__text,.b-listbox-option[data-v-18a61f5d] .b-listbox-multi-select__option-text{display:flex;flex-direction:column}.b-listbox-option[data-v-18a61f5d] .b-listbox-single-select-option__description,.b-listbox-option[data-v-18a61f5d] .b-listbox-multi-select__option-description{margin-top:var(--b-listbox-option-description-margin-top)}.b-listbox-option[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description,.b-listbox-option[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description{color:var(--b-listbox-option-description-color)}.b-listbox-option--disabled[data-v-18a61f5d]{cursor:not-allowed}.b-listbox-option--disabled[data-v-18a61f5d],.b-listbox-option--disabled[data-v-18a61f5d] .b-avatar__label,.b-listbox-option--disabled[data-v-18a61f5d] .b-country__label,.b-listbox-option--disabled[data-v-18a61f5d] .b-payment-method__label{color:var(--b-listbox-option-disabled-font-color)}.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-selected-background-color)}.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled),.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-payment-method__label{color:var(--b-listbox-option-selected-font-color)}.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description:not(.b-listbox-option--disabled),.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description:not(.b-listbox-option--disabled){color:var(--b-listbox-option-selected-description-color)}.b-listbox-single-select-option[data-v-d112952c]{display:flex;justify-content:space-between}.b-listbox-single-select-option__check-icon[data-v-d112952c]{align-items:center;display:flex;margin-left:var(--b-listbox-single-select-check-icon-margin)}.b-listbox-multi-select-category[data-v-69a9679a]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-listbox-multi-select-category[data-v-69a9679a],.b-listbox-multi-select-category[data-v-69a9679a]:before,.b-listbox-multi-select-category[data-v-69a9679a]:after{box-sizing:border-box}.b-listbox-multi-select-category *[data-v-69a9679a],.b-listbox-multi-select-category *[data-v-69a9679a]:before,.b-listbox-multi-select-category *[data-v-69a9679a]:after{box-sizing:border-box}.b-listbox-multi-select-category[data-v-69a9679a] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select-category[data-v-69a9679a] ::-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-listbox-multi-select-category--disabled[data-v-69a9679a]{cursor:not-allowed}.b-listbox-multi-select-category--disabled .b-listbox-multi-select-category__label-text[data-v-69a9679a]{color:var(--b-listbox-multi-select-category-disabled-label-text-color)}.b-listbox-multi-select-category--disabled .b-listbox-multi-select-category__label-chevron[data-v-69a9679a]{cursor:pointer}.b-listbox-multi-select-category__label[data-v-69a9679a]{align-items:center;display:flex;justify-content:space-between;width:100%}.b-listbox-multi-select-category__label-chevron[data-v-69a9679a]{display:flex;position:relative}.b-listbox-multi-select-category__label-chevron[data-v-69a9679a]:before{content:"";height:36px;left:-10px;position:absolute;top:-9px;width:36px}.b-listbox-multi-select-category__option[data-v-69a9679a]{display:flex;gap:var(--b-listbox-multi-select-category-option-gap)}.b-listbox-multi-select-options[data-v-55a6d406]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;gap:var(--b-listbox-multi-select-options-gap)}.b-listbox-multi-select-options[data-v-55a6d406],.b-listbox-multi-select-options[data-v-55a6d406]:before,.b-listbox-multi-select-options[data-v-55a6d406]:after{box-sizing:border-box}.b-listbox-multi-select-options[data-v-55a6d406] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select-options[data-v-55a6d406] ::-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-listbox-multi-select-options__category-option[data-v-55a6d406]{padding-left:var(--b-listbox-multi-select-options-category-option-padding-left)}.b-listbox-multi-select[data-v-8c62bb32]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-listbox-multi-select[data-v-8c62bb32],.b-listbox-multi-select[data-v-8c62bb32]:before,.b-listbox-multi-select[data-v-8c62bb32]:after{box-sizing:border-box}.b-listbox-multi-select[data-v-8c62bb32] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select[data-v-8c62bb32] ::-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-listbox-multi-select__divider[data-v-8c62bb32]{background-color:var(--b-listbox-multi-select-divider-background-color);border:0;height:1px;margin:var(--b-listbox-multi-select-divider-margin)}.b-listbox-multi-select__option[data-v-8c62bb32]{display:flex;gap:var(--b-listbox-multi-select-options-gap)}.b-listbox[data-v-f81dc174]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-listbox-background-color);overflow-y:auto;padding:var(--b-listbox-padding)}.b-listbox[data-v-f81dc174],.b-listbox[data-v-f81dc174]:before,.b-listbox[data-v-f81dc174]:after{box-sizing:border-box}.b-listbox *[data-v-f81dc174],.b-listbox *[data-v-f81dc174]:before,.b-listbox *[data-v-f81dc174]:after{box-sizing:border-box}.b-listbox[data-v-f81dc174] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox[data-v-f81dc174] ::-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-listbox__empty-search-message[data-v-f81dc174]{color:var(--b-listbox-empty-search-message-color);padding:var(--b-listbox-empty-search-message-padding);text-align:center}.b-listbox__lazy-load[data-v-f81dc174]{display:flex;justify-content:center;margin:var(--b-listbox-lazy-load-margin)}
+.b-listbox-single-select-category[data-v-a90eff17]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-bottom:var(--b-listbox-single-select-category-margin-bottom)}.b-listbox-single-select-category[data-v-a90eff17],.b-listbox-single-select-category[data-v-a90eff17]:before,.b-listbox-single-select-category[data-v-a90eff17]:after{box-sizing:border-box}.b-listbox-single-select-category *[data-v-a90eff17],.b-listbox-single-select-category *[data-v-a90eff17]:before,.b-listbox-single-select-category *[data-v-a90eff17]:after{box-sizing:border-box}.b-listbox-single-select-category[data-v-a90eff17] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-single-select-category[data-v-a90eff17] ::-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-listbox-single-select-category[data-v-a90eff17]:last-child{margin-bottom:0}.b-listbox-single-select-category__label-text[data-v-a90eff17]{color:var(--b-listbox-single-select-category-label-text-color);padding:var(--b-listbox-single-select-category-label-text-padding)}.b-listbox-option[data-v-18a61f5d]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;overflow-wrap:anywhere;padding:var(--b-listbox-option-padding)}.b-listbox-option[data-v-18a61f5d],.b-listbox-option[data-v-18a61f5d]:before,.b-listbox-option[data-v-18a61f5d]:after{box-sizing:border-box}.b-listbox-option[data-v-18a61f5d] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-option[data-v-18a61f5d] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media (hover: hover){.b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-hover-background-color)}.b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled),.b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled) .b-payment-method__label{color:var(--b-listbox-option-hover-font-color)}.b-legacy-theme .b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description:not(.b-listbox-option--disabled),.b-legacy-theme .b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description:not(.b-listbox-option--disabled){color:var(--b-listbox-option-hover-font-color)}}.b-listbox-option[data-v-18a61f5d]:focus-visible{outline:none}.b-listbox-option[data-v-18a61f5d]:focus-visible:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-focus-background-color);color:var(--b-listbox-option-focus-font-color)}.b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-active-background-color)}.b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled),.b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled) .b-payment-method__label{color:var(--b-listbox-option-active-font-color)}.b-legacy-theme .b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description:not(.b-listbox-option--disabled),.b-legacy-theme .b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description:not(.b-listbox-option--disabled){color:var(--b-listbox-option-active-description-color)}.b-listbox-option[data-v-18a61f5d] .b-listbox-single-select-option__text,.b-listbox-option[data-v-18a61f5d] .b-listbox-multi-select__option-text{display:flex;flex-direction:column}.b-listbox-option[data-v-18a61f5d] .b-listbox-single-select-option__description,.b-listbox-option[data-v-18a61f5d] .b-listbox-multi-select__option-description{margin-top:var(--b-listbox-option-description-margin-top)}.b-listbox-option[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description,.b-listbox-option[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description{color:var(--b-listbox-option-description-color)}.b-listbox-option--disabled[data-v-18a61f5d]{cursor:not-allowed}.b-listbox-option--disabled[data-v-18a61f5d],.b-listbox-option--disabled[data-v-18a61f5d] .b-avatar__label,.b-listbox-option--disabled[data-v-18a61f5d] .b-country__label,.b-listbox-option--disabled[data-v-18a61f5d] .b-payment-method__label{color:var(--b-listbox-option-disabled-font-color)}.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-selected-background-color)}.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled),.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-payment-method__label{color:var(--b-listbox-option-selected-font-color)}.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description:not(.b-listbox-option--disabled),.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description:not(.b-listbox-option--disabled){color:var(--b-listbox-option-selected-description-color)}.b-listbox-single-select-option[data-v-d112952c]{display:flex;justify-content:space-between}.b-listbox-single-select-option__check-icon[data-v-d112952c]{align-items:center;display:flex;margin-left:var(--b-listbox-single-select-check-icon-margin)}.b-listbox-multi-select-category[data-v-9a00de22]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-listbox-multi-select-category[data-v-9a00de22],.b-listbox-multi-select-category[data-v-9a00de22]:before,.b-listbox-multi-select-category[data-v-9a00de22]:after{box-sizing:border-box}.b-listbox-multi-select-category *[data-v-9a00de22],.b-listbox-multi-select-category *[data-v-9a00de22]:before,.b-listbox-multi-select-category *[data-v-9a00de22]:after{box-sizing:border-box}.b-listbox-multi-select-category[data-v-9a00de22] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select-category[data-v-9a00de22] ::-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-listbox-multi-select-category--disabled[data-v-9a00de22]{cursor:not-allowed}.b-listbox-multi-select-category--disabled .b-listbox-multi-select-category__label-text[data-v-9a00de22]{color:var(--b-listbox-multi-select-category-disabled-label-text-color)}.b-listbox-multi-select-category--disabled .b-listbox-multi-select-category__label-chevron[data-v-9a00de22]{cursor:pointer}.b-listbox-multi-select-category--static-category[data-v-9a00de22]{gap:var(--b-listbox-multi-select-category-static-category-gap);pointer-events:none}.b-listbox-multi-select-category--static-category .b-listbox-multi-select-category__label-text[data-v-9a00de22]{color:var(--b-listbox-multi-select-category-static-category-label-text-color)}.b-listbox-multi-select-category__label[data-v-9a00de22]{align-items:center;display:flex;justify-content:space-between;width:100%}.b-listbox-multi-select-category__label-chevron[data-v-9a00de22]{display:flex;position:relative}.b-listbox-multi-select-category__label-chevron[data-v-9a00de22]:before{content:"";height:36px;left:-10px;position:absolute;top:-9px;width:36px}.b-listbox-multi-select-category__option[data-v-9a00de22]{display:flex;gap:var(--b-listbox-multi-select-category-option-gap)}.b-listbox-multi-select-options[data-v-ade259b2]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;gap:var(--b-listbox-multi-select-options-gap)}.b-listbox-multi-select-options[data-v-ade259b2],.b-listbox-multi-select-options[data-v-ade259b2]:before,.b-listbox-multi-select-options[data-v-ade259b2]:after{box-sizing:border-box}.b-listbox-multi-select-options[data-v-ade259b2] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select-options[data-v-ade259b2] ::-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-listbox-multi-select-options__category-option[data-v-ade259b2]{padding-left:var(--b-listbox-multi-select-options-category-option-padding-left)}.b-listbox-multi-select-options__static-category-option[data-v-ade259b2]{padding-left:var(--b-listbox-multi-select-options-static-category-option-padding-left)}.b-listbox-multi-select[data-v-1ba4ab3d]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-listbox-multi-select[data-v-1ba4ab3d],.b-listbox-multi-select[data-v-1ba4ab3d]:before,.b-listbox-multi-select[data-v-1ba4ab3d]:after{box-sizing:border-box}.b-listbox-multi-select[data-v-1ba4ab3d] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select[data-v-1ba4ab3d] ::-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-listbox-multi-select__divider[data-v-1ba4ab3d]{background-color:var(--b-listbox-multi-select-divider-background-color);border:0;height:1px;margin:var(--b-listbox-multi-select-divider-margin)}.b-listbox-multi-select__option[data-v-1ba4ab3d]{display:flex;gap:var(--b-listbox-multi-select-options-gap)}.b-listbox[data-v-4110c0cb]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-listbox-background-color);overflow-y:auto;padding:var(--b-listbox-padding)}.b-listbox[data-v-4110c0cb],.b-listbox[data-v-4110c0cb]:before,.b-listbox[data-v-4110c0cb]:after{box-sizing:border-box}.b-listbox *[data-v-4110c0cb],.b-listbox *[data-v-4110c0cb]:before,.b-listbox *[data-v-4110c0cb]:after{box-sizing:border-box}.b-listbox[data-v-4110c0cb] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox[data-v-4110c0cb] ::-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-listbox__empty-search-message[data-v-4110c0cb]{color:var(--b-listbox-empty-search-message-color);padding:var(--b-listbox-empty-search-message-padding);text-align:center}.b-listbox__lazy-load[data-v-4110c0cb]{display:flex;justify-content:center;margin:var(--b-listbox-lazy-load-margin)}

package/dist/assets/loading-button.css

@@ -1 +1 @@
-@keyframes spin-4bd5624d{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.b-loading-button--primary-loading[data-v-4bd5624d]{background-color:var(--b-loading-button-primary-active-background-color)}.b-loading-button--primary-loading.b-loading-button--inverse[data-v-4bd5624d],.b-loading-button--inverse .b-loading-button--primary-loading[data-v-4bd5624d]{background-color:var(--b-loading-button-primary-active-background-color-inverse)}.b-loading-button--primary-success[data-v-4bd5624d]{background-color:var(--b-loading-button-primary-success-background-color);color:var(--b-loading-button-primary-success-color)}.b-loading-button--primary-success[data-v-4bd5624d]:hover{background-color:var(--b-loading-button-primary-success-hover-background-color)}.b-loading-button--primary-success[data-v-4bd5624d]:active{background-color:var(--b-loading-button-primary-success-active-background-color)}.b-loading-button--primary-success[data-v-4bd5624d]:disabled{background-color:var(--b-loading-button-primary-success-disabled-background-color);color:var(--b-loading-button-primary-success-disabled-color)}.b-loading-button--secondary-loading[data-v-4bd5624d]{background-color:var(--b-loading-button-secondary-active-background-color);color:var(--b-loading-button-secondary-active-color)}.b-loading-button--secondary-loading.b-loading-button--inverse[data-v-4bd5624d],.b-loading-button--inverse .b-loading-button--secondary-loading[data-v-4bd5624d]{background-color:var(--b-loading-button-secondary-active-background-color-inverse)}.b-loading-button--secondary-loading.b-loading-button--inverse[data-v-4bd5624d],.b-loading-button--inverse .b-loading-button--secondary-loading[data-v-4bd5624d]{color:var(--b-loading-button-secondary-active-color-inverse)}.b-loading-button--secondary-loading[data-v-4bd5624d]:hover:not(:focus){box-shadow:none}.b-loading-button--secondary-success[data-v-4bd5624d]{background-color:var(--b-loading-button-secondary-success-background-color);border-color:var(--b-loading-button-secondary-success-border-color);color:var(--b-loading-button-secondary-success-color)}.b-loading-button--secondary-success[data-v-4bd5624d]:hover{border-color:var(--b-loading-button-secondary-success-hover-border-color);box-shadow:var(--b-loading-button-secondary-success-hover-box-shadow)}.b-loading-button--secondary-success[data-v-4bd5624d]:active{background-color:var(--b-loading-button-secondary-success-active-background-color);border-color:var(--b-loading-button-secondary-success-active-border-color)}.b-loading-button--secondary-success[data-v-4bd5624d]:disabled{background-color:var(--b-loading-button-secondary-success-disabled-background-color);border-color:var(--b-loading-button-secondary-success-disabled-border-color);box-shadow:unset;color:var(--b-loading-button-secondary-success-disabled-color)}.b-loading-button--tertiary-loading[data-v-4bd5624d]{background-color:var(--b-loading-button-tertiary-active-background-color)}.b-loading-button__icon[data-v-4bd5624d]{display:inline-flex}
+@keyframes spin-bb086d89{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.b-loading-button--primary-loading[data-v-bb086d89]{background-color:var(--b-loading-button-primary-active-background-color)}.b-loading-button--primary-loading.b-loading-button--inverse[data-v-bb086d89],.b-loading-button--inverse .b-loading-button--primary-loading[data-v-bb086d89]{background-color:var(--b-loading-button-primary-active-background-color-inverse)}.b-loading-button--primary-success[data-v-bb086d89]{background-color:var(--b-loading-button-primary-success-background-color);color:var(--b-loading-button-primary-success-color)}.b-loading-button--primary-success[data-v-bb086d89]:hover{background-color:var(--b-loading-button-primary-success-hover-background-color)}.b-loading-button--primary-success[data-v-bb086d89]:active{background-color:var(--b-loading-button-primary-success-active-background-color)}.b-loading-button--primary-success[data-v-bb086d89]:disabled{background-color:var(--b-loading-button-primary-success-disabled-background-color);color:var(--b-loading-button-primary-success-disabled-color)}.b-loading-button--secondary-loading[data-v-bb086d89]{background-color:var(--b-loading-button-secondary-active-background-color);color:var(--b-loading-button-secondary-active-color)}.b-loading-button--secondary-loading.b-loading-button--inverse[data-v-bb086d89],.b-loading-button--inverse .b-loading-button--secondary-loading[data-v-bb086d89]{background-color:var(--b-loading-button-secondary-active-background-color-inverse)}.b-loading-button--secondary-loading.b-loading-button--inverse[data-v-bb086d89],.b-loading-button--inverse .b-loading-button--secondary-loading[data-v-bb086d89]{color:var(--b-loading-button-secondary-active-color-inverse)}.b-loading-button--secondary-loading[data-v-bb086d89]:hover:not(:focus){box-shadow:none}.b-loading-button--secondary-success[data-v-bb086d89]{background-color:var(--b-loading-button-secondary-success-background-color);border-color:var(--b-loading-button-secondary-success-border-color);color:var(--b-loading-button-secondary-success-color)}.b-loading-button--secondary-success[data-v-bb086d89]:hover{border-color:var(--b-loading-button-secondary-success-hover-border-color);box-shadow:var(--b-loading-button-secondary-success-hover-box-shadow)}.b-loading-button--secondary-success[data-v-bb086d89]:active{background-color:var(--b-loading-button-secondary-success-active-background-color);border-color:var(--b-loading-button-secondary-success-active-border-color)}.b-loading-button--secondary-success[data-v-bb086d89]:disabled{background-color:var(--b-loading-button-secondary-success-disabled-background-color);border-color:var(--b-loading-button-secondary-success-disabled-border-color);box-shadow:unset;color:var(--b-loading-button-secondary-success-disabled-color)}.b-loading-button--tertiary-loading[data-v-bb086d89]{background-color:var(--b-loading-button-tertiary-active-background-color)}.b-loading-button__icon[data-v-bb086d89]{display:inline-flex}

package/dist/avatar-image.js

@@ -1,4 +1,4 @@
-import { A as t, B as e, a as o } from "./chunks/index.89dfe209.js";
+import { A as t, B as e, a as o } from "./chunks/index.5596079e.js";
 export {
   t as AvatarImage,
   e as BentoAvatarImageColor,

package/dist/badge.js

@@ -2,7 +2,7 @@ import { defineComponent as l, computed as n, openBlock as d, createElementBlock
 import { u as p } from "./chunks/aria-label.ac9651a5.js";
 import { g as f } from "./chunks/get-slot-text.bead058f.js";
 import { _ } from "./chunks/_plugin-vue_export-helper.dad06003.js";
-import "./assets/index.css";
+import "./assets/index28.css";
 var t = /* @__PURE__ */ ((e) => (e.DEFAULT = "default", e.ATTENTION = "attention", e.WARNING = "warning", e.CRITICAL = "critical", e.SUCCESS = "success", e))(t || {});
 const m = l({
   name: "adl-badge",

package/dist/button.js

@@ -1,14 +1,14 @@
-import { a as k, B as v } from "./chunks/button.82ed953e.js";
-import { b as H } from "./chunks/button.82ed953e.js";
-import { defineComponent as A, computed as p, resolveComponent as _, openBlock as a, createElementBlock as r, createElementVNode as N, normalizeClass as S, Fragment as I, renderList as L, createBlock as i, mergeProps as u, toHandlers as m, withCtx as l, createTextVNode as B, toDisplayString as g, createSlots as V, resolveDynamicComponent as O } from "vue";
-import { B as R } from "./chunks/loading-button.4b88e24d.js";
-import { a as M } from "./chunks/loading-button.4b88e24d.js";
-import { _ as D } from "./chunks/_plugin-vue_export-helper.dad06003.js";
+import { a as N, B as v } from "./chunks/button.6ca5cd14.js";
+import { b as H } from "./chunks/button.6ca5cd14.js";
+import { defineComponent as S, computed as p, resolveComponent as _, openBlock as a, createElementBlock as c, createElementVNode as I, normalizeClass as L, Fragment as R, renderList as h, createBlock as o, mergeProps as m, toHandlers as g, withCtx as s, createTextVNode as B, toDisplayString as u, createSlots as V, resolveDynamicComponent as f } from "vue";
+import { B as O } from "./chunks/loading-button.09fa0115.js";
+import { a as M } from "./chunks/loading-button.09fa0115.js";
+import { _ as b } from "./chunks/_plugin-vue_export-helper.dad06003.js";
 import "./assets/index5.css";
-var y = /* @__PURE__ */ ((e) => (e.BUTTONS_END = "buttons-end", e.FILL_CONTAINER = "fill-container", e.SPACE_BETWEEN = "space-between", e.VERTICAL_STACK = "vertical-stack", e))(y || {}), E = /* @__PURE__ */ ((e) => (e.BUTTONS_START = "buttons-start", e))(E || {});
-const f = { ...y, ...E }, $ = A({
+var E = /* @__PURE__ */ ((e) => (e.BUTTONS_END = "buttons-end", e.FILL_CONTAINER = "fill-container", e.SPACE_BETWEEN = "space-between", e.VERTICAL_STACK = "vertical-stack", e))(E || {}), C = /* @__PURE__ */ ((e) => (e.BUTTONS_START = "buttons-start", e))(C || {});
+const y = { ...E, ...C }, D = S({
   name: "bento-button-actions",
-  components: { BentoButton: k, BentoLoadingButton: R },
+  components: { BentoButton: N, BentoLoadingButton: O },
   props: {
     /**
      * List of actions that will be used to render the buttons.
@@ -61,8 +61,8 @@ const f = { ...y, ...E }, $ = A({
      */
     layout: {
       type: String,
-      default: f.BUTTONS_END,
-      validator: (e) => Object.values(f).includes(e)
+      default: y.BUTTONS_END,
+      validator: (e) => Object.values(y).includes(e)
     },
     /**
      * Sets the Button Actions to color scheme inverse
@@ -73,16 +73,16 @@ const f = { ...y, ...E }, $ = A({
     }
   },
   setup(e) {
-    const c = p(() => e.actions.slice().reverse()), d = (n) => {
-      const o = e.actions.length - 1;
-      return n === o ? v.PRIMARY : v.SECONDARY;
+    const l = p(() => e.actions.slice().reverse()), d = (n) => {
+      const i = e.actions.length - 1;
+      return n === i ? v.PRIMARY : v.SECONDARY;
     };
     return {
       // Values
       conditionalClasses: p(() => ({
         [`b-button-actions--${e.layout}`]: !0
       })),
-      reversedActionsList: c,
+      reversedActionsList: l,
       // Methods
       generateButtonEvents: (n) => (n == null ? void 0 : n.event) !== void 0 ? {
         click: n.event
@@ -91,66 +91,77 @@ const f = { ...y, ...E }, $ = A({
     };
   }
 });
-const h = { class: "b-button-actions" };
-function w(e, c, d, C, T, n) {
-  const o = _("bento-loading-button"), b = _("bento-button");
-  return a(), r("div", h, [
-    N("div", {
-      class: S(["b-button-actions__container-wrapper", e.conditionalClasses]),
+const $ = { class: "b-button-actions" };
+function w(e, l, d, k, T, n) {
+  const i = _("bento-loading-button"), A = _("bento-button");
+  return a(), c("div", $, [
+    I("div", {
+      class: L(["b-button-actions__container-wrapper", e.conditionalClasses]),
       role: "group"
     }, [
-      (a(!0), r(I, null, L(e.reversedActionsList, (t, s) => (a(), r("div", {
-        key: s,
+      (a(!0), c(R, null, h(e.reversedActionsList, (t, r) => (a(), c("div", {
+        key: r,
         class: "b-button-actions__button-wrapper"
       }, [
-        t.state ? (a(), i(o, u({
+        t.state ? (a(), o(i, m({
           key: 0,
-          state: t.state,
+          condensed: t.condensed,
           disabled: t.disabled,
           inverse: e.inverse,
-          variant: t.variant || e.generateButtonVariantByIndex(s)
-        }, m(e.generateButtonEvents(t))), {
-          default: l(() => [
-            B(g(t.title), 1)
+          state: t.state,
+          variant: t.variant || e.generateButtonVariantByIndex(r)
+        }, g(e.generateButtonEvents(t))), {
+          default: s(() => [
+            B(u(t.title), 1)
           ]),
           _: 2
-        }, 1040, ["state", "disabled", "inverse", "variant"])) : (a(), i(b, u({
+        }, 1040, ["condensed", "disabled", "inverse", "state", "variant"])) : (a(), o(A, m({
           key: 1,
+          condensed: t.condensed,
           critical: t.critical,
           disabled: t.disabled,
           inverse: e.inverse,
-          variant: t.variant || e.generateButtonVariantByIndex(s),
-          link: t.link
-        }, m(e.generateButtonEvents(t))), V({
-          default: l(() => [
-            B(" " + g(t.title), 1)
+          link: t.link,
+          variant: t.variant || e.generateButtonVariantByIndex(r)
+        }, g(e.generateButtonEvents(t))), V({
+          default: s(() => [
+            B(" " + u(t.title) + " ", 1)
           ]),
           _: 2
         }, [
-          t.icon ? {
+          t.icon || t.iconLeft ? {
             name: "iconLeft",
-            fn: l(() => [
-              (a(), i(O(t.icon), {
+            fn: s(() => [
+              (a(), o(f(t.icon || t.iconLeft), {
                 "svg-title": t.title
               }, null, 8, ["svg-title"]))
             ]),
             key: "0"
+          } : void 0,
+          t.iconRight ? {
+            name: "iconRight",
+            fn: s(() => [
+              (a(), o(f(t.iconRight), {
+                "svg-title": t.title
+              }, null, 8, ["svg-title"]))
+            ]),
+            key: "1"
           } : void 0
-        ]), 1040, ["critical", "disabled", "inverse", "variant", "link"]))
+        ]), 1040, ["condensed", "critical", "disabled", "inverse", "link", "variant"]))
       ]))), 128))
     ], 2)
   ]);
 }
-const Y = /* @__PURE__ */ D($, [["render", w], ["__scopeId", "data-v-e73da2a4"]]);
+const Y = /* @__PURE__ */ b(D, [["render", w], ["__scopeId", "data-v-a2a79ac2"]]);
 export {
-  k as BentoButton,
+  N as BentoButton,
   Y as BentoButtonActions,
-  f as BentoButtonActionsLayout,
-  y as BentoButtonActionsLayoutBasic,
-  E as BentoButtonActionsLayoutExtended,
+  y as BentoButtonActionsLayout,
+  E as BentoButtonActionsLayoutBasic,
+  C as BentoButtonActionsLayoutExtended,
   H as BentoButtonPropClass,
   v as BentoButtonVariant,
-  R as BentoLoadingButton,
+  O as BentoLoadingButton,
   M as BentoLoadingButtonState
 };
 //# sourceMappingURL=button.js.map

package/dist/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sources":["../../vue2/src/components/button/components/button-actions/button-actions.types.ts","../../vue2/src/components/button/components/button-actions/button-actions.vue"],"sourcesContent":["import type { VueNodeElement } from '@/types';\nimport type { BentoButtonProps, BentoLoadingButtonState } from '@/components/button';\n\nexport interface BentoButtonActionObject extends BentoButtonProps {\n    title: string;\n    event?: (event: Event) => void;\n    icon?: VueNodeElement;\n    state?: BentoLoadingButtonState | `${BentoLoadingButtonState}`;\n}\n\nexport type BentoButtonActionsList = Array<BentoButtonActionObject>;\n\nexport enum BentoButtonActionsLayoutBasic {\n    BUTTONS_END = 'buttons-end',\n    FILL_CONTAINER = 'fill-container',\n    SPACE_BETWEEN = 'space-between',\n    VERTICAL_STACK = 'vertical-stack',\n}\nexport enum BentoButtonActionsLayoutExtended {\n    BUTTONS_START = 'buttons-start',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport const BentoButtonActionsLayout = { ...BentoButtonActionsLayoutBasic, ...BentoButtonActionsLayoutExtended };\nexport type BentoButtonActionsLayout = BentoButtonActionsLayoutBasic | BentoButtonActionsLayoutExtended;\n","<template>\n    <div class=\"b-button-actions\">\n        <div class=\"b-button-actions__container-wrapper\" :class=\"conditionalClasses\" role=\"group\">\n            <div v-for=\"(button, index) in reversedActionsList\" :key=\"index\" class=\"b-button-actions__button-wrapper\">\n                <bento-loading-button\n                    v-if=\"button.state\"\n                    :state=\"button.state\"\n                    :disabled=\"button.disabled\"\n                    :inverse=\"inverse\"\n                    :variant=\"button.variant || generateButtonVariantByIndex(index)\"\n                    v-on=\"generateButtonEvents(button)\"\n                >\n                    {{ button.title }}\n                </bento-loading-button>\n                <bento-button\n                    v-else\n                    :critical=\"button.critical\"\n                    :disabled=\"button.disabled\"\n                    :inverse=\"inverse\"\n                    :variant=\"button.variant || generateButtonVariantByIndex(index)\"\n                    :link=\"button.link\"\n                    v-on=\"generateButtonEvents(button)\"\n                >\n                    <template v-if=\"button.icon\" #iconLeft>\n                        <component :is=\"button.icon\" :svg-title=\"button.title\"></component>\n                    </template>\n                    {{ button.title }}\n                </bento-button>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, PropType } from 'vue';\n    import { BentoButtonVariant } from '@/core/components/button/button.types';\n    import BentoButton from '../../button.vue';\n    import { BentoButtonActionObject, BentoButtonActionsLayout, BentoButtonActionsList } from './button-actions.types';\n    import { BentoLoadingButton } from '../loading-button';\n\n    export default defineComponent({\n        name: 'bento-button-actions',\n        components: { BentoButton, BentoLoadingButton },\n        props: {\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` (optional): Vue Icon from the library `@adyen/ui-assets-icons-16`.\n             *\n             * @see BentoButton for a list of all the other props supported by each button action.\n             *\n             * ```\n             * [{\n             *   title: 'Primary',\n             *   event: () => { ... },\n             *   icon: FourPeopleIcon,\n             *   link: {\n                        variant: 'default',\n                        external: true,\n                        to: 'https://www.adyen.com/'\n                    },\n             * }, {\n             *   title: 'Secondary',\n             *   event: () => { ... }\n             *   disabled: true,\n             *   variant: BentoButtonVariant.PRIMARY,\n             *   critical: true\n             * }]\n             * ```\n             */\n            actions: {\n                type: Array as PropType<BentoButtonActionsList>,\n                required: true,\n            },\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            layout: {\n                type: String as PropType<BentoButtonActionsLayout | `${BentoButtonActionsLayout}`>,\n                default: BentoButtonActionsLayout.BUTTONS_END,\n                validator: (layout: BentoButtonActionsLayout) =>\n                    Object.values(BentoButtonActionsLayout).includes(layout),\n            },\n\n            /**\n             * Sets the Button Actions to color scheme inverse\n             */\n            inverse: {\n                type: Boolean,\n                default: false,\n            },\n        },\n        setup(props) {\n            const reversedActionsList = computed(() => props.actions.slice().reverse());\n            const generateButtonVariantByIndex = actionIndex => {\n                const lastActionIndex = props.actions.length - 1;\n                return actionIndex === lastActionIndex ? BentoButtonVariant.PRIMARY : BentoButtonVariant.SECONDARY;\n            };\n\n            const conditionalClasses = computed(() => ({\n                [`b-button-actions--${props.layout}`]: true,\n            }));\n\n            const generateButtonEvents = (button: BentoButtonActionObject) =>\n                button?.event !== undefined\n                    ? {\n                          click: button.event,\n                      }\n                    : {};\n\n            return {\n                // Values\n                conditionalClasses,\n                reversedActionsList,\n\n                // Methods\n                generateButtonEvents,\n                generateButtonVariantByIndex,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./button-actions.scss\" />\n"],"names":["BentoButtonActionsLayoutBasic","BentoButtonActionsLayoutBasic2","BentoButtonActionsLayoutExtended","BentoButtonActionsLayoutExtended2","BentoButtonActionsLayout","_sfc_main","defineComponent","BentoButton","BentoLoadingButton","layout","props","reversedActionsList","computed","generateButtonVariantByIndex","actionIndex","lastActionIndex","BentoButtonVariant","button","openBlock","createElementBlock","_hoisted_1","createElementVNode","normalizeClass","_ctx","index","createBlock","_component_bento_loading_button","mergeProps","toHandlers","withCtx","createSlots","resolveDynamicComponent"],"mappings":"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"}
+{"version":3,"file":"button.js","sources":["../../vue2/src/components/button/components/button-actions/button-actions.types.ts","../../vue2/src/components/button/components/button-actions/button-actions.vue"],"sourcesContent":["import type { VueNodeElement } from '@/types';\nimport type { BentoButtonProps, BentoLoadingButtonState } from '@/components/button';\n\nexport interface BentoButtonActionObject extends BentoButtonProps {\n    title: string;\n    event?: (event: Event) => void;\n    icon?: VueNodeElement;\n    iconLeft?: VueNodeElement;\n    iconRight?: VueNodeElement;\n    state?: BentoLoadingButtonState | `${BentoLoadingButtonState}`;\n}\n\nexport type BentoButtonActionsList = Array<BentoButtonActionObject>;\n\nexport enum BentoButtonActionsLayoutBasic {\n    BUTTONS_END = 'buttons-end',\n    FILL_CONTAINER = 'fill-container',\n    SPACE_BETWEEN = 'space-between',\n    VERTICAL_STACK = 'vertical-stack',\n}\nexport enum BentoButtonActionsLayoutExtended {\n    BUTTONS_START = 'buttons-start',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport const BentoButtonActionsLayout = { ...BentoButtonActionsLayoutBasic, ...BentoButtonActionsLayoutExtended };\nexport type BentoButtonActionsLayout = BentoButtonActionsLayoutBasic | BentoButtonActionsLayoutExtended;\n","<template>\n    <div class=\"b-button-actions\">\n        <div class=\"b-button-actions__container-wrapper\" :class=\"conditionalClasses\" role=\"group\">\n            <div v-for=\"(button, index) in reversedActionsList\" :key=\"index\" class=\"b-button-actions__button-wrapper\">\n                <bento-loading-button\n                    v-if=\"button.state\"\n                    :condensed=\"button.condensed\"\n                    :disabled=\"button.disabled\"\n                    :inverse=\"inverse\"\n                    :state=\"button.state\"\n                    :variant=\"button.variant || generateButtonVariantByIndex(index)\"\n                    v-on=\"generateButtonEvents(button)\"\n                >\n                    {{ button.title }}\n                </bento-loading-button>\n                <bento-button\n                    v-else\n                    :condensed=\"button.condensed\"\n                    :critical=\"button.critical\"\n                    :disabled=\"button.disabled\"\n                    :inverse=\"inverse\"\n                    :link=\"button.link\"\n                    :variant=\"button.variant || generateButtonVariantByIndex(index)\"\n                    v-on=\"generateButtonEvents(button)\"\n                >\n                    <template v-if=\"button.icon || button.iconLeft\" #iconLeft>\n                        <component :is=\"button.icon || button.iconLeft\" :svg-title=\"button.title\"></component>\n                    </template>\n                    {{ button.title }}\n                    <template v-if=\"button.iconRight\" #iconRight>\n                        <component :is=\"button.iconRight\" :svg-title=\"button.title\"></component>\n                    </template>\n                </bento-button>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, PropType } from 'vue';\n    import { BentoButtonVariant } from '@/core/components/button/button.types';\n    import BentoButton from '../../button.vue';\n    import { BentoButtonActionObject, BentoButtonActionsLayout, BentoButtonActionsList } from './button-actions.types';\n    import { BentoLoadingButton } from '../loading-button';\n\n    export default defineComponent({\n        name: 'bento-button-actions',\n        components: { BentoButton, BentoLoadingButton },\n        props: {\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` (optional): Vue Icon from the library `@adyen/ui-assets-icons-16`.\n             *\n             * @see BentoButton for a list of all the other props supported by each button action.\n             *\n             * ```\n             * [{\n             *   title: 'Primary',\n             *   event: () => { ... },\n             *   icon: FourPeopleIcon,\n             *   link: {\n                        variant: 'default',\n                        external: true,\n                        to: 'https://www.adyen.com/'\n                    },\n             * }, {\n             *   title: 'Secondary',\n             *   event: () => { ... }\n             *   disabled: true,\n             *   variant: BentoButtonVariant.PRIMARY,\n             *   critical: true\n             * }]\n             * ```\n             */\n            actions: {\n                type: Array as PropType<BentoButtonActionsList>,\n                required: true,\n            },\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            layout: {\n                type: String as PropType<BentoButtonActionsLayout | `${BentoButtonActionsLayout}`>,\n                default: BentoButtonActionsLayout.BUTTONS_END,\n                validator: (layout: BentoButtonActionsLayout) =>\n                    Object.values(BentoButtonActionsLayout).includes(layout),\n            },\n\n            /**\n             * Sets the Button Actions to color scheme inverse\n             */\n            inverse: {\n                type: Boolean,\n                default: false,\n            },\n        },\n        setup(props) {\n            const reversedActionsList = computed(() => props.actions.slice().reverse());\n            const generateButtonVariantByIndex = actionIndex => {\n                const lastActionIndex = props.actions.length - 1;\n                return actionIndex === lastActionIndex ? BentoButtonVariant.PRIMARY : BentoButtonVariant.SECONDARY;\n            };\n\n            const conditionalClasses = computed(() => ({\n                [`b-button-actions--${props.layout}`]: true,\n            }));\n\n            const generateButtonEvents = (button: BentoButtonActionObject) =>\n                button?.event !== undefined\n                    ? {\n                          click: button.event,\n                      }\n                    : {};\n\n            return {\n                // Values\n                conditionalClasses,\n                reversedActionsList,\n\n                // Methods\n                generateButtonEvents,\n                generateButtonVariantByIndex,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./button-actions.scss\" />\n"],"names":["BentoButtonActionsLayoutBasic","BentoButtonActionsLayoutBasic2","BentoButtonActionsLayoutExtended","BentoButtonActionsLayoutExtended2","BentoButtonActionsLayout","_sfc_main","defineComponent","BentoButton","BentoLoadingButton","layout","props","reversedActionsList","computed","generateButtonVariantByIndex","actionIndex","lastActionIndex","BentoButtonVariant","button","openBlock","createElementBlock","_hoisted_1","createElementVNode","normalizeClass","_ctx","index","createBlock","_component_bento_loading_button","mergeProps","toHandlers","withCtx","_component_bento_button","createSlots","resolveDynamicComponent"],"mappings":"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"}

package/dist/card.js

@@ -1,5 +1,5 @@
 import { defineComponent as j, ref as A, watch as B, computed as a, resolveComponent as v, openBlock as t, createElementBlock as r, normalizeClass as b, renderSlot as p, createCommentVNode as s, withKeys as L, createElementVNode as m, createBlock as C, mergeProps as F, withCtx as f, createVNode as T, Transition as P, normalizeStyle as V } from "vue";
-import { B as Y } from "./chunks/index.75f3672e.js";
+import { B as Y } from "./chunks/index.10c545e2.js";
 import { a as K, C as q } from "./chunks/chevron-up.46afb34c.js";
 import { u as G } from "./chunks/use-has-slot.4d98bf29.js";
 import { g as J } from "./chunks/unique-id.a2a2b458.js";

package/dist/checkbox.js

@@ -1,17 +1,17 @@
-import { B as v, b as l } from "./chunks/checkbox.731dc0ab.js";
-import { a as X } from "./chunks/checkbox.731dc0ab.js";
-import { defineComponent as E, toRef as _, computed as u, ref as C, watch as B, resolveComponent as p, openBlock as t, createElementBlock as f, createVNode as S, normalizeClass as I, withCtx as c, Fragment as V, renderList as G, createBlock as g, createSlots as M, createTextVNode as y, toDisplayString as k, createCommentVNode as T } from "vue";
-import { g as w } from "./chunks/unique-id.a2a2b458.js";
-import { d as L } from "./chunks/index.75f3672e.js";
+import { B, b as l } from "./chunks/checkbox.979b1aa4.js";
+import { a as le } from "./chunks/checkbox.979b1aa4.js";
+import { defineComponent as M, toRef as I, computed as s, watch as y, ref as T, resolveComponent as m, openBlock as n, createElementBlock as v, createVNode as N, normalizeClass as V, withCtx as d, Fragment as w, renderList as G, createBlock as E, createSlots as O, createTextVNode as k, toDisplayString as C, renderSlot as A, normalizeProps as L, guardReactiveProps as P, createCommentVNode as R } from "vue";
+import { g as U } from "./chunks/unique-id.a2a2b458.js";
+import { d as q } from "./chunks/index.10c545e2.js";
 import { u as x } from "./chunks/use-form-layout-loading.d03e5d48.js";
-import { C as A } from "./chunks/controls-group.d6543674.js";
-import { E as U } from "./chunks/field-label.3c19a29a.js";
-import { _ as N } from "./chunks/_plugin-vue_export-helper.dad06003.js";
+import { C as $ } from "./chunks/controls-group.2f6cbb21.js";
+import { E as z } from "./chunks/field-label.085966f6.js";
+import { _ as D } from "./chunks/_plugin-vue_export-helper.dad06003.js";
 import "./assets/index7.css";
-var s = /* @__PURE__ */ ((e) => (e.HORIZONTAL = "horizontal", e.VERTICAL = "vertical", e))(s || {});
-const O = E({
-  name: "bento-checkbox-group",
-  components: { BentoCheckbox: v, ControlsGroup: A, ErrorMessage: U },
+var i = /* @__PURE__ */ ((e) => (e.HORIZONTAL = "horizontal", e.VERTICAL = "vertical", e))(i || {});
+const S = "bento-checkbox-group", F = M({
+  name: S,
+  components: { BentoCheckbox: B, ControlsGroup: $, ErrorMessage: z },
   model: { prop: "modelValue" },
   props: {
     /**
@@ -74,29 +74,38 @@ const O = E({
      */
     variant: {
       type: String,
-      default: s.VERTICAL,
-      validator: (e) => Object.values(s).includes(e)
+      default: i.VERTICAL,
+      validator: (e) => Object.values(i).includes(e)
     }
   },
   emits: [l.UPDATE, l.INPUT],
-  setup(e, { emit: n }) {
-    const h = w("error"), { isReadOnly: a } = x(_(e, "readonly")), m = u(
+  setup(e, { emit: u, slots: b }) {
+    const f = U("error"), { isReadOnly: a } = x(I(e, "readonly")), g = s(
       () => !e.disabled && !a.value && (!!e.errorMessage || e.hasError)
-    ), b = u(
+    ), c = s(
       () => !e.disabled && !a.value && !!e.errorMessage
-    ), d = u(() => ({
-      "b-checkbox-group__checkboxes--horizontal": e.variant === s.HORIZONTAL
-    })), r = C(e.modelValue);
-    B(
+    ), p = s(() => ({
+      "b-checkbox-group__checkboxes--horizontal": e.variant === i.HORIZONTAL
+    })), t = (r) => !!b[r], o = s(() => t("content") && e.variant !== "vertical");
+    y(
+      o,
+      (r) => {
+        if (r)
+          throw new Error("The content slot is only available for the vertical checkbox group layout");
+      },
+      { immediate: !0 }
+    );
+    const h = T(e.modelValue);
+    y(
       () => e.modelValue,
       () => {
-        r.value = e.modelValue;
+        h.value = e.modelValue;
       }
     );
-    const i = (o) => {
-      r.value = o, n(l.UPDATE, o), n(l.INPUT, o);
+    const _ = (r) => {
+      h.value = r, u(l.UPDATE, r), u(l.INPUT, r);
     };
-    return e.hasError && L(
+    return e.hasError && q(
       'BentoCheckboxGroup "hasError" property',
       `Use the BentoCheckboxGroup "errorMessage" property instead to indicate that there is a modifier error.
                     Having the field as "undefined" will hide/remove the error.
@@ -104,24 +113,27 @@ const O = E({
       "2.0.0"
     ), {
       // Values
-      errorId: h,
+      COMPONENT_NAME: S,
+      errorId: f,
       isReadOnly: a,
-      shouldShowGroupError: m,
-      shouldShowGroupErrorMessage: b,
-      conditionalClasses: d,
-      inputValue: r,
+      shouldShowGroupError: g,
+      shouldShowGroupErrorMessage: c,
+      conditionalClasses: p,
+      inputValue: h,
+      hasContentSlot: t,
       // Methods
-      onInput: i
+      onInput: _
     };
   }
 });
-const R = { class: "b-checkbox-group" };
-function q(e, n, h, a, m, b) {
-  const d = p("bento-checkbox"), r = p("controls-group"), i = p("error-message");
-  return t(), f("div", R, [
-    S(r, {
-      class: I(["b-checkbox-group__checkboxes", e.conditionalClasses]),
+const H = { class: "b-checkbox-group" };
+function Z(e, u, b, f, a, g) {
+  const c = m("bento-checkbox"), p = m("controls-group"), t = m("error-message");
+  return n(), v("div", H, [
+    N(p, {
+      class: V(["b-checkbox-group__checkboxes", e.conditionalClasses]),
       "aria-describedby": e.shouldShowGroupErrorMessage ? e.errorId : "",
+      "component-name": e.COMPONENT_NAME,
       description: e.description,
       disabled: e.disabled,
       form: e.formId,
@@ -131,8 +143,8 @@ function q(e, n, h, a, m, b) {
       required: e.required,
       "tooltip-text": e.tooltipText
     }, {
-      default: c(() => [
-        (t(!0), f(V, null, G(e.items, (o) => (t(), g(d, {
+      default: d(() => [
+        (n(!0), v(w, null, G(e.items, (o) => (n(), E(c, {
           key: o.value,
           "model-value": e.inputValue,
           value: o.value,
@@ -141,37 +153,44 @@ function q(e, n, h, a, m, b) {
           "error-message": e.shouldShowGroupError ? null : o.errorMessage,
           readonly: e.isReadOnly || o.readonly,
           "onUpdate:modelValue": e.onInput
-        }, M({
-          default: c(() => [
-            y(k(o.label) + " ", 1)
+        }, O({
+          default: d(() => [
+            k(C(o.label) + " ", 1)
           ]),
           _: 2
         }, [
           o.description ? {
             name: "description",
-            fn: c(() => [
-              y(k(o.description), 1)
+            fn: d(() => [
+              k(C(o.description), 1)
             ]),
             key: "0"
+          } : void 0,
+          e.hasContentSlot("content") ? {
+            name: "content",
+            fn: d(() => [
+              A(e.$slots, "content", L(P(o)), void 0, !0)
+            ]),
+            key: "1"
           } : void 0
         ]), 1032, ["model-value", "value", "disabled", "has-error", "error-message", "readonly", "onUpdate:modelValue"]))), 128))
       ]),
-      _: 1
-    }, 8, ["aria-describedby", "class", "description", "disabled", "form", "hide-label", "label", "optional", "required", "tooltip-text"]),
-    e.shouldShowGroupErrorMessage ? (t(), g(i, {
+      _: 3
+    }, 8, ["aria-describedby", "component-name", "class", "description", "disabled", "form", "hide-label", "label", "optional", "required", "tooltip-text"]),
+    e.shouldShowGroupErrorMessage ? (n(), E(t, {
       key: 0,
       id: e.errorId,
       "error-message": e.errorMessage,
       class: "b-checkbox-group__error-message"
-    }, null, 8, ["id", "error-message"])) : T("", !0)
+    }, null, 8, ["id", "error-message"])) : R("", !0)
   ]);
 }
-const J = /* @__PURE__ */ N(O, [["render", q], ["__scopeId", "data-v-50658e08"]]);
+const oe = /* @__PURE__ */ D(F, [["render", Z], ["__scopeId", "data-v-2266b206"]]);
 export {
-  v as BentoCheckbox,
+  B as BentoCheckbox,
   l as BentoCheckboxEvent,
-  J as BentoCheckboxGroup,
-  s as BentoCheckboxGroupVariant,
-  X as BentoCheckboxState
+  oe as BentoCheckboxGroup,
+  i as BentoCheckboxGroupVariant,
+  le as BentoCheckboxState
 };
 //# sourceMappingURL=checkbox.js.map