@adyen/bento-vue3 1.11.0 → 1.11.1

package/dist/assets/index46.css

@@ -1 +1 @@
-button[data-v-aa44c602]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-aa44c602]:focus-visible{outline:none}.b-secondary-nav-item[data-v-aa44c602]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:var(--b-secondary-nav-item-border-radius);color:var(--b-secondary-nav-item-color);cursor:pointer;margin-top:var(--b-secondary-nav-item-margin-top);padding:var(--b-secondary-nav-item-padding);width:100%}.b-secondary-nav-item[data-v-aa44c602],.b-secondary-nav-item[data-v-aa44c602]:before,.b-secondary-nav-item[data-v-aa44c602]:after{box-sizing:border-box}.b-secondary-nav-item *[data-v-aa44c602],.b-secondary-nav-item *[data-v-aa44c602]:before,.b-secondary-nav-item *[data-v-aa44c602]:after{box-sizing:border-box}.b-secondary-nav-item[data-v-aa44c602] ::-webkit-scrollbar{height:14px;width:14px}.b-secondary-nav-item[data-v-aa44c602] ::-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-secondary-nav-item[data-v-aa44c602]:hover{background-color:var(--b-secondary-nav-item-hover-background-color)}}.b-secondary-nav-item[data-v-aa44c602]:active,.b-secondary-nav-item--active[data-v-aa44c602]{background-color:var(--b-secondary-nav-item-active-background-color)}.b-secondary-nav-item[data-v-aa44c602]:focus-visible{animation:outer-ring-default-aa44c602 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-aa44c602{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-secondary-nav-category[data-v-130510eb]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-bottom:var(--b-secondary-nav-category-margin-bottom)}.b-secondary-nav-category[data-v-130510eb],.b-secondary-nav-category[data-v-130510eb]:before,.b-secondary-nav-category[data-v-130510eb]:after{box-sizing:border-box}.b-secondary-nav-category *[data-v-130510eb],.b-secondary-nav-category *[data-v-130510eb]:before,.b-secondary-nav-category *[data-v-130510eb]:after{box-sizing:border-box}.b-secondary-nav-category[data-v-130510eb] ::-webkit-scrollbar{height:14px;width:14px}.b-secondary-nav-category[data-v-130510eb] ::-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-secondary-nav-category__label[data-v-130510eb]{color:var(--b-secondary-nav-category-label-color);padding:var(--b-secondary-nav-category-label-padding)}.b-secondary-nav[data-v-06c372b8]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:var(--b-secondary-nav-max-width)}.b-secondary-nav[data-v-06c372b8],.b-secondary-nav[data-v-06c372b8]:before,.b-secondary-nav[data-v-06c372b8]:after{box-sizing:border-box}.b-secondary-nav *[data-v-06c372b8],.b-secondary-nav *[data-v-06c372b8]:before,.b-secondary-nav *[data-v-06c372b8]:after{box-sizing:border-box}.b-secondary-nav[data-v-06c372b8] ::-webkit-scrollbar{height:14px;width:14px}.b-secondary-nav[data-v-06c372b8] ::-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-secondary-nav[data-v-06c372b8] .b-secondary-nav__list{list-style:none;margin:0;padding:0}
+.b-status[data-v-885a00b1]{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-885a00b1],.b-status[data-v-885a00b1]:before,.b-status[data-v-885a00b1]:after{box-sizing:border-box}.b-status *[data-v-885a00b1],.b-status *[data-v-885a00b1]:before,.b-status *[data-v-885a00b1]:after{box-sizing:border-box}.b-status[data-v-885a00b1] ::-webkit-scrollbar{height:14px;width:14px}.b-status[data-v-885a00b1] ::-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-885a00b1]{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-885a00b1]{background:var(--b-status-indicator-blue-background-color)}.b-status__indicator--green[data-v-885a00b1]{background:var(--b-status-indicator-green-background-color)}.b-status__indicator--grey[data-v-885a00b1]{background:var(--b-status-indicator-grey-background-color)}.b-status__indicator--orange[data-v-885a00b1]{background:var(--b-status-indicator-orange-background-color)}.b-status__indicator--red[data-v-885a00b1]{background:var(--b-status-indicator-red-background-color)}.b-status__indicator--yellow[data-v-885a00b1]{background:var(--b-status-indicator-yellow-background-color)}

package/dist/assets/index47.css

@@ -1 +1 @@
-.b-loading-indicator[data-v-b3018ba0]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;display:inline-block;height:var(--b-loading-indicator-height);position:relative;width:var(--b-loading-indicator-width)}.b-loading-indicator[data-v-b3018ba0],.b-loading-indicator[data-v-b3018ba0]:before,.b-loading-indicator[data-v-b3018ba0]:after{box-sizing:border-box}.b-loading-indicator *[data-v-b3018ba0],.b-loading-indicator *[data-v-b3018ba0]:before,.b-loading-indicator *[data-v-b3018ba0]:after{box-sizing:border-box}.b-loading-indicator[data-v-b3018ba0] ::-webkit-scrollbar{height:14px;width:14px}.b-loading-indicator[data-v-b3018ba0] ::-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)}@keyframes spin-b3018ba0{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.b-loading-indicator[data-v-b3018ba0]:before,.b-loading-indicator[data-v-b3018ba0]:after{animation:spin-b3018ba0 1s cubic-bezier(.785,.135,.15,.86) infinite;border:3px solid transparent;border-radius:50%;box-sizing:border-box;content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%}.b-loading-indicator[data-v-b3018ba0]:before{border-color:var(--b-loading-indicator-background-color);border-top-color:transparent;opacity:.1}.b-loading-indicator[data-v-b3018ba0]:after{border-color:transparent;border-top-color:var(--b-loading-indicator-color)}.b-loading-indicator--inverse[data-v-b3018ba0]:before{border-color:var(--b-loading-indicator-inverse-background-color);border-top-color:transparent;opacity:.2}.b-loading-indicator--inverse[data-v-b3018ba0]:after{border-color:transparent;border-top-color:var(--b-loading-indicator-inverse-color)}.b-loading-indicator--small[data-v-b3018ba0]{height:var(--b-loading-indicator-small-height);width:var(--b-loading-indicator-small-width)}.b-loading-indicator--small[data-v-b3018ba0]:before,.b-loading-indicator--small[data-v-b3018ba0]:after{border-width:var(--b-loading-indicator-small-border-width)}.b-loading-indicator--large[data-v-b3018ba0]{height:var(--b-loading-indicator-large-height);width:var(--b-loading-indicator-large-width)}.b-loading-indicator--large[data-v-b3018ba0]:before,.b-loading-indicator--large[data-v-b3018ba0]:after{border-width:var(--b-loading-indicator-large-border-width)}
+@charset "UTF-8";.b-input-field[data-v-80ea3c08]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column}.b-input-field[data-v-80ea3c08],.b-input-field[data-v-80ea3c08]:before,.b-input-field[data-v-80ea3c08]:after{box-sizing:border-box}.b-input-field *[data-v-80ea3c08],.b-input-field *[data-v-80ea3c08]:before,.b-input-field *[data-v-80ea3c08]:after{box-sizing:border-box}.b-input-field[data-v-80ea3c08] ::-webkit-scrollbar{height:14px;width:14px}.b-input-field[data-v-80ea3c08] ::-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-input-field--condensed .b-input-field__input-box[data-v-80ea3c08]{height:28px}.b-input-field--condensed .b-input-field__default-icon-before[data-v-80ea3c08]{margin-left:var(--b-input-field-icon-before-condensed-margin-left)}.b-input-field--condensed .b-input-field__dropdown--end[data-v-80ea3c08]{margin-right:var(--b-input-field-dropdown-end-condensed-margin-right)}.b-input-field--condensed .b-input-field__dropdown--start[data-v-80ea3c08]{margin-left:var(--b-input-field-dropdown-start-condensed-margin-left)}.b-input-field--condensed .b-input-field__icon-after[data-v-80ea3c08]{margin-right:var(--b-input-field-icon-after-condensed-margin-right)}.b-input-field--condensed .b-input-field__input[data-v-80ea3c08]{margin:var(--b-input-field-input-condensed-margin)}.b-input-field--condensed .b-input-field__payment-method[data-v-80ea3c08]{margin-left:var(--b-input-field-payment-method-condensed-margin-left)}.b-input-field--condensed .b-input-field__static-value[data-v-80ea3c08]{height:20px}.b-input-field--condensed .b-input-field__static-value--end[data-v-80ea3c08]{margin-right:var(--b-input-field-static-value-end-condensed-margin-right)}.b-input-field--condensed .b-input-field__static-value--start[data-v-80ea3c08]{margin-left:var(--b-input-field-static-value-start-condensed-margin-left)}.b-input-field--condensed[data-v-80ea3c08] .b-dropdown-small-textbox{height:20px}.b-input-field--condensed[data-v-80ea3c08] .b-dropdown-small-textbox__textbox{padding:var(--b-input-field-dropdown-small-textbox-condensed-padding)}.b-input-field--condensed[data-v-80ea3c08] .b-dropdown-base-textbox{height:100%}.b-input-field--disabled *[data-v-80ea3c08]{cursor:not-allowed}.b-input-field--disabled .b-input-field__input-box[data-v-80ea3c08]{background-color:var(--b-input-field-input-box-disabled-background-color);border-color:var(--b-input-field-input-box-disabled-border-color)}.b-input-field--disabled .b-input-field__input-box[data-v-80ea3c08]:hover{border-color:var(--b-input-field-input-box-disabled-border-color)}.b-input-field--disabled .b-input-field__default-icon-before[data-v-80ea3c08],.b-input-field--disabled .b-input-field__icon-after[data-v-80ea3c08]{color:var(--b-input-field-icons-color)}.b-input-field--disabled .b-input-field__static-value[data-v-80ea3c08]{background-color:var(--b-input-field-static-value-disabled-background-color);color:var(--b-input-field-static-value-disabled-color)}.b-input-field--disabled .b-input-field__payment-method[data-v-80ea3c08]{opacity:.3}.b-input-field--readonly .b-input-field__input-box[data-v-80ea3c08],.b-input-field--readonly .b-input-field__input-box *[data-v-80ea3c08]{background-color:var(--b-input-field-input-box-disabled-background-color);border-color:var(--b-input-field-input-box-disabled-border-color)}.b-input-field--readonly .b-input-field__input-box[data-v-80ea3c08]:hover,.b-input-field--readonly .b-input-field__input-box *[data-v-80ea3c08]:hover{border-color:var(--b-input-field-input-box-disabled-border-color)}.b-input-field--readonly .b-input-field__static-value[data-v-80ea3c08]{background-color:var(--b-input-field-static-value-disabled-background-color)}.b-input-field--error .b-input-field__input-box[data-v-80ea3c08]{border-color:var(--b-input-field-input-box-error-border-color);outline:var(--b-input-field-input-box-error-outline)}.b-input-field__input-box[data-v-80ea3c08]{align-items:center;background-color:var(--b-input-field-input-box-background-color);border:1px var(--b-input-field-input-box-border-color) solid;border-radius:var(--b-input-field-input-box-border-radius);display:flex;flex-direction:row;height:var(--b-input-field-input-box-height);outline:none}.b-input-field__input-box[data-v-80ea3c08]:hover{border-color:var(--b-input-field-input-box-hover-border-color);outline-color:var(--b-input-field-input-box-hover-border-color)}.b-input-field__input-box[data-v-80ea3c08]:focus-within{border-color:var(--b-input-field-input-box-focus-border-color);outline:var(--b-input-field-input-box-focus-outline)}.b-input-field__static-value[data-v-80ea3c08]{align-items:center;background-color:var(--b-input-field-static-value-background-color);border-radius:var(--b-input-field-static-value-border-radius);color:var(--b-input-field-static-value-color);display:flex;height:28px;padding:var(--b-input-field-static-value-padding)}.b-input-field__static-value--start[data-v-80ea3c08]{margin-left:var(--b-input-field-static-value-start-margin-left)}.b-input-field__static-value--end[data-v-80ea3c08]{margin-right:var(--b-input-field-static-value-end-margin-right)}.b-input-field__payment-method[data-v-80ea3c08]{height:16px;margin-left:var(--b-input-field-payment-method-margin-left)}.b-input-field__dropdown[data-v-80ea3c08] .b-dropdown-small-textbox{border-radius:var(--b-input-field-dropdown-border-radius)}.b-input-field__dropdown--start[data-v-80ea3c08]{margin-left:var(--b-input-field-dropdown-start-margin-left)}.b-input-field__dropdown--end[data-v-80ea3c08]{margin-right:var(--b-input-field-dropdown-end-margin-right)}.b-input-field__input[data-v-80ea3c08]{border:0;color:var(--b-input-field-input-color);flex:1;font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:var(--b-input-field-input-margin);overflow:hidden;padding:0;width:100%}.b-input-field__input[type=search][data-v-80ea3c08]::-ms-clear,.b-input-field__input[type=search][data-v-80ea3c08]::-ms-reveal{display:none;height:0;width:0}.b-input-field__input[type=search][data-v-80ea3c08]::-webkit-search-decoration,.b-input-field__input[type=search][data-v-80ea3c08]::-webkit-search-cancel-button,.b-input-field__input[type=search][data-v-80ea3c08]::-webkit-search-results-button,.b-input-field__input[type=search][data-v-80ea3c08]::-webkit-search-results-decoration{display:none}.b-input-field__input[type=number][data-v-80ea3c08]::-webkit-outer-spin-button,.b-input-field__input[type=number][data-v-80ea3c08]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.b-input-field__input[data-v-80ea3c08]::placeholder{color:var(--b-input-field-input-placeholder-color);opacity:1}.b-input-field__input[data-v-80ea3c08]:focus-visible{box-shadow:none;outline:none}.b-input-field__input[data-v-80ea3c08]:disabled{color:var(--b-input-field-input-disabled-color)}.b-input-field__input[data-v-80ea3c08]:disabled::placeholder{background-color:var(--b-input-field-input-disabled-background-color)}.b-input-field__input[type=number][data-v-80ea3c08]{-moz-appearance:textfield}.b-input-field__description[data-v-80ea3c08]{color:var(--b-input-field-description-color);display:block;margin-top:var(--b-input-field-description-margin-top)}.b-input-field__error-message[data-v-80ea3c08]{margin-bottom:-4px;margin-top:var(--b-input-field-error-message-margin-top)}.b-input-field__default-icon-before[data-v-80ea3c08]{display:flex;margin-left:var(--b-input-field-icon-before-margin-left)}.b-input-field__icon-after[data-v-80ea3c08]{display:flex;margin-right:var(--b-input-field-icon-after-margin-right)}

package/dist/assets/index5.css

@@ -1 +1 @@
-.b-focus-trap[data-v-946df4dc]{outline:none}
+.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-ux4001j-59086ee6 var(--b-action-bar-animation-duration) var(--b-animation-easing-linear),enter-ux4001j-59086ee6 var(--b-action-bar-animation-duration) var(--b-animation-easing-enter),scale-up-ux4001j-59086ee6 var(--b-action-bar-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-in-ux4001j-59086ee6{0%{opacity:0}to{opacity:1}}@keyframes scale-up-ux4001j-59086ee6{0%{scale:.9}to{scale:1}}@keyframes enter-ux4001j-59086ee6{0%{translate:0 8px}to{translate:0 0}}.b-action-bar__animation-leave-active[data-v-59086ee6]{animation:fade-out-ux4003o-59086ee6 var(--b-action-bar-animation-duration) var(--b-animation-easing-linear),exit-ux4003o-59086ee6 var(--b-action-bar-animation-duration) var(--b-animation-easing-exit),scale-down-ux4003o-59086ee6 var(--b-action-bar-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-out-ux4003o-59086ee6{0%{opacity:1}to{opacity:0}}@keyframes scale-down-ux4003o-59086ee6{0%{scale:1}to{scale:.9}}@keyframes exit-ux4003o-59086ee6{0%{translate:0 0}to{translate:0 8px}}

package/dist/assets/index6.css

@@ -1 +1 @@
-.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-uc1qt0o-b1de8d3a var(--b-accordion-item-animation-duration) var(--b-animation-easing-linear),enter-uc1qt0o-b1de8d3a var(--b-accordion-item-animation-duration) var(--b-animation-easing-enter),scale-up-uc1qt0o-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-uc1qt0o-b1de8d3a{0%{opacity:0}to{opacity:1}}@keyframes scale-up-uc1qt0o-b1de8d3a{0%{scale:1}to{scale:1}}@keyframes enter-uc1qt0o-b1de8d3a{0%{translate:0 -8px}to{translate:0 0}}.b-accordion-item__animation--content-leave-active[data-v-b1de8d3a]{animation:fade-out-uc1qt1g-b1de8d3a var(--b-accordion-item-animation-duration) var(--b-animation-easing-linear),exit-uc1qt1g-b1de8d3a var(--b-accordion-item-animation-duration) var(--b-animation-easing-exit),scale-down-uc1qt1g-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-uc1qt1g-b1de8d3a{0%{opacity:1}to{opacity:0}}@keyframes scale-down-uc1qt1g-b1de8d3a{0%{scale:1}to{scale:1}}@keyframes exit-uc1qt1g-b1de8d3a{0%{translate:0 0}to{translate:0 -8px}}
+svg.ui-assets-icons-16{display:inline-flex;flex-shrink:0}svg.ui-assets-icons-16,svg.ui-assets-icons-16 *{fill:currentcolor}.b-code-snippet[data-v-887f22c0]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-code-snippet[data-v-887f22c0],.b-code-snippet[data-v-887f22c0]:before,.b-code-snippet[data-v-887f22c0]:after{box-sizing:border-box}.b-code-snippet *[data-v-887f22c0],.b-code-snippet *[data-v-887f22c0]:before,.b-code-snippet *[data-v-887f22c0]:after{box-sizing:border-box}.b-code-snippet[data-v-887f22c0] ::-webkit-scrollbar{height:14px;width:14px}.b-code-snippet[data-v-887f22c0] ::-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-code-snippet__action-bar[data-v-887f22c0]{background-color:var(--b-code-snippet-action-bar-background-color);border:var(--b-code-snippet-action-bar-border);border-radius:var(--b-code-snippet-action-bar-border-radius);display:flex;justify-content:space-between;padding:var(--b-code-snippet-action-bar-padding)}.b-code-snippet__action-bar--start[data-v-887f22c0],.b-code-snippet__action-bar--end[data-v-887f22c0]{align-items:center;display:flex;gap:var(--b-code-snippet-action-bar-gap)}.b-code-snippet__language-picker[data-v-887f22c0]{background-color:var(--b-code-snippet-language-picker-background-color)}.b-code-snippet__run-button[data-v-887f22c0]{padding:var(--b-code-snippet-run-button-padding)}.b-code-snippet__code-area[data-v-887f22c0]{background-color:var(--b-code-snippet-code-area-background-color);border-radius:var(--b-code-snippet-code-area-border-radius);display:block;height:100%;margin:var(--b-code-snippet-code-area-margin)}.b-code-snippet__modal[data-v-887f22c0] .b-modal-base__container--large{width:80%}.b-code-snippet__code-area-content[data-v-887f22c0]{background-color:inherit;display:flex;flex-direction:row}.b-code-snippet__code-area-content[data-v-887f22c0] .cm-scroller{font-family:var(--b-code-snippet-code-area-content-font-family)}.b-code-snippet__code-area-content[data-v-887f22c0] .cm-editor{flex-grow:1;width:0}.b-code-snippet__code-area-content[data-v-887f22c0] .cm-scroller,.b-code-snippet__code-area-content[data-v-887f22c0] .cm-content{caret-color:transparent;cursor:default}.b-code-snippet__code-area-content[data-v-887f22c0] .cm-editor,.b-code-snippet__code-area-content[data-v-887f22c0] .cm-gutters{background-color:var(--b-code-snippet-code-area-background-color)}.b-legacy-theme .b-code-snippet__code-area-content[data-v-887f22c0] .cm-editor,.b-legacy-theme .b-code-snippet__code-area-content[data-v-887f22c0] .cm-gutters{background-color:#f3f6f9}.b-code-snippet__code-area-content--editable[data-v-887f22c0] .cm-content{caret-color:auto;cursor:text}.b-code-snippet__code-area-content[data-v-887f22c0] .cm-editor .cm-gutters{border:unset}.b-code-snippet__code-area-content[data-v-887f22c0] .cm-content{padding:var(--b-code-snippet-code-area-content-padding);padding-left:var(--b-code-snippet-code-area-content-padding-left)}.b-code-snippet__code-area-content[data-v-887f22c0] .cm-gutters{padding-left:var(--b-code-snippet-code-area-gutters-padding-left)}.b-code-snippet__code-area-content[data-v-887f22c0] .cm-gutterElement{background-color:var(--b-code-snippet-code-area-background-color)}.b-code-snippet__code-area-content[data-v-887f22c0] .cm-editor.cm-focused{outline:none}.b-code-snippet__code-area-content[data-v-887f22c0] .cm-activeLine{background-color:transparent}.b-code-snippet--inline .b-code-snippet__code-area-content[data-v-887f22c0] .cm-content{padding:var(--b-code-snippet-inline-code-area-content-padding)}

package/dist/assets/index7.css

@@ -1 +1 @@
-.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-uc1qsrc-59086ee6 var(--b-action-bar-animation-duration) var(--b-animation-easing-linear),enter-uc1qsrc-59086ee6 var(--b-action-bar-animation-duration) var(--b-animation-easing-enter),scale-up-uc1qsrc-59086ee6 var(--b-action-bar-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-in-uc1qsrc-59086ee6{0%{opacity:0}to{opacity:1}}@keyframes scale-up-uc1qsrc-59086ee6{0%{scale:.9}to{scale:1}}@keyframes enter-uc1qsrc-59086ee6{0%{translate:0 8px}to{translate:0 0}}.b-action-bar__animation-leave-active[data-v-59086ee6]{animation:fade-out-uc1qsvr-59086ee6 var(--b-action-bar-animation-duration) var(--b-animation-easing-linear),exit-uc1qsvr-59086ee6 var(--b-action-bar-animation-duration) var(--b-animation-easing-exit),scale-down-uc1qsvr-59086ee6 var(--b-action-bar-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-out-uc1qsvr-59086ee6{0%{opacity:1}to{opacity:0}}@keyframes scale-down-uc1qsvr-59086ee6{0%{scale:1}to{scale:.9}}@keyframes exit-uc1qsvr-59086ee6{0%{translate:0 0}to{translate:0 8px}}
+button[data-v-b1f946e5]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-b1f946e5]:focus-visible{outline:none}.b-filter-bar-button[data-v-b1f946e5]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;appearance:none;background-color:var(--b-filter-bar-button-background-color);border:var(--b-filter-bar-button-border);border-radius:var(--b-filter-bar-button-border-radius);color:var(--b-filter-bar-button-color);cursor:pointer;display:inline-flex;height:var(--b-filter-bar-button-height);justify-content:center;text-decoration:none;user-select:none}.b-filter-bar-button[data-v-b1f946e5],.b-filter-bar-button[data-v-b1f946e5]:before,.b-filter-bar-button[data-v-b1f946e5]:after{box-sizing:border-box}.b-filter-bar-button *[data-v-b1f946e5],.b-filter-bar-button *[data-v-b1f946e5]:before,.b-filter-bar-button *[data-v-b1f946e5]:after{box-sizing:border-box}.b-filter-bar-button[data-v-b1f946e5] ::-webkit-scrollbar{height:14px;width:14px}.b-filter-bar-button[data-v-b1f946e5] ::-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-filter-bar-button[data-v-b1f946e5]:hover{background-color:var(--b-filter-bar-button-hover-background-color);color:var(--b-filter-bar-button-hover-color)}.b-filter-bar-button:hover .b-filter-bar-button__counter[data-v-b1f946e5]{background-color:var(--b-filter-bar-button-counter-hover-background-color)}}.b-legacy-theme .b-filter-bar-button__counter[data-v-b1f946e5]{font-weight:400;line-height:19px}.b-legacy-theme .b-filter-bar-button__label[data-v-b1f946e5]{font-weight:400}.b-legacy-theme .b-filter-bar-button--with-counter[data-v-b1f946e5]{background-color:var(--b-filter-bar-button-with-counter-background-color);border:var(--b-filter-bar-button-with-counter-border);color:var(--b-filter-bar-button-with-counter-color)}.b-legacy-theme .b-filter-bar-button--with-counter[data-v-b1f946e5]:active:not(:disabled){background-color:var(--b-filter-bar-button-with-counter-active-background-color);border-color:var(--b-filter-bar-button-with-counter-active-border-color);color:var(--b-filter-bar-button-with-counter-active-color)}.b-legacy-theme .b-filter-bar-button--with-counter:active:not(:disabled) .b-filter-bar-button__counter[data-v-b1f946e5]{color:var(--b-filter-bar-button-with-counter-active-counter-color)}.b-filter-bar-button[data-v-b1f946e5]:active:not(:disabled){border:var(--b-filter-bar-button-active-border)}.b-filter-bar-button[data-v-b1f946e5]:disabled,.b-filter-bar-button[data-v-b1f946e5]:disabled:not(:focus){background-color:var(--b-filter-bar-button-disabled-background-color);color:var(--b-filter-bar-button-disabled-color);cursor:not-allowed}.b-filter-bar-button:disabled .b-filter-bar-button__counter[data-v-b1f946e5],.b-filter-bar-button:disabled:not(:focus) .b-filter-bar-button__counter[data-v-b1f946e5]{background-color:var(--b-filter-bar-button-counter-disabled-background-color);color:var(--b-filter-bar-button-counter-disabled-color)}.b-filter-bar-button[data-v-b1f946e5]:focus-visible{animation:outer-ring-default-b1f946e5 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);z-index:1}@keyframes outer-ring-default-b1f946e5{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-filter-bar-button--filter-open[data-v-b1f946e5]:not(:hover){border:var(--b-filter-bar-button-filter-open-border)}.b-filter-bar-button--with-chevron .b-filter-bar-button__container[data-v-b1f946e5]{padding-right:var(--b-filter-bar-button-with-chevron-container-padding-right)}.b-filter-bar-button__chevron[data-v-b1f946e5]{display:flex;justify-content:center;padding-right:var(--b-filter-bar-button-chevron-padding-right)}.b-filter-bar-button__container[data-v-b1f946e5]{align-items:center;display:inline-flex;gap:var(--b-filter-bar-button-container-gap);justify-content:center;padding:var(--b-filter-bar-button-container-padding);vertical-align:bottom}.b-filter-bar-button__counter[data-v-b1f946e5]{background-color:var(--b-filter-bar-button-counter-background-color);border-radius:var(--b-filter-bar-button-counter-border-radius);color:var(--b-filter-bar-button-counter-color);margin-right:var(--b-filter-bar-button-counter-margin-right);padding:var(--b-filter-bar-button-counter-padding)}.b-filter-bar-button__label-container[data-v-b1f946e5]{display:inline-flex;gap:var(--b-filter-bar-button-label-container-gap)}.b-filter-bar-button__label[data-v-b1f946e5],.b-filter-bar-button__secondary-label[data-v-b1f946e5]{display:inline-flex;line-height:var(--b-filter-bar-button-label-line-height);vertical-align:middle}.b-filter-bar-button__secondary-label[data-v-b1f946e5]{color:var(--b-filter-bar-button-secondary-label-color)}.b-filter-bar-button__icon-left[data-v-b1f946e5],.b-filter-bar-button__icon-right[data-v-b1f946e5]{display:inline-flex}.b-teleport--hidden[data-v-d3ffe999]{display:none;visibility:hidden}.b-base-filter[data-v-84e3bc72]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;flex-shrink:0}.b-base-filter[data-v-84e3bc72],.b-base-filter[data-v-84e3bc72]:before,.b-base-filter[data-v-84e3bc72]:after{box-sizing:border-box}.b-base-filter *[data-v-84e3bc72],.b-base-filter *[data-v-84e3bc72]:before,.b-base-filter *[data-v-84e3bc72]:after{box-sizing:border-box}.b-base-filter[data-v-84e3bc72] ::-webkit-scrollbar{height:14px;width:14px}.b-base-filter[data-v-84e3bc72] ::-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-base-filter__popover[data-v-84e3bc72] .b-button-actions__container-wrapper{flex-direction:row;justify-content:space-between}.b-input-filter[data-v-331367ce]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-filter-bar-input-filter-padding)}.b-input-filter[data-v-331367ce],.b-input-filter[data-v-331367ce]:before,.b-input-filter[data-v-331367ce]:after{box-sizing:border-box}.b-input-filter *[data-v-331367ce],.b-input-filter *[data-v-331367ce]:before,.b-input-filter *[data-v-331367ce]:after{box-sizing:border-box}.b-input-filter[data-v-331367ce] ::-webkit-scrollbar{height:14px;width:14px}.b-input-filter[data-v-331367ce] ::-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-input-filter--only-slot[data-v-331367ce]{padding:var(--b-filter-bar-input-filter-only-slot-padding)}.b-date-filter[data-v-66ffdc53]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-filter-bar-date-filter-padding)}.b-date-filter[data-v-66ffdc53],.b-date-filter[data-v-66ffdc53]:before,.b-date-filter[data-v-66ffdc53]:after{box-sizing:border-box}.b-date-filter *[data-v-66ffdc53],.b-date-filter *[data-v-66ffdc53]:before,.b-date-filter *[data-v-66ffdc53]:after{box-sizing:border-box}.b-date-filter[data-v-66ffdc53] ::-webkit-scrollbar{height:14px;width:14px}.b-date-filter[data-v-66ffdc53] ::-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-date-filter__divider[data-v-66ffdc53]{margin-top:var(--b-filter-bar-date-filter-divider-margin-top)}@container (max-width: 260px){.b-base-filter-date-range-filter[data-v-f5976db7] .b-filter-bar-button__secondary-label{display:block;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.b-date-range-filter[data-v-f5976db7]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-date-range-filter[data-v-f5976db7],.b-date-range-filter[data-v-f5976db7]:before,.b-date-range-filter[data-v-f5976db7]:after{box-sizing:border-box}.b-date-range-filter *[data-v-f5976db7],.b-date-range-filter *[data-v-f5976db7]:before,.b-date-range-filter *[data-v-f5976db7]:after{box-sizing:border-box}.b-date-range-filter[data-v-f5976db7] ::-webkit-scrollbar{height:14px;width:14px}.b-date-range-filter[data-v-f5976db7] ::-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-date-range-filter__actions[data-v-f5976db7]{padding:var(--b-filter-bar-date-range-filter-actions-padding)}.b-legacy-theme .b-date-range-filter__actions[data-v-f5976db7] .b-button-actions__container-wrapper{flex-direction:initial;justify-content:space-between}.b-date-range-filter__divider[data-v-f5976db7]{margin:var(--b-filter-bar-date-range-filter-divider-margin)}.b-select-filter[data-v-c8798d12]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-select-filter[data-v-c8798d12],.b-select-filter[data-v-c8798d12]:before,.b-select-filter[data-v-c8798d12]:after{box-sizing:border-box}.b-select-filter *[data-v-c8798d12],.b-select-filter *[data-v-c8798d12]:before,.b-select-filter *[data-v-c8798d12]:after{box-sizing:border-box}.b-select-filter[data-v-c8798d12] ::-webkit-scrollbar{height:14px;width:14px}.b-select-filter[data-v-c8798d12] ::-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-select-filter__divider[data-v-c8798d12]{background-color:var(--b-filter-bar-select-filter-divider-background-color);border-width:var(--b-filter-bar-select-filter-divider-border-width);height:1px;margin:var(--b-filter-bar-select-filter-divider-margin)}.b-select-filter__search-bar[data-v-c8798d12]{padding:var(--b-filter-bar-select-filter-search-bar-padding)}.b-select-filter__wrapper[data-v-c8798d12]{max-height:270px}.b-boolean-filter[data-v-8510b360]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-filter-bar-boolean-filter-padding)}.b-boolean-filter[data-v-8510b360],.b-boolean-filter[data-v-8510b360]:before,.b-boolean-filter[data-v-8510b360]:after{box-sizing:border-box}.b-boolean-filter *[data-v-8510b360],.b-boolean-filter *[data-v-8510b360]:before,.b-boolean-filter *[data-v-8510b360]:after{box-sizing:border-box}.b-boolean-filter[data-v-8510b360] ::-webkit-scrollbar{height:14px;width:14px}.b-boolean-filter[data-v-8510b360] ::-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-boolean-filter--only-slot[data-v-8510b360]{padding:var(--b-filter-bar-boolean-filter-only-slot-padding)}.b-range-filter[data-v-a4d1d149]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-filter-bar-range-filter-padding)}.b-range-filter[data-v-a4d1d149],.b-range-filter[data-v-a4d1d149]:before,.b-range-filter[data-v-a4d1d149]:after{box-sizing:border-box}.b-range-filter *[data-v-a4d1d149],.b-range-filter *[data-v-a4d1d149]:before,.b-range-filter *[data-v-a4d1d149]:after{box-sizing:border-box}.b-range-filter[data-v-a4d1d149] ::-webkit-scrollbar{height:14px;width:14px}.b-range-filter[data-v-a4d1d149] ::-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-range-filter__input-field[data-v-a4d1d149]{padding-top:var(--b-filter-bar-range-filter-item-padding)}.b-range-filter--only-slot[data-v-a4d1d149]{padding:var(--b-filter-bar-range-filter-only-slot-padding)}button[data-v-af9efc73]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-af9efc73]:focus-visible{outline:none}.b-base-filter-button[data-v-af9efc73]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;appearance:none;background-color:var(--b-filter-button-background-color);color:var(--b-filter-button-font-color);cursor:pointer;height:40px;justify-content:center;padding:var(--b-filter-button-padding);text-decoration:none;user-select:none;width:100%}.b-base-filter-button[data-v-af9efc73],.b-base-filter-button[data-v-af9efc73]:before,.b-base-filter-button[data-v-af9efc73]:after{box-sizing:border-box}.b-base-filter-button *[data-v-af9efc73],.b-base-filter-button *[data-v-af9efc73]:before,.b-base-filter-button *[data-v-af9efc73]:after{box-sizing:border-box}.b-base-filter-button[data-v-af9efc73] ::-webkit-scrollbar{height:14px;width:14px}.b-base-filter-button[data-v-af9efc73] ::-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-base-filter-button[data-v-af9efc73]:hover{background-color:var(--b-filter-button-hover-background-color);color:var(--b-filter-button-hover-text-color)}.b-base-filter-button:hover .b-base-filter-button__counter[data-v-af9efc73]{background-color:var(--b-filter-button-counter-hover-background-color)}}.b-legacy-theme .b-base-filter-button__counter[data-v-af9efc73]{font-weight:400;line-height:19px}.b-legacy-theme .b-base-filter-button__label[data-v-af9efc73]{font-weight:400}.b-base-filter-button[data-v-af9efc73] .b-base-button__label{width:100%}.b-base-filter-button[data-v-af9efc73]:active:not(:disabled){background-color:var(--b-filter-button-active-background-color)}.b-base-filter-button:active:not(:disabled) .b-base-filter-button__counter[data-v-af9efc73]{background-color:var(--b-filter-button-counter-active-background-color)}.b-base-filter-button[data-v-af9efc73]:disabled,.b-base-filter-button[data-v-af9efc73]:disabled:not(:focus){background-color:var(--b-filter-button-disabled-background-color);color:var(--b-filter-button-disabled-font-color);cursor:not-allowed}.b-base-filter-button:disabled .b-base-filter-button__counter[data-v-af9efc73],.b-base-filter-button:disabled:not(:focus) .b-base-filter-button__counter[data-v-af9efc73]{background-color:var(--b-filter-button-counter-disabled-background-color);color:var(--b-filter-button-counter-disabled-font-color)}.b-base-filter-button[data-v-af9efc73]:focus-visible{background-color:var(--b-filter-button-modal-focus-background-color)}.b-base-filter-button:focus-visible .b-base-filter-button__counter[data-v-af9efc73]{background-color:var(--b-filter-button-modal-counter-focus-background-color)}.b-base-filter-button--filter-open[data-v-af9efc73]{background-color:var(--b-filter-button-modal-open-background-color)}.b-base-filter-button--filter-open .b-base-filter-button__counter[data-v-af9efc73]{background-color:var(--b-filter-button-counter-open-background-color)}.b-base-filter-button__default-container[data-v-af9efc73]{align-items:center;display:flex;gap:var(--b-filter-button-default-container-gap);width:100%}.b-base-filter-button__counter[data-v-af9efc73]{background-color:var(--b-filter-button-counter-background-color);border-radius:var(--b-filter-button-counter-border-radius);color:var(--b-filter-button-counter-font-color);padding:var(--b-filter-button-counter-padding)}.b-base-filter-button__counter-wrapper[data-v-af9efc73]{align-items:center;display:flex}.b-base-filter-button__label[data-v-af9efc73]{display:block;overflow:hidden;text-overflow:ellipsis}.b-base-filter-button__label-container[data-v-af9efc73]{overflow:hidden;white-space:nowrap;width:100%}.b-base-filter-button__icon-left[data-v-af9efc73],.b-base-filter-button__icon-right[data-v-af9efc73]{display:inline-flex}.b-all-filters-modal-button[data-v-b96a672f]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-all-filters-modal-button[data-v-b96a672f],.b-all-filters-modal-button[data-v-b96a672f]:before,.b-all-filters-modal-button[data-v-b96a672f]:after{box-sizing:border-box}.b-all-filters-modal-button *[data-v-b96a672f],.b-all-filters-modal-button *[data-v-b96a672f]:before,.b-all-filters-modal-button *[data-v-b96a672f]:after{box-sizing:border-box}.b-all-filters-modal-button[data-v-b96a672f] ::-webkit-scrollbar{height:14px;width:14px}.b-all-filters-modal-button[data-v-b96a672f] ::-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-all-filters-modal-button[data-v-b96a672f]:hover{background-color:var(--b-filter-button-modal-hover-background-color);color:var(--b-filter-button-modal-hover-color)}}.b-legacy-theme .b-all-filters-modal-button[data-v-b96a672f]{border-radius:var(--b-filter-button-modal-border-radius)}@media (hover: hover){.b-legacy-theme .b-all-filters-modal-button[data-v-b96a672f]:hover{background-color:var(--b-filter-button-modal-hover-background-color)}.b-legacy-theme .b-all-filters-modal-button[data-v-b96a672f]:hover:is(.b-all-filters-modal-button--filter-open){background-color:var(--b-filter-button-modal-open-background-color)}}.b-legacy-theme .b-all-filters-modal-button[data-v-b96a672f]:disabled,.b-legacy-theme .b-all-filters-modal-button[data-v-b96a672f]:disabled:not(:focus){background-color:var(--b-filter-button-modal-disabled-background-color);color:var(--b-filter-button-modal-disabled-color)}.b-legacy-theme .b-all-filters-modal-button[data-v-b96a672f]:disabled .b-base-filter-button__counter,.b-legacy-theme .b-all-filters-modal-button[data-v-b96a672f]:disabled:not(:focus) .b-base-filter-button__counter{background-color:var(--b-filter-button-modal-disabled-counter-background-color);color:var(--b-filter-button-modal-disabled-counter-color)}.b-legacy-theme .b-all-filters-modal-button[data-v-b96a672f]:focus-visible{box-shadow:var(--b-filter-button-modal-focus-box-shadow)}.b-legacy-theme .b-all-filters-modal-button[data-v-b96a672f]:focus-visible:is(.b-all-filters-modal-button--filter-open){background-color:var(--b-filter-button-modal-open-background-color)}.b-legacy-theme .b-all-filters-modal-button[data-v-b96a672f] .b-base-filter-button__counter{background-color:var(--b-filter-button-modal-counter-background-color);color:var(--b-filter-button-modal-counter-color)}svg.ui-assets-icons-16{display:inline-flex;flex-shrink:0}svg.ui-assets-icons-16,svg.ui-assets-icons-16 *{fill:currentcolor}.b-all-filters-modal[data-v-2653c56a]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-all-filters-modal[data-v-2653c56a],.b-all-filters-modal[data-v-2653c56a]:before,.b-all-filters-modal[data-v-2653c56a]:after{box-sizing:border-box}.b-all-filters-modal *[data-v-2653c56a],.b-all-filters-modal *[data-v-2653c56a]:before,.b-all-filters-modal *[data-v-2653c56a]:after{box-sizing:border-box}.b-all-filters-modal[data-v-2653c56a] ::-webkit-scrollbar{height:14px;width:14px}.b-all-filters-modal[data-v-2653c56a] ::-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-all-filters-modal[data-v-2653c56a] .b-modal-base__wrapper{height:calc(100vh - 128px);max-height:800px;overflow:hidden;padding-bottom:68px;position:relative}.b-all-filters-modal[data-v-2653c56a] .b-modal-base__content{flex:1;height:fit-content;max-height:calc(100% - 63px);padding:var(--b-filter-bar-all-filters-modal-content-padding)}.b-all-filters-modal[data-v-2653c56a] .b-modal-base__content>.b-typography{height:100%}.b-all-filters-modal[data-v-2653c56a] .b-modal-base__grid{overflow:hidden}.b-all-filters-modal[data-v-2653c56a] .b-modal-base__grid>:nth-child(1){-ms-overflow-style:none;scrollbar-width:none;height:100%;overflow-y:auto;padding-bottom:var(--b-filter-bar-all-filters-modal-filters-list-margin);padding-right:var(--b-filter-bar-all-filters-modal-filters-list-margin)}.b-all-filters-modal[data-v-2653c56a] .b-modal-base__grid>:nth-child(1) ::-webkit-scrollbar{display:none}.b-all-filters-modal[data-v-2653c56a] .b-modal-base__grid>:nth-child(2){max-height:100%}.b-all-filters-modal[data-v-2653c56a] .b-grid-layout{gap:0;height:100%}.b-all-filters-modal[data-v-2653c56a] .b-modal-base__actions-container{bottom:0;position:absolute;width:100%}.b-all-filters-modal__filters[data-v-2653c56a]{display:flex;flex-direction:column;gap:var(--b-filter-bar-all-filters-modal-filters-gap)}.b-all-filters-modal__search-bar[data-v-2653c56a]{padding:var(--b-filter-bar-all-filters-modal-search-bar-padding)}.b-all-filters-modal__empty-search-message[data-v-2653c56a]{color:var(--b-filter-bar-all-filters-modal-filters-list-empty-search-message-color);padding:var(--b-filter-bar-all-filters-modal-filters-list-empty-search-message-padding);text-align:center}.b-all-filters-modal__filters-list[data-v-2653c56a]{list-style:none;margin:var(--b-filter-bar-all-filters-modal-filters-list-margin);padding:var(--b-filter-bar-all-filters-modal-filters-list-padding)}.b-all-filters-modal__filters-section[data-v-2653c56a]{display:flex;flex-direction:column;gap:var(--b-filter-bar-all-filters-modal-filters-list-gap)}.b-all-filters-modal__filters-section-title[data-v-2653c56a]{color:var(--b-filter-bar-all-filters-modal-filters-list-title-color);padding:var(--b-filter-bar-all-filters-modal-filters-list-title-padding)}.b-all-filters-modal__selected-filter-content[data-v-2653c56a]{display:flex;flex-direction:column;height:100%;padding:var(--b-filter-bar-all-filters-modal-selected-filter-content-padding)}.b-all-filters-modal__selected-filter-component[data-v-2653c56a]{flex:1}.b-all-filters-modal__clear-button[data-v-2653c56a]{display:flex;justify-content:flex-end}.b-all-filters-modal__selected-filter-text[data-v-2653c56a]{display:flex;flex-direction:column;gap:var(--b-filter-bar-all-filters-modal-content-text-gap);margin-bottom:var(--b-filter-bar-all-filters-modal-content-text-margin-bottom)}.b-filter-bar[data-v-be394ee4]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;container-type:inline-size}.b-filter-bar[data-v-be394ee4],.b-filter-bar[data-v-be394ee4]:before,.b-filter-bar[data-v-be394ee4]:after{box-sizing:border-box}.b-filter-bar *[data-v-be394ee4],.b-filter-bar *[data-v-be394ee4]:before,.b-filter-bar *[data-v-be394ee4]:after{box-sizing:border-box}.b-filter-bar[data-v-be394ee4] ::-webkit-scrollbar{height:14px;width:14px}.b-filter-bar[data-v-be394ee4] ::-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-filter-bar__actions[data-v-be394ee4]{display:flex;gap:var(--b-filter-bar-actions-gap)}.b-filter-bar__before-filters[data-v-be394ee4]{gap:var(--b-filter-bar-before-filters-gap)}.b-filter-bar__before-filters[data-v-be394ee4]:not(:has(.b-filter-bar__search-bar)){display:none}.b-filter-bar__before-filters .b-filter-bar__all-filters-modal[data-v-be394ee4],.b-filter-bar__before-filters .b-filter-bar__reset-all[data-v-be394ee4],.b-filter-bar__before-filters .b-filter-bar__clear-all[data-v-be394ee4]{display:none}.b-filter-bar__before-filters .b-filter-bar__search-bar[data-v-be394ee4]{flex:1;width:unset}.b-filter-bar__container[data-v-be394ee4]{display:flex;flex-direction:column;gap:var(--b-filter-bar-container-gap)}.b-filter-bar__filters-container[data-v-be394ee4]{display:flex;flex-direction:column;gap:var(--b-filter-bar-filters-container-gap)}.b-filter-bar__scroller-content[data-v-be394ee4]{display:flex;gap:var(--b-filter-bar-scroller-content-gap)}.b-filter-bar__scroller-content .b-filter-bar__search-bar[data-v-be394ee4]{display:none}@container (min-width: 375px) and (max-width: 499px){.b-filter-bar__actions[data-v-be394ee4]{display:none}.b-filter-bar__before-filters[data-v-be394ee4]{display:flex}.b-filter-bar__before-filters .b-filter-bar__all-filters-modal[data-v-be394ee4],.b-filter-bar__before-filters .b-filter-bar__reset-all[data-v-be394ee4],.b-filter-bar__before-filters .b-filter-bar__clear-all[data-v-be394ee4]{display:inherit}}@container (min-width: 500px) and (max-width: 767px){.b-filter-bar__actions[data-v-be394ee4]{display:none}.b-filter-bar__before-filters[data-v-be394ee4]{display:flex}.b-filter-bar__before-filters .b-filter-bar__all-filters-modal[data-v-be394ee4],.b-filter-bar__before-filters .b-filter-bar__reset-all[data-v-be394ee4],.b-filter-bar__before-filters .b-filter-bar__clear-all[data-v-be394ee4]{display:inherit}.b-filter-bar__before-filters .b-filter-bar__search-bar[data-v-be394ee4]{flex:0;min-width:200px}}@container (min-width: 768px){.b-filter-bar__actions[data-v-be394ee4]{flex-shrink:0}.b-filter-bar__before-filters[data-v-be394ee4]{display:none}.b-filter-bar__filters-container[data-v-be394ee4]{display:flex;flex-direction:row}.b-filter-bar__scroller-content .b-filter-bar__search-bar[data-v-be394ee4]{display:inherit;max-width:200px;min-width:200px;width:200px}}

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-avatar-image[data-v-43c406e6]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:50%;height:var(--b-avatar-image-height);line-height:100%;overflow:hidden;width:var(--b-avatar-image-width)}.b-avatar-image[data-v-43c406e6],.b-avatar-image[data-v-43c406e6]:before,.b-avatar-image[data-v-43c406e6]:after{box-sizing:border-box}.b-avatar-image *[data-v-43c406e6],.b-avatar-image *[data-v-43c406e6]:before,.b-avatar-image *[data-v-43c406e6]:after{box-sizing:border-box}.b-avatar-image[data-v-43c406e6] ::-webkit-scrollbar{height:14px;width:14px}.b-avatar-image[data-v-43c406e6] ::-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-avatar-image--small[data-v-43c406e6]{height:var(--b-avatar-image-small-height);width:var(--b-avatar-image-small-width)}.b-avatar-image--yellow[data-v-43c406e6]{background-color:var(--b-avatar-image-yellow-background-color);color:var(--b-avatar-image-yellow-color)}.b-avatar-image--blue[data-v-43c406e6]{background-color:var(--b-avatar-image-blue-background-color);color:var(--b-avatar-image-blue-color)}.b-avatar-image--green[data-v-43c406e6]{background-color:var(--b-avatar-image-green-background-color);color:var(--b-avatar-image-green-color)}.b-avatar-image--red[data-v-43c406e6]{background-color:var(--b-avatar-image-red-background-color);color:var(--b-avatar-image-red-color)}.b-avatar-image__image[data-v-43c406e6]{height:100%;object-fit:cover;width:100%}.b-avatar-image__default[data-v-43c406e6]{align-items:center;display:flex;height:100%;justify-content:center;width:100%}

package/dist/assets/index9.css

@@ -1 +1 @@
-.b-avatar-image[data-v-43c406e6]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:50%;height:var(--b-avatar-image-height);line-height:100%;overflow:hidden;width:var(--b-avatar-image-width)}.b-avatar-image[data-v-43c406e6],.b-avatar-image[data-v-43c406e6]:before,.b-avatar-image[data-v-43c406e6]:after{box-sizing:border-box}.b-avatar-image *[data-v-43c406e6],.b-avatar-image *[data-v-43c406e6]:before,.b-avatar-image *[data-v-43c406e6]:after{box-sizing:border-box}.b-avatar-image[data-v-43c406e6] ::-webkit-scrollbar{height:14px;width:14px}.b-avatar-image[data-v-43c406e6] ::-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-avatar-image--small[data-v-43c406e6]{height:var(--b-avatar-image-small-height);width:var(--b-avatar-image-small-width)}.b-avatar-image--yellow[data-v-43c406e6]{background-color:var(--b-avatar-image-yellow-background-color);color:var(--b-avatar-image-yellow-color)}.b-avatar-image--blue[data-v-43c406e6]{background-color:var(--b-avatar-image-blue-background-color);color:var(--b-avatar-image-blue-color)}.b-avatar-image--green[data-v-43c406e6]{background-color:var(--b-avatar-image-green-background-color);color:var(--b-avatar-image-green-color)}.b-avatar-image--red[data-v-43c406e6]{background-color:var(--b-avatar-image-red-background-color);color:var(--b-avatar-image-red-color)}.b-avatar-image__image[data-v-43c406e6]{height:100%;object-fit:cover;width:100%}.b-avatar-image__default[data-v-43c406e6]{align-items:center;display:flex;height:100%;justify-content:center;width:100%}
+.b-dropdown-tag[data-v-c5f7c077]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-dropdown-tag[data-v-c5f7c077],.b-dropdown-tag[data-v-c5f7c077]:before,.b-dropdown-tag[data-v-c5f7c077]:after{box-sizing:border-box}.b-dropdown-tag *[data-v-c5f7c077],.b-dropdown-tag *[data-v-c5f7c077]:before,.b-dropdown-tag *[data-v-c5f7c077]:after{box-sizing:border-box}.b-dropdown-tag[data-v-c5f7c077] ::-webkit-scrollbar{height:14px;width:14px}.b-dropdown-tag[data-v-c5f7c077] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-dropdown-tag[data-v-c5f7c077] .b-tag{overflow:hidden;white-space:nowrap}

package/dist/avatar-image.js

@@ -1,4 +1,4 @@
-import { A as t, B as e, a as o } from "./chunks/index.1dac266a.js";
+import { A as t, B as e, a as o } from "./chunks/index.953361ab.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/index3.css";
+import "./assets/index2.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,10 +1,10 @@
-import { a as N, B as v } from "./chunks/button.623a46d2.js";
-import { b as H } from "./chunks/button.623a46d2.js";
+import { a as N, B as v } from "./chunks/button.aaaf4f39.js";
+import { b as H } from "./chunks/button.aaaf4f39.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.30c5fede.js";
-import { a as M } from "./chunks/loading-button.30c5fede.js";
+import { B as O } from "./chunks/loading-button.8fc65871.js";
+import { a as M } from "./chunks/loading-button.8fc65871.js";
 import { _ as b } from "./chunks/_plugin-vue_export-helper.dad06003.js";
-import "./assets/index10.css";
+import "./assets/index11.css";
 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",

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.09f7f1b5.js";
+import { B as Y } from "./chunks/index.c7208e0a.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";
@@ -8,7 +8,7 @@ import { o as X } from "./chunks/resize.a041304d.js";
 import { u as Z } from "./chunks/use-expandable-content-height.62fc84e5.js";
 import { BentoButtonActions as ee, BentoButtonActionsLayout as H } from "./button.js";
 import { _ as ae } from "./chunks/_plugin-vue_export-helper.dad06003.js";
-import "./assets/index18.css";
+import "./assets/index27.css";
 var _ = /* @__PURE__ */ ((e) => (e.PRIMARY = "primary", e.SECONDARY = "secondary", e))(_ || {}), h = /* @__PURE__ */ ((e) => (e.DEFAULT = "default", e.SMALL = "small", e))(h || {});
 const I = {
   "en-US": {

package/dist/checkbox.js

@@ -1,11 +1,11 @@
-import { B, b as l } from "./chunks/checkbox.d65694f2.js";
-import { a as le } from "./chunks/checkbox.d65694f2.js";
+import { B, b as l } from "./chunks/checkbox.e0a40285.js";
+import { a as le } from "./chunks/checkbox.e0a40285.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.09f7f1b5.js";
+import { d as q } from "./chunks/index.c7208e0a.js";
 import { u as x } from "./chunks/use-form-layout-loading.d03e5d48.js";
-import { C as $ } from "./chunks/controls-group.30352ce4.js";
-import { E as z } from "./chunks/field-label.b681234d.js";
+import { C as $ } from "./chunks/controls-group.db70c0aa.js";
+import { E as z } from "./chunks/field-label.f255a2a0.js";
 import { _ as D } from "./chunks/_plugin-vue_export-helper.dad06003.js";
 import "./assets/index26.css";
 var i = /* @__PURE__ */ ((e) => (e.HORIZONTAL = "horizontal", e.VERTICAL = "vertical", e))(i || {});

package/dist/chunks/{base-button.39fae75f.js → base-button.4d6b7c34.js}

@@ -1,5 +1,5 @@
 import { defineComponent as B, computed as C, ref as y, resolveComponent as _, openBlock as r, createElementBlock as l, normalizeClass as m, renderSlot as u, createCommentVNode as d, createBlock as S, withCtx as k } from "vue";
-import { B as g } from "./index.09f7f1b5.js";
+import { B as g } from "./index.c7208e0a.js";
 import { u as h } from "./use-has-slot.4d98bf29.js";
 import { _ as L } from "./_plugin-vue_export-helper.dad06003.js";
 import "../assets/base-button.css";
@@ -113,4 +113,4 @@ export {
   T as B,
   n as a
 };
-//# sourceMappingURL=base-button.39fae75f.js.map
+//# sourceMappingURL=base-button.4d6b7c34.js.map

package/dist/chunks/{base-button.39fae75f.js.map → base-button.4d6b7c34.js.map}

@@ -1 +1 @@
-{"version":3,"file":"base-button.39fae75f.js","sources":["../../../vue2/src/components/internal/base-button/base-button.types.ts","../../../vue2/src/components/internal/base-button/base-button.vue"],"sourcesContent":["export enum BentoBaseButtonPropClass {\n    DESTRUCTIVE = 'critical',\n    ICON_ONLY = 'icon-only',\n}\n\nexport enum BentoBaseButtonEvent {\n    BLUR = 'blur',\n    CLICK = 'click',\n    FOCUS = 'focus',\n    KEYDOWN_ESC = 'keydown.esc',\n}\n\nexport enum BaseButtonType {\n    BUTTON = 'button',\n    RESET = 'reset',\n    SUBMIT = 'submit',\n}\n","<template>\n    <button\n        ref=\"bentoBaseButtonRef\"\n        class=\"b-base-button\"\n        :class=\"conditionalClasses\"\n        :disabled=\"disabled\"\n        :type=\"type\"\n        :aria-expanded=\"ariaAttributes['aria-expanded']\"\n        @click=\"onClickButton\"\n        @focus=\"onFocusButton\"\n        @blur=\"onBlurButton\"\n    >\n        <span v-if=\"hasSlot('iconLeft')\" class=\"b-base-button__icon-left\" data-testid=\"icon-button-left\">\n            <slot name=\"iconLeft\" />\n        </span>\n        <bento-typography v-if=\"hasSlot('default')\" el=\"span\" variant=\"body\" stronger class=\"b-base-button__label\">\n            <slot />\n        </bento-typography>\n        <span v-if=\"hasSlot('iconRight')\" class=\"b-base-button__icon-right\" data-testid=\"icon-button-right\">\n            <slot name=\"iconRight\" />\n        </span>\n    </button>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, PropType, ref } from 'vue';\n    import { BentoBaseButtonEvent, BentoBaseButtonPropClass } from './base-button.types';\n    import type { ButtonHTMLAttributes } from 'vue/types/jsx';\n    import { BentoTypography } from '@/components/typography';\n    import { useHasSlot } from '@/composables';\n    import { Booleanish } from '@/types';\n\n    /**\n     * Base button component to use as a base for all the various types of bento buttons. For internal use only.\n     *\n     * * @example\n     * import { BaseButton, BaseButtonEvent } from '@/components/internal/base-button';\n     * import YourImportedIcon from @adyen/ui-assets-icons-16/example-icon';\n     *\n     * export default {\n     *      components: { BaseButton, YourImportedIcon },\n     *      props: {\n     *         text:\n     *      },\n     *      template: `\n     *          <base-button class=\"your-custom-button-styles\" @click=\"onClick\">\n     *             <template #iconLeft><your-imported-icon></template>\n     *             Button text\n     *             <template #iconRight><your-imported-icon></template>\n     *          </base-button>\n     *      `,\n     *      emits: [BentoButtonEvent.CLICK],\n     *      setup: (prps, { emit }) => {\n     *          const onClick = value => emit(BaseButtonEvent.CLICK, value);\n     *\n     *          return {\n     *              onClick,\n     *          };\n     *      }\n     * }\n     */\n    export default defineComponent({\n        name: 'base-button',\n        components: { BentoTypography },\n        props: {\n            /**\n             * Disables button functionality\n             */\n            disabled: {\n                type: Boolean,\n                default: false,\n            },\n            /**\n             * Displays button as critical\n             */\n            critical: {\n                type: Boolean,\n                default: false,\n            },\n            /**\n             * The default behavior of the button.\n             * Possible values are: 'button', 'reset', 'submit'\n             */\n            type: {\n                type: String as PropType<ButtonHTMLAttributes['type']>,\n                default: 'button',\n            },\n        },\n        emits: [\n            BentoBaseButtonEvent.CLICK,\n            BentoBaseButtonEvent.FOCUS,\n            BentoBaseButtonEvent.BLUR,\n            BentoBaseButtonEvent.KEYDOWN_ESC,\n        ],\n        setup(props, { slots, emit, attrs }) {\n            const ariaAttributes = computed(() => ({\n                'aria-expanded': attrs['aria-expanded']?.toString() as Booleanish,\n            }));\n\n            const bentoBaseButtonRef = ref(null);\n\n            const conditionalClasses = computed(() => ({\n                [`b-base-button--${BentoBaseButtonPropClass.DESTRUCTIVE}`]: props.critical,\n                [`b-base-button--${BentoBaseButtonPropClass.ICON_ONLY}`]: !slots.default,\n            }));\n\n            const onClickButton = (e: MouseEvent) => {\n                if (!props.disabled) {\n                    emit(BentoBaseButtonEvent.CLICK, e);\n                } else {\n                    e.preventDefault();\n                    e.stopPropagation();\n                }\n            };\n\n            const onFocusButton = (e: FocusEvent) => {\n                emit(BentoBaseButtonEvent.FOCUS, e);\n            };\n\n            const onBlurButton = (e: FocusEvent) => {\n                emit(BentoBaseButtonEvent.BLUR, e);\n            };\n\n            return {\n                // Values\n                ariaAttributes,\n                conditionalClasses,\n\n                // Methods\n                onClickButton,\n                onFocusButton,\n                onBlurButton,\n                hasSlot: useHasSlot(slots),\n\n                // Refs\n                bentoBaseButtonRef,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./base-button.scss\" />\n"],"names":["BentoBaseButtonPropClass","BentoBaseButtonPropClass2","BentoBaseButtonEvent","BentoBaseButtonEvent2","_sfc_main","defineComponent","BentoTypography","props","slots","emit","attrs","ariaAttributes","computed","_a","bentoBaseButtonRef","ref","conditionalClasses","e","useHasSlot","openBlock","createElementBlock","normalizeClass","_ctx","_cache","args","createCommentVNode","createBlock","_component_bento_typography","_hoisted_3"],"mappings":";;;;;AAAY,IAAAA,IAAA,kBAAAC,OACRA,EAAA,cAAA,YACAA,EAAA,YAAA,aAFQA,IAAAD,KAAA,CAAA,CAAA,GAKAE,IAAA,kBAAAC,OACRA,EAAA,OAAA,QACAA,EAAA,QAAA,SACAA,EAAA,QAAA,SACAA,EAAA,cAAA,eAJQA,IAAAD,KAAA,CAAA,CAAA;ACwDR,MAAAE,IAAAC,EAAA;AAAA,EAA+B,MAAA;AAAA,EACrB,YAAA,EAAA,iBAAAC,EAAA;AAAA,EACwB,OAAA;AAAA;AAAA;AAAA;AAAA,IACvB,UAAA;AAAA,MAIO,MAAA;AAAA,MACA,SAAA;AAAA,IACG;AAAA;AAAA;AAAA;AAAA,IACb,UAAA;AAAA,MAIU,MAAA;AAAA,MACA,SAAA;AAAA,IACG;AAAA;AAAA;AAAA;AAAA;AAAA,IACb,MAAA;AAAA,MAKM,MAAA;AAAA,MACI,SAAA;AAAA,IACG;AAAA,EACb;AAAA,EACJ,OAAA;AAAA,IACOJ,EAAA;AAAA,IACkBA,EAAA;AAAA,IACAA,EAAA;AAAA,IACAA,EAAA;AAAA,EACA;AAAA,EACzB,MAAAK,GAAA,EAAA,OAAAC,GAAA,MAAAC,GAAA,OAAAC,EAAA,GAAA;AAEI,UAAAC,IAAAC,EAAA,MAAA;;AAAA;AAAA,QAAuC,kBAAAC,IAAAH,EAAA,eAAA,MAAA,gBAAAG,EAAA;AAAA,MACe;AAAA,KAAA,GAGtDC,IAAAC,EAAA,IAAA,GAEAC,IAAAJ,EAAA,OAAA;AAAA,MAA2C,CAAA,kBAAAZ,EAAA,aAAA,GAAAO,EAAA;AAAA,MAC2B,CAAA,kBAAAP,EAAA,WAAA,GAAA,CAAAQ,EAAA;AAAA,IACD,EAAA;AAoBrE,WAAA;AAAA;AAAA,MAAO,gBAAAG;AAAA,MAEH,oBAAAK;AAAA;AAAA,MACA,eApBJ,CAAAC,MAAA;AACI,QAAAV,EAAA,YAGIU,EAAA,eAAA,GACAA,EAAA,gBAAA,KAHAR,EAAAP,EAAA,OAAAe,CAAA;AAAA,MAIJ;AAAA,MAiBA,eAdJ,CAAAA,MAAA;AACI,QAAAR,EAAAP,EAAA,OAAAe,CAAA;AAAA,MAAkC;AAAA,MAclC,cAXJ,CAAAA,MAAA;AACI,QAAAR,EAAAP,EAAA,MAAAe,CAAA;AAAA,MAAiC;AAAA,MAWjC,SAAAC,EAAAV,CAAA;AAAA;AAAA,MACyB,oBAAAM;AAAA,IAGzB;AAAA,EACJ;AAER,CAAA;;EA9H2C,KAAA;AAAA,EAA2B,OAAA;AAAA;;EAM1B,KAAA;AAAA,EAA4B,OAAA;AAAA;;;;AAf/D,SAAAK,EAAA,GAAAC,EAAA,UAAA;AAAA,IACG,KAAA;AAAA,IACP,OAAAC,EAAA,CAAA,iBAAAC,EAAA,kBAAA,CAAA;AAAA,IACU,UAAAA,EAAA;AAAA,IACG,MAAAA,EAAA;AAAA,IACR,iBAAAA,EAAA,eAAA,eAAA;AAAA,IACE,SAAAC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,IAAAC,MAAAF,EAAA,iBAAAA,EAAA,cAAA,GAAAE,CAAA;AAAA,IACW,SAAAD,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,IAAAC,MAAAF,EAAA,iBAAAA,EAAA,cAAA,GAAAE,CAAA;AAAA;EAEA,GAAA;AAAA;;IAGK,CAAA,KAAAC,EAAA,IAAA,EAAA;AAAA,IAELH,EAAA,QAAA,SAAA,KAAAH,EAAA,GAAAO,EAAAC,GAAA;AAAA,MAFkC,KAAA;AAAA,MAAC,IAAA;AAAA,MAAe,SAAA;AAAA,MAAe,UAAA;AAAA;;;;;;;IAGpFL,EAAA,QAAA,WAAA,KAAAH,EAAA,GAAAC,EAAA,QAAAQ,GAAA;AAAA;;;;;"}
+{"version":3,"file":"base-button.4d6b7c34.js","sources":["../../../vue2/src/components/internal/base-button/base-button.types.ts","../../../vue2/src/components/internal/base-button/base-button.vue"],"sourcesContent":["export enum BentoBaseButtonPropClass {\n    DESTRUCTIVE = 'critical',\n    ICON_ONLY = 'icon-only',\n}\n\nexport enum BentoBaseButtonEvent {\n    BLUR = 'blur',\n    CLICK = 'click',\n    FOCUS = 'focus',\n    KEYDOWN_ESC = 'keydown.esc',\n}\n\nexport enum BaseButtonType {\n    BUTTON = 'button',\n    RESET = 'reset',\n    SUBMIT = 'submit',\n}\n","<template>\n    <button\n        ref=\"bentoBaseButtonRef\"\n        class=\"b-base-button\"\n        :class=\"conditionalClasses\"\n        :disabled=\"disabled\"\n        :type=\"type\"\n        :aria-expanded=\"ariaAttributes['aria-expanded']\"\n        @click=\"onClickButton\"\n        @focus=\"onFocusButton\"\n        @blur=\"onBlurButton\"\n    >\n        <span v-if=\"hasSlot('iconLeft')\" class=\"b-base-button__icon-left\" data-testid=\"icon-button-left\">\n            <slot name=\"iconLeft\" />\n        </span>\n        <bento-typography v-if=\"hasSlot('default')\" el=\"span\" variant=\"body\" stronger class=\"b-base-button__label\">\n            <slot />\n        </bento-typography>\n        <span v-if=\"hasSlot('iconRight')\" class=\"b-base-button__icon-right\" data-testid=\"icon-button-right\">\n            <slot name=\"iconRight\" />\n        </span>\n    </button>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, PropType, ref } from 'vue';\n    import { BentoBaseButtonEvent, BentoBaseButtonPropClass } from './base-button.types';\n    import type { ButtonHTMLAttributes } from 'vue/types/jsx';\n    import { BentoTypography } from '@/components/typography';\n    import { useHasSlot } from '@/composables';\n    import { Booleanish } from '@/types';\n\n    /**\n     * Base button component to use as a base for all the various types of bento buttons. For internal use only.\n     *\n     * * @example\n     * import { BaseButton, BaseButtonEvent } from '@/components/internal/base-button';\n     * import YourImportedIcon from @adyen/ui-assets-icons-16/example-icon';\n     *\n     * export default {\n     *      components: { BaseButton, YourImportedIcon },\n     *      props: {\n     *         text:\n     *      },\n     *      template: `\n     *          <base-button class=\"your-custom-button-styles\" @click=\"onClick\">\n     *             <template #iconLeft><your-imported-icon></template>\n     *             Button text\n     *             <template #iconRight><your-imported-icon></template>\n     *          </base-button>\n     *      `,\n     *      emits: [BentoButtonEvent.CLICK],\n     *      setup: (prps, { emit }) => {\n     *          const onClick = value => emit(BaseButtonEvent.CLICK, value);\n     *\n     *          return {\n     *              onClick,\n     *          };\n     *      }\n     * }\n     */\n    export default defineComponent({\n        name: 'base-button',\n        components: { BentoTypography },\n        props: {\n            /**\n             * Disables button functionality\n             */\n            disabled: {\n                type: Boolean,\n                default: false,\n            },\n            /**\n             * Displays button as critical\n             */\n            critical: {\n                type: Boolean,\n                default: false,\n            },\n            /**\n             * The default behavior of the button.\n             * Possible values are: 'button', 'reset', 'submit'\n             */\n            type: {\n                type: String as PropType<ButtonHTMLAttributes['type']>,\n                default: 'button',\n            },\n        },\n        emits: [\n            BentoBaseButtonEvent.CLICK,\n            BentoBaseButtonEvent.FOCUS,\n            BentoBaseButtonEvent.BLUR,\n            BentoBaseButtonEvent.KEYDOWN_ESC,\n        ],\n        setup(props, { slots, emit, attrs }) {\n            const ariaAttributes = computed(() => ({\n                'aria-expanded': attrs['aria-expanded']?.toString() as Booleanish,\n            }));\n\n            const bentoBaseButtonRef = ref(null);\n\n            const conditionalClasses = computed(() => ({\n                [`b-base-button--${BentoBaseButtonPropClass.DESTRUCTIVE}`]: props.critical,\n                [`b-base-button--${BentoBaseButtonPropClass.ICON_ONLY}`]: !slots.default,\n            }));\n\n            const onClickButton = (e: MouseEvent) => {\n                if (!props.disabled) {\n                    emit(BentoBaseButtonEvent.CLICK, e);\n                } else {\n                    e.preventDefault();\n                    e.stopPropagation();\n                }\n            };\n\n            const onFocusButton = (e: FocusEvent) => {\n                emit(BentoBaseButtonEvent.FOCUS, e);\n            };\n\n            const onBlurButton = (e: FocusEvent) => {\n                emit(BentoBaseButtonEvent.BLUR, e);\n            };\n\n            return {\n                // Values\n                ariaAttributes,\n                conditionalClasses,\n\n                // Methods\n                onClickButton,\n                onFocusButton,\n                onBlurButton,\n                hasSlot: useHasSlot(slots),\n\n                // Refs\n                bentoBaseButtonRef,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./base-button.scss\" />\n"],"names":["BentoBaseButtonPropClass","BentoBaseButtonPropClass2","BentoBaseButtonEvent","BentoBaseButtonEvent2","_sfc_main","defineComponent","BentoTypography","props","slots","emit","attrs","ariaAttributes","computed","_a","bentoBaseButtonRef","ref","conditionalClasses","e","useHasSlot","openBlock","createElementBlock","normalizeClass","_ctx","_cache","args","createCommentVNode","createBlock","_component_bento_typography","_hoisted_3"],"mappings":";;;;;AAAY,IAAAA,IAAA,kBAAAC,OACRA,EAAA,cAAA,YACAA,EAAA,YAAA,aAFQA,IAAAD,KAAA,CAAA,CAAA,GAKAE,IAAA,kBAAAC,OACRA,EAAA,OAAA,QACAA,EAAA,QAAA,SACAA,EAAA,QAAA,SACAA,EAAA,cAAA,eAJQA,IAAAD,KAAA,CAAA,CAAA;ACwDR,MAAAE,IAAAC,EAAA;AAAA,EAA+B,MAAA;AAAA,EACrB,YAAA,EAAA,iBAAAC,EAAA;AAAA,EACwB,OAAA;AAAA;AAAA;AAAA;AAAA,IACvB,UAAA;AAAA,MAIO,MAAA;AAAA,MACA,SAAA;AAAA,IACG;AAAA;AAAA;AAAA;AAAA,IACb,UAAA;AAAA,MAIU,MAAA;AAAA,MACA,SAAA;AAAA,IACG;AAAA;AAAA;AAAA;AAAA;AAAA,IACb,MAAA;AAAA,MAKM,MAAA;AAAA,MACI,SAAA;AAAA,IACG;AAAA,EACb;AAAA,EACJ,OAAA;AAAA,IACOJ,EAAA;AAAA,IACkBA,EAAA;AAAA,IACAA,EAAA;AAAA,IACAA,EAAA;AAAA,EACA;AAAA,EACzB,MAAAK,GAAA,EAAA,OAAAC,GAAA,MAAAC,GAAA,OAAAC,EAAA,GAAA;AAEI,UAAAC,IAAAC,EAAA,MAAA;;AAAA;AAAA,QAAuC,kBAAAC,IAAAH,EAAA,eAAA,MAAA,gBAAAG,EAAA;AAAA,MACe;AAAA,KAAA,GAGtDC,IAAAC,EAAA,IAAA,GAEAC,IAAAJ,EAAA,OAAA;AAAA,MAA2C,CAAA,kBAAAZ,EAAA,aAAA,GAAAO,EAAA;AAAA,MAC2B,CAAA,kBAAAP,EAAA,WAAA,GAAA,CAAAQ,EAAA;AAAA,IACD,EAAA;AAoBrE,WAAA;AAAA;AAAA,MAAO,gBAAAG;AAAA,MAEH,oBAAAK;AAAA;AAAA,MACA,eApBJ,CAAAC,MAAA;AACI,QAAAV,EAAA,YAGIU,EAAA,eAAA,GACAA,EAAA,gBAAA,KAHAR,EAAAP,EAAA,OAAAe,CAAA;AAAA,MAIJ;AAAA,MAiBA,eAdJ,CAAAA,MAAA;AACI,QAAAR,EAAAP,EAAA,OAAAe,CAAA;AAAA,MAAkC;AAAA,MAclC,cAXJ,CAAAA,MAAA;AACI,QAAAR,EAAAP,EAAA,MAAAe,CAAA;AAAA,MAAiC;AAAA,MAWjC,SAAAC,EAAAV,CAAA;AAAA;AAAA,MACyB,oBAAAM;AAAA,IAGzB;AAAA,EACJ;AAER,CAAA;;EA9H2C,KAAA;AAAA,EAA2B,OAAA;AAAA;;EAM1B,KAAA;AAAA,EAA4B,OAAA;AAAA;;;;AAf/D,SAAAK,EAAA,GAAAC,EAAA,UAAA;AAAA,IACG,KAAA;AAAA,IACP,OAAAC,EAAA,CAAA,iBAAAC,EAAA,kBAAA,CAAA;AAAA,IACU,UAAAA,EAAA;AAAA,IACG,MAAAA,EAAA;AAAA,IACR,iBAAAA,EAAA,eAAA,eAAA;AAAA,IACE,SAAAC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,IAAAC,MAAAF,EAAA,iBAAAA,EAAA,cAAA,GAAAE,CAAA;AAAA,IACW,SAAAD,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,IAAAC,MAAAF,EAAA,iBAAAA,EAAA,cAAA,GAAAE,CAAA;AAAA;EAEA,GAAA;AAAA;;IAGK,CAAA,KAAAC,EAAA,IAAA,EAAA;AAAA,IAELH,EAAA,QAAA,SAAA,KAAAH,EAAA,GAAAO,EAAAC,GAAA;AAAA,MAFkC,KAAA;AAAA,MAAC,IAAA;AAAA,MAAe,SAAA;AAAA,MAAe,UAAA;AAAA;;;;;;;IAGpFL,EAAA,QAAA,WAAA,KAAAH,EAAA,GAAAC,EAAA,QAAAQ,GAAA;AAAA;;;;;"}

package/dist/chunks/{base-modal.161ce8f0.js → base-modal.77270ff6.js}

@@ -1,8 +1,8 @@
 import { defineComponent as K, useAttrs as V, ref as G, computed as d, watch as I, onMounted as W, resolveComponent as m, openBlock as n, createElementBlock as S, createElementVNode as _, normalizeClass as R, withKeys as H, createBlock as c, withCtx as b, normalizeStyle as O, createVNode as T, renderSlot as y, createCommentVNode as i } from "vue";
-import { B as Q } from "./index.09f7f1b5.js";
-import { a as Y } from "./button.623a46d2.js";
-import { B as j } from "./index.113137fb.js";
-import { B as J } from "./index.80078bf9.js";
+import { B as Q } from "./index.c7208e0a.js";
+import { a as Y } from "./button.aaaf4f39.js";
+import { B as j } from "./index.018a2e8e.js";
+import { B as J } from "./index.3ff09589.js";
 import { u as X } from "./use-has-slot.4d98bf29.js";
 import { u as Z } from "./i18n.6c402773.js";
 import { C as x } from "./cross.26509efc.js";
@@ -307,4 +307,4 @@ export {
   M as e,
   Se as f
 };
-//# sourceMappingURL=base-modal.161ce8f0.js.map
+//# sourceMappingURL=base-modal.77270ff6.js.map

package/dist/chunks/{base-modal.161ce8f0.js.map → base-modal.77270ff6.js.map}

@@ -1 +1 @@
-{"version":3,"file":"base-modal.161ce8f0.js","sources":["../../../vue2/src/components/modal/modal.types.ts","../../../vue2/src/components/modal/components/base-modal/base-modal.vue"],"sourcesContent":["/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoModalVariant {\n    DEFAULT = 'BentoModalDefault',\n    DIALOG = 'BentoModalDialog',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoModalSize {\n    SMALL = 'small',\n    MEDIUM = 'medium',\n    LARGE = 'large',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoModalColumnLayoutVariant {\n    SMALLER = 'smaller',\n    EQUAL = 'equal',\n    BIGGER = 'bigger',\n}\n\nexport enum BentoModalRole {\n    DIALOG = 'dialog',\n    ALERT_DIALOG = 'alertdialog',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoModalDialogType {\n    CONFIRMATION = 'confirmation',\n    DESTRUCTIVE = 'destructive',\n    INFO = 'info',\n    ACKNOWLEDGEMENT = 'acknowledgement',\n}\n\nexport enum BentoModalEvent {\n    CLOSE_MODAL = 'close-modal',\n}\n","<template>\n    <div class=\"b-modal-base\">\n        <dialog\n            ref=\"modal\"\n            :role=\"modalRole\"\n            :aria-label=\"computedAriaLabel\"\n            class=\"b-modal-base__container\"\n            :class=\"modalConditionalClasses\"\n            :open=\"initiallyOpen\"\n            @animationend=\"closeModalAfterAnimation\"\n            @click=\"isDismissible && closeModalOnClickOutside($event)\"\n            @keydown.esc=\"internalModalActionClose\"\n        >\n            <bento-focus-trap v-if=\"isOpen || initiallyOpen\">\n                <div class=\"b-modal-base__wrapper\">\n                    <div\n                        v-if=\"hasSlot('default') || showCloseButton\"\n                        class=\"b-modal-base__header-container\"\n                        :style=\"customPaddingStyles.header\"\n                    >\n                        <div class=\"b-modal-base__header\">\n                            <bento-typography\n                                class=\"b-modal-base__title\"\n                                aria-label=\"base modal title\"\n                                el=\"span\"\n                                variant=\"title\"\n                                stronger\n                            >\n                                <slot v-if=\"hasSlot('default')\" />\n                            </bento-typography>\n                            <bento-button\n                                v-if=\"showCloseButton\"\n                                class=\"b-modal-base__close-button\"\n                                variant=\"tertiary\"\n                                type=\"button\"\n                                @click=\"internalModalActionClose\"\n                            >\n                                <cross-icon :svg-title=\"t('close')\" />\n                            </bento-button>\n                        </div>\n\n                        <bento-divider v-if=\"hasColumnLayout\" class=\"b-modal-base__divider\" />\n                    </div>\n\n                    <div\n                        class=\"b-modal-base__content\"\n                        :class=\"modalContentConditionalClasses\"\n                        :style=\"customPaddingStyles.content\"\n                    >\n                        <bento-typography\n                            v-if=\"hasSlot('content') || (hasSlot('content-col-1') && hasSlot('content-col-2'))\"\n                            aria-label=\"base modal content\"\n                            el=\"div\"\n                            variant=\"body\"\n                            stronger\n                        >\n                            <grid-layout\n                                v-if=\"hasColumnLayout\"\n                                :column-width=\"computedColumnWidth\"\n                                :container-type=\"GridLayoutContainerType.NORMAL\"\n                                no-gap\n                                class=\"b-modal-base__grid\"\n                            >\n                                <template #col-1><slot name=\"content-col-1\"></slot></template>\n                                <template #col-2><slot name=\"content-col-2\"></slot></template>\n                            </grid-layout>\n                            <slot v-else name=\"content\" />\n                        </bento-typography>\n                    </div>\n\n                    <div\n                        v-if=\"hasSlot('actions')\"\n                        class=\"b-modal-base__actions-container\"\n                        :style=\"customPaddingStyles.actions\"\n                    >\n                        <bento-divider v-if=\"hasColumnLayout\" class=\"b-modal-base__divider\" />\n\n                        <div aria-label=\"modal actions\" class=\"b-modal-base__actions\">\n                            <slot name=\"actions\" />\n                        </div>\n                    </div>\n                </div>\n            </bento-focus-trap>\n        </dialog>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, onMounted, PropType, ref, useAttrs, watch } from 'vue';\n    import {\n        BentoModalColumnLayoutVariant,\n        BentoModalEvent,\n        BentoModalRole,\n        BentoModalSize,\n    } from '@/components/modal/modal.types';\n\n    import { BentoTypography } from '@/components/typography';\n    import { BentoButton, BentoButtonActionsList } from '@/components/button';\n    import { BentoDivider } from '@/components/divider';\n    import { BentoFocusTrap } from '@/components/focus-trap';\n    import { GridLayout, GridLayoutContainerType } from '@/internal';\n    import { useHasSlot } from '@/composables';\n    import { useI18n } from '@/utils/ts/i18n';\n    import CrossIcon from '@adyen/ui-assets-icons-16/vue/cross';\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n    const LOADING_BTN_CLOSE_AFTER_SUCCESS_DELAY_TIME = 500;\n\n    export default defineComponent({\n        i18n: { messages },\n        name: 'base-modal',\n        components: { CrossIcon, BentoTypography, BentoButton, BentoDivider, BentoFocusTrap, GridLayout },\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             * But you may change the color of 1-st action to red with 'critial' key\n             * Not more than 3 action buttons can be provided\n             * Or 2 action buttons and 1 Label for them\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',2\n             *   event: () => { ... },\n             *   icon: FourPeopleIcon\n             * }, {\n             *   title: 'Secondary',\n             *   event: () => { ... }\n             * }]\n             * ```\n             */\n            actions: {\n                type: Array as PropType<BentoButtonActionsList>,\n                default: null,\n            },\n\n            /**\n             * If a column layout is provided, it renders the respective left column width variant. This can be smaller than the second column, the same size as the second column or bigger than the second column.\n             */\n            columnsSize: {\n                type: String as PropType<BentoModalColumnLayoutVariant>,\n                default: BentoModalColumnLayoutVariant.SMALLER,\n            },\n\n            /**\n             * If provided, manages the padding of the whole modal container\n             */\n            customPadding: { type: String, default: null },\n\n            /**\n             * Hides a cross icon on the right side of the title\n             */\n            hideCloseButton: { type: Boolean, required: true },\n\n            /**\n             * Sets the open attribute on the dialog element, use isOpen instead to toggle modal visbility.\n             */\n            initiallyOpen: { type: Boolean, default: false },\n\n            /**\n             * If set to true, it allows the modal to be closed by clicking outside of it\n             */\n            isDismissible: { type: Boolean, required: true },\n\n            /**\n             * Controls the modal's state from the outside. Set it to true to open the modal\n             */\n            isOpen: { type: Boolean, required: true },\n\n            /**\n             * Defines whether the modal will be an alert modal\n             */\n            modalRole: { type: String, default: BentoModalRole.DIALOG },\n\n            /**\n             * Allows the inner elments to overflow the dialog\n             */\n            overflowVisible: { type: Boolean, default: false },\n\n            /**\n             * Sets the width of the modal\n             */\n            size: {\n                type: String as PropType<BentoModalSize | `${BentoModalSize}`>,\n                default: BentoModalSize.SMALL,\n            },\n\n            /**\n             * If provided, renders the modal's content in a two-column layout an wth dividers separating its content\n             */\n            withColumnLayout: { type: Boolean, default: false },\n        },\n        emits: [BentoModalEvent.CLOSE_MODAL],\n        setup(props, { slots, emit }) {\n            const { t } = useI18n<{ message: MessageSchema }>({ messages });\n            const attrs = useAttrs();\n            const hasSlot = useHasSlot(slots);\n            const modal = ref<HTMLDialogElement>(null);\n            const isClosing = ref(false);\n\n            const showCloseButton = computed(() => props.isDismissible && !props.hideCloseButton);\n\n            const customPaddingStyles = computed(() => {\n                if (!props.customPadding) {\n                    return {};\n                }\n\n                const xPadding = {\n                    paddingLeft: props.customPadding,\n                    paddingRight: props.customPadding,\n                };\n\n                const content = { ...xPadding, paddingTop: undefined, paddingBottom: undefined };\n\n                if (!hasSlot('default')) {\n                    content.paddingTop = props.customPadding;\n                }\n\n                if (!hasSlot('actions')) {\n                    content.paddingBottom = props.customPadding;\n                }\n\n                return {\n                    header: { ...xPadding, paddingTop: props.customPadding },\n                    content,\n                    actions: { ...xPadding, paddingBottom: props.customPadding },\n                };\n            });\n\n            const computedAriaLabel = computed(\n                () => (attrs['aria-label'] as string) ?? (t('ariaLabelFallback') as string)\n            );\n            const hasColumnLayout = computed(() => props.withColumnLayout && props.size === BentoModalSize.LARGE);\n\n            const openModal = (): void => {\n                modal.value.showModal();\n            };\n\n            const emitCloseEvent = (): void => {\n                emit(BentoModalEvent.CLOSE_MODAL);\n            };\n\n            // Handle closing and closing animation for dialog element\n            const closeModalAfterAnimation = () => {\n                if (isClosing.value) {\n                    modal.value.close();\n                    emitCloseEvent();\n                    isClosing.value = false;\n                }\n            };\n\n            const startCloseModalAnimation = () => {\n                if (!modal.value.open) {\n                    return;\n                }\n                isClosing.value = true;\n            };\n\n            /**\n             * If the user has pressed escape, clicked outside or clicked the close icon.\n             * Needs to be called from outside, following the \"dialog.close()\" pattern,\n             * when the closing event is triggered outside of the \"base-modal\"\n             * component (e.g. from a closing action).\n             */\n            const internalModalActionClose = (event?: Event) => {\n                if (event) {\n                    event.preventDefault();\n                }\n                if (!props.isDismissible && props.modalRole === BentoModalRole.DIALOG) {\n                    return;\n                }\n                startCloseModalAnimation();\n            };\n\n            /**\n             * Since the dialog HTML element doesn't automatically close when clicking outside, a check on when the user is clicking is needed.\n             * If the click doesn't happen in the dialog box itself, the modal closes\n             */\n            const closeModalOnClickOutside = ({ target }: Event): void => {\n                if (target && (target as HTMLElement).tagName === BentoModalRole.DIALOG.toUpperCase()) {\n                    internalModalActionClose();\n                }\n            };\n\n            const modalConditionalClasses = computed(() => ({\n                [`b-modal-base__container--${props.size}`]: props.size,\n                'b-modal-base__container--hide': isClosing.value,\n                'b-modal-base__container--overflow-visible': props.overflowVisible,\n                'b-modal-base__container--column-layout': hasColumnLayout.value,\n            }));\n\n            const modalContentConditionalClasses = computed(() => ({\n                'b-modal-base__content--column-layout': hasColumnLayout.value,\n                'b-modal-base__content--with-header': hasSlot('default'),\n                'b-modal-base__content--with-actions': hasSlot('actions'),\n            }));\n\n            const computedColumnWidth = computed(() => {\n                if (props.columnsSize === BentoModalColumnLayoutVariant.SMALLER) {\n                    return [\n                        { small: 4, medium: 4, large: 4 },\n                        { small: 8, medium: 8, large: 8 },\n                    ];\n                }\n                if (props.columnsSize === BentoModalColumnLayoutVariant.BIGGER) {\n                    return [\n                        { small: 8, medium: 8, large: 8 },\n                        { small: 4, medium: 4, large: 4 },\n                    ];\n                }\n                return [\n                    { small: 6, medium: 6, large: 6 },\n                    { small: 6, medium: 6, large: 6 },\n                ];\n            });\n\n            watch(\n                () => [props.isOpen, modal.value],\n                ([newIsOpen, newModalValue], [, oldModalValue]): void => {\n                    if (!newModalValue) {\n                        return;\n                    }\n\n                    const isFirstMutation = !oldModalValue;\n                    if (newIsOpen) {\n                        openModal();\n                    } else if (!isFirstMutation) {\n                        startCloseModalAnimation();\n                    }\n                }\n            );\n\n            // If the first button is a loading button then close the modal have 0.5 seconds\n            // if the state is changed to 'success'.\n            watch(\n                () => props.actions,\n                () => {\n                    if (props.actions?.[0]?.state === 'success') {\n                        setTimeout(startCloseModalAnimation, LOADING_BTN_CLOSE_AFTER_SUCCESS_DELAY_TIME);\n                    }\n                },\n                { deep: true }\n            );\n\n            onMounted(() => {\n                if (props.isOpen && modal.value) {\n                    openModal();\n                }\n            });\n\n            return {\n                // Refs\n                modal,\n                computedAriaLabel,\n                showCloseButton,\n\n                // Handling the state\n                openModal,\n                closeModalOnClickOutside,\n                closeModalAfterAnimation,\n                startCloseModalAnimation,\n\n                // Methods\n                internalModalActionClose,\n                hasSlot,\n                emitCloseEvent,\n                t,\n\n                // Styles\n                modalConditionalClasses,\n                modalContentConditionalClasses,\n                customPaddingStyles,\n                hasColumnLayout,\n                computedColumnWidth,\n\n                // Enums\n                GridLayoutContainerType,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./base-modal.scss\" />\n"],"names":["BentoModalVariant","BentoModalVariant2","BentoModalSize","BentoModalSize2","BentoModalColumnLayoutVariant","BentoModalColumnLayoutVariant2","BentoModalRole","BentoModalRole2","BentoModalDialogType","BentoModalDialogType2","BentoModalEvent","BentoModalEvent2","LOADING_BTN_CLOSE_AFTER_SUCCESS_DELAY_TIME","_sfc_main","defineComponent","messages","CrossIcon","BentoTypography","BentoButton","BentoDivider","BentoFocusTrap","GridLayout","props","slots","emit","t","useI18n","attrs","useAttrs","hasSlot","useHasSlot","modal","ref","isClosing","showCloseButton","computed","customPaddingStyles","xPadding","content","computedAriaLabel","hasColumnLayout","openModal","emitCloseEvent","closeModalAfterAnimation","startCloseModalAnimation","internalModalActionClose","event","closeModalOnClickOutside","target","modalConditionalClasses","modalContentConditionalClasses","computedColumnWidth","watch","newIsOpen","newModalValue","oldModalValue","_b","_a","onMounted","GridLayoutContainerType","_hoisted_2","_hoisted_4","createElementVNode","_ctx","normalizeClass","_cache","args","$event","withKeys","withCtx","_hoisted_3","openBlock","createElementBlock","normalizeStyle","createVNode","_component_bento_typography","renderSlot","createCommentVNode","_component_cross_icon","createBlock","_component_grid_layout","_hoisted_5"],"mappings":"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"}
+{"version":3,"file":"base-modal.77270ff6.js","sources":["../../../vue2/src/components/modal/modal.types.ts","../../../vue2/src/components/modal/components/base-modal/base-modal.vue"],"sourcesContent":["/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoModalVariant {\n    DEFAULT = 'BentoModalDefault',\n    DIALOG = 'BentoModalDialog',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoModalSize {\n    SMALL = 'small',\n    MEDIUM = 'medium',\n    LARGE = 'large',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoModalColumnLayoutVariant {\n    SMALLER = 'smaller',\n    EQUAL = 'equal',\n    BIGGER = 'bigger',\n}\n\nexport enum BentoModalRole {\n    DIALOG = 'dialog',\n    ALERT_DIALOG = 'alertdialog',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoModalDialogType {\n    CONFIRMATION = 'confirmation',\n    DESTRUCTIVE = 'destructive',\n    INFO = 'info',\n    ACKNOWLEDGEMENT = 'acknowledgement',\n}\n\nexport enum BentoModalEvent {\n    CLOSE_MODAL = 'close-modal',\n}\n","<template>\n    <div class=\"b-modal-base\">\n        <dialog\n            ref=\"modal\"\n            :role=\"modalRole\"\n            :aria-label=\"computedAriaLabel\"\n            class=\"b-modal-base__container\"\n            :class=\"modalConditionalClasses\"\n            :open=\"initiallyOpen\"\n            @animationend=\"closeModalAfterAnimation\"\n            @click=\"isDismissible && closeModalOnClickOutside($event)\"\n            @keydown.esc=\"internalModalActionClose\"\n        >\n            <bento-focus-trap v-if=\"isOpen || initiallyOpen\">\n                <div class=\"b-modal-base__wrapper\">\n                    <div\n                        v-if=\"hasSlot('default') || showCloseButton\"\n                        class=\"b-modal-base__header-container\"\n                        :style=\"customPaddingStyles.header\"\n                    >\n                        <div class=\"b-modal-base__header\">\n                            <bento-typography\n                                class=\"b-modal-base__title\"\n                                aria-label=\"base modal title\"\n                                el=\"span\"\n                                variant=\"title\"\n                                stronger\n                            >\n                                <slot v-if=\"hasSlot('default')\" />\n                            </bento-typography>\n                            <bento-button\n                                v-if=\"showCloseButton\"\n                                class=\"b-modal-base__close-button\"\n                                variant=\"tertiary\"\n                                type=\"button\"\n                                @click=\"internalModalActionClose\"\n                            >\n                                <cross-icon :svg-title=\"t('close')\" />\n                            </bento-button>\n                        </div>\n\n                        <bento-divider v-if=\"hasColumnLayout\" class=\"b-modal-base__divider\" />\n                    </div>\n\n                    <div\n                        class=\"b-modal-base__content\"\n                        :class=\"modalContentConditionalClasses\"\n                        :style=\"customPaddingStyles.content\"\n                    >\n                        <bento-typography\n                            v-if=\"hasSlot('content') || (hasSlot('content-col-1') && hasSlot('content-col-2'))\"\n                            aria-label=\"base modal content\"\n                            el=\"div\"\n                            variant=\"body\"\n                            stronger\n                        >\n                            <grid-layout\n                                v-if=\"hasColumnLayout\"\n                                :column-width=\"computedColumnWidth\"\n                                :container-type=\"GridLayoutContainerType.NORMAL\"\n                                no-gap\n                                class=\"b-modal-base__grid\"\n                            >\n                                <template #col-1><slot name=\"content-col-1\"></slot></template>\n                                <template #col-2><slot name=\"content-col-2\"></slot></template>\n                            </grid-layout>\n                            <slot v-else name=\"content\" />\n                        </bento-typography>\n                    </div>\n\n                    <div\n                        v-if=\"hasSlot('actions')\"\n                        class=\"b-modal-base__actions-container\"\n                        :style=\"customPaddingStyles.actions\"\n                    >\n                        <bento-divider v-if=\"hasColumnLayout\" class=\"b-modal-base__divider\" />\n\n                        <div aria-label=\"modal actions\" class=\"b-modal-base__actions\">\n                            <slot name=\"actions\" />\n                        </div>\n                    </div>\n                </div>\n            </bento-focus-trap>\n        </dialog>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, onMounted, PropType, ref, useAttrs, watch } from 'vue';\n    import {\n        BentoModalColumnLayoutVariant,\n        BentoModalEvent,\n        BentoModalRole,\n        BentoModalSize,\n    } from '@/components/modal/modal.types';\n\n    import { BentoTypography } from '@/components/typography';\n    import { BentoButton, BentoButtonActionsList } from '@/components/button';\n    import { BentoDivider } from '@/components/divider';\n    import { BentoFocusTrap } from '@/components/focus-trap';\n    import { GridLayout, GridLayoutContainerType } from '@/internal';\n    import { useHasSlot } from '@/composables';\n    import { useI18n } from '@/utils/ts/i18n';\n    import CrossIcon from '@adyen/ui-assets-icons-16/vue/cross';\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n    const LOADING_BTN_CLOSE_AFTER_SUCCESS_DELAY_TIME = 500;\n\n    export default defineComponent({\n        i18n: { messages },\n        name: 'base-modal',\n        components: { CrossIcon, BentoTypography, BentoButton, BentoDivider, BentoFocusTrap, GridLayout },\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             * But you may change the color of 1-st action to red with 'critial' key\n             * Not more than 3 action buttons can be provided\n             * Or 2 action buttons and 1 Label for them\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',2\n             *   event: () => { ... },\n             *   icon: FourPeopleIcon\n             * }, {\n             *   title: 'Secondary',\n             *   event: () => { ... }\n             * }]\n             * ```\n             */\n            actions: {\n                type: Array as PropType<BentoButtonActionsList>,\n                default: null,\n            },\n\n            /**\n             * If a column layout is provided, it renders the respective left column width variant. This can be smaller than the second column, the same size as the second column or bigger than the second column.\n             */\n            columnsSize: {\n                type: String as PropType<BentoModalColumnLayoutVariant>,\n                default: BentoModalColumnLayoutVariant.SMALLER,\n            },\n\n            /**\n             * If provided, manages the padding of the whole modal container\n             */\n            customPadding: { type: String, default: null },\n\n            /**\n             * Hides a cross icon on the right side of the title\n             */\n            hideCloseButton: { type: Boolean, required: true },\n\n            /**\n             * Sets the open attribute on the dialog element, use isOpen instead to toggle modal visbility.\n             */\n            initiallyOpen: { type: Boolean, default: false },\n\n            /**\n             * If set to true, it allows the modal to be closed by clicking outside of it\n             */\n            isDismissible: { type: Boolean, required: true },\n\n            /**\n             * Controls the modal's state from the outside. Set it to true to open the modal\n             */\n            isOpen: { type: Boolean, required: true },\n\n            /**\n             * Defines whether the modal will be an alert modal\n             */\n            modalRole: { type: String, default: BentoModalRole.DIALOG },\n\n            /**\n             * Allows the inner elments to overflow the dialog\n             */\n            overflowVisible: { type: Boolean, default: false },\n\n            /**\n             * Sets the width of the modal\n             */\n            size: {\n                type: String as PropType<BentoModalSize | `${BentoModalSize}`>,\n                default: BentoModalSize.SMALL,\n            },\n\n            /**\n             * If provided, renders the modal's content in a two-column layout an wth dividers separating its content\n             */\n            withColumnLayout: { type: Boolean, default: false },\n        },\n        emits: [BentoModalEvent.CLOSE_MODAL],\n        setup(props, { slots, emit }) {\n            const { t } = useI18n<{ message: MessageSchema }>({ messages });\n            const attrs = useAttrs();\n            const hasSlot = useHasSlot(slots);\n            const modal = ref<HTMLDialogElement>(null);\n            const isClosing = ref(false);\n\n            const showCloseButton = computed(() => props.isDismissible && !props.hideCloseButton);\n\n            const customPaddingStyles = computed(() => {\n                if (!props.customPadding) {\n                    return {};\n                }\n\n                const xPadding = {\n                    paddingLeft: props.customPadding,\n                    paddingRight: props.customPadding,\n                };\n\n                const content = { ...xPadding, paddingTop: undefined, paddingBottom: undefined };\n\n                if (!hasSlot('default')) {\n                    content.paddingTop = props.customPadding;\n                }\n\n                if (!hasSlot('actions')) {\n                    content.paddingBottom = props.customPadding;\n                }\n\n                return {\n                    header: { ...xPadding, paddingTop: props.customPadding },\n                    content,\n                    actions: { ...xPadding, paddingBottom: props.customPadding },\n                };\n            });\n\n            const computedAriaLabel = computed(\n                () => (attrs['aria-label'] as string) ?? (t('ariaLabelFallback') as string)\n            );\n            const hasColumnLayout = computed(() => props.withColumnLayout && props.size === BentoModalSize.LARGE);\n\n            const openModal = (): void => {\n                modal.value.showModal();\n            };\n\n            const emitCloseEvent = (): void => {\n                emit(BentoModalEvent.CLOSE_MODAL);\n            };\n\n            // Handle closing and closing animation for dialog element\n            const closeModalAfterAnimation = () => {\n                if (isClosing.value) {\n                    modal.value.close();\n                    emitCloseEvent();\n                    isClosing.value = false;\n                }\n            };\n\n            const startCloseModalAnimation = () => {\n                if (!modal.value.open) {\n                    return;\n                }\n                isClosing.value = true;\n            };\n\n            /**\n             * If the user has pressed escape, clicked outside or clicked the close icon.\n             * Needs to be called from outside, following the \"dialog.close()\" pattern,\n             * when the closing event is triggered outside of the \"base-modal\"\n             * component (e.g. from a closing action).\n             */\n            const internalModalActionClose = (event?: Event) => {\n                if (event) {\n                    event.preventDefault();\n                }\n                if (!props.isDismissible && props.modalRole === BentoModalRole.DIALOG) {\n                    return;\n                }\n                startCloseModalAnimation();\n            };\n\n            /**\n             * Since the dialog HTML element doesn't automatically close when clicking outside, a check on when the user is clicking is needed.\n             * If the click doesn't happen in the dialog box itself, the modal closes\n             */\n            const closeModalOnClickOutside = ({ target }: Event): void => {\n                if (target && (target as HTMLElement).tagName === BentoModalRole.DIALOG.toUpperCase()) {\n                    internalModalActionClose();\n                }\n            };\n\n            const modalConditionalClasses = computed(() => ({\n                [`b-modal-base__container--${props.size}`]: props.size,\n                'b-modal-base__container--hide': isClosing.value,\n                'b-modal-base__container--overflow-visible': props.overflowVisible,\n                'b-modal-base__container--column-layout': hasColumnLayout.value,\n            }));\n\n            const modalContentConditionalClasses = computed(() => ({\n                'b-modal-base__content--column-layout': hasColumnLayout.value,\n                'b-modal-base__content--with-header': hasSlot('default'),\n                'b-modal-base__content--with-actions': hasSlot('actions'),\n            }));\n\n            const computedColumnWidth = computed(() => {\n                if (props.columnsSize === BentoModalColumnLayoutVariant.SMALLER) {\n                    return [\n                        { small: 4, medium: 4, large: 4 },\n                        { small: 8, medium: 8, large: 8 },\n                    ];\n                }\n                if (props.columnsSize === BentoModalColumnLayoutVariant.BIGGER) {\n                    return [\n                        { small: 8, medium: 8, large: 8 },\n                        { small: 4, medium: 4, large: 4 },\n                    ];\n                }\n                return [\n                    { small: 6, medium: 6, large: 6 },\n                    { small: 6, medium: 6, large: 6 },\n                ];\n            });\n\n            watch(\n                () => [props.isOpen, modal.value],\n                ([newIsOpen, newModalValue], [, oldModalValue]): void => {\n                    if (!newModalValue) {\n                        return;\n                    }\n\n                    const isFirstMutation = !oldModalValue;\n                    if (newIsOpen) {\n                        openModal();\n                    } else if (!isFirstMutation) {\n                        startCloseModalAnimation();\n                    }\n                }\n            );\n\n            // If the first button is a loading button then close the modal have 0.5 seconds\n            // if the state is changed to 'success'.\n            watch(\n                () => props.actions,\n                () => {\n                    if (props.actions?.[0]?.state === 'success') {\n                        setTimeout(startCloseModalAnimation, LOADING_BTN_CLOSE_AFTER_SUCCESS_DELAY_TIME);\n                    }\n                },\n                { deep: true }\n            );\n\n            onMounted(() => {\n                if (props.isOpen && modal.value) {\n                    openModal();\n                }\n            });\n\n            return {\n                // Refs\n                modal,\n                computedAriaLabel,\n                showCloseButton,\n\n                // Handling the state\n                openModal,\n                closeModalOnClickOutside,\n                closeModalAfterAnimation,\n                startCloseModalAnimation,\n\n                // Methods\n                internalModalActionClose,\n                hasSlot,\n                emitCloseEvent,\n                t,\n\n                // Styles\n                modalConditionalClasses,\n                modalContentConditionalClasses,\n                customPaddingStyles,\n                hasColumnLayout,\n                computedColumnWidth,\n\n                // Enums\n                GridLayoutContainerType,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./base-modal.scss\" />\n"],"names":["BentoModalVariant","BentoModalVariant2","BentoModalSize","BentoModalSize2","BentoModalColumnLayoutVariant","BentoModalColumnLayoutVariant2","BentoModalRole","BentoModalRole2","BentoModalDialogType","BentoModalDialogType2","BentoModalEvent","BentoModalEvent2","LOADING_BTN_CLOSE_AFTER_SUCCESS_DELAY_TIME","_sfc_main","defineComponent","messages","CrossIcon","BentoTypography","BentoButton","BentoDivider","BentoFocusTrap","GridLayout","props","slots","emit","t","useI18n","attrs","useAttrs","hasSlot","useHasSlot","modal","ref","isClosing","showCloseButton","computed","customPaddingStyles","xPadding","content","computedAriaLabel","hasColumnLayout","openModal","emitCloseEvent","closeModalAfterAnimation","startCloseModalAnimation","internalModalActionClose","event","closeModalOnClickOutside","target","modalConditionalClasses","modalContentConditionalClasses","computedColumnWidth","watch","newIsOpen","newModalValue","oldModalValue","_b","_a","onMounted","GridLayoutContainerType","_hoisted_2","_hoisted_4","createElementVNode","_ctx","normalizeClass","_cache","args","$event","withKeys","withCtx","_hoisted_3","openBlock","createElementBlock","normalizeStyle","createVNode","_component_bento_typography","renderSlot","createCommentVNode","_component_cross_icon","createBlock","_component_grid_layout","_hoisted_5"],"mappings":"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"}

package/dist/chunks/{button-actions-with-menu.2ff339f6.js → button-actions-with-menu.079a0d99.js}

@@ -1,6 +1,6 @@
 import { defineComponent as d, computed as s, toRef as u, provide as l, openBlock as c, createElementBlock as p, createElementVNode as m, createVNode as _, unref as n, createBlock as f, createCommentVNode as v } from "vue";
-import { M as b, B as y } from "./index.cf561336.js";
-import { B as h } from "./index.03605cb0.js";
+import { M as b, B as y } from "./index.12eca89b.js";
+import { B as h } from "./index.5a4a8562.js";
 import { BentoButtonActions as B } from "../button.js";
 import { _ as A } from "./_plugin-vue_export-helper.dad06003.js";
 import "../assets/button-actions-with-menu.css";
@@ -104,4 +104,4 @@ const C = /* @__PURE__ */ A(M, [["__scopeId", "data-v-f58eba13"]]);
 export {
   C as B
 };
-//# sourceMappingURL=button-actions-with-menu.2ff339f6.js.map
+//# sourceMappingURL=button-actions-with-menu.079a0d99.js.map

package/dist/chunks/{button-actions-with-menu.2ff339f6.js.map → button-actions-with-menu.079a0d99.js.map}

@@ -1 +1 @@
-{"version":3,"file":"button-actions-with-menu.2ff339f6.js","sources":["../../../vue2/src/components/internal/button-actions-with-menu/button-actions-with-menu.vue"],"sourcesContent":["<template>\n    <div class=\"b-button-actions-with-menu\">\n        <div role=\"group\" class=\"b-button-actions-with-menu__container-wrapper\">\n            <bento-button-actions :actions=\"computedActions\" :inverse=\"inverse\" />\n            <bento-menu v-if=\"computedMenuActions.length\" :data=\"computedMenuActions\" :menu-position=\"menuPosition\" />\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, PropType, provide, toRef } from 'vue';\n    import BentoMenu from '@/components/menu/menu.vue';\n    import { BentoMenuItem } from '@/components/menu/components/menu-item/menu-item.types';\n    import { BentoButtonActions, BentoButtonActionsList } from '@/components/button';\n    import { MENU_INVERSE_INJECTION_KEY } from '@/components/menu/menu.keys';\n    import { BentoPopoverPositions } from '@/components/popover';\n\n    /**\n     * An internal button actions component with the option to display some of the actions in a menu.\n     *\n     * @example\n     * <button-actions-with-menu\n     *      :actions=\"[\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     *      :displayedActions=\"2\"\n     * />\n     */\n    const props = 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` (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: 'primary',\n             *   critical: true\n             * }]\n             * ```\n             */\n        actions: {\n            type: Array as PropType<BentoButtonActionsList>,\n            required: true,\n        },\n\n        /**\n         * The number of actions to be displayed. The rest of the actions will be collapsed in a menu component.\n         */\n        displayedActions: {\n            type: Number,\n            default: undefined,\n        },\n\n        /**\n         * Set inverse color scheme to buttons and menu\n         */\n        inverse: {\n            type: Boolean,\n            default: false,\n        },\n\n        /**\n         * The position of where the menu should open.\n         */\n        menuPosition: {\n            type: String as PropType<BentoPopoverPositions | `${BentoPopoverPositions}`>,\n            default: 'bottom-start',\n            validator: (value: BentoPopoverPositions) => Object.values(BentoPopoverPositions).includes(value),\n        },\n    });\n\n    const computedActions = computed(() => props.actions.slice(0, props.displayedActions));\n    const inverseRef = toRef(props, 'inverse');\n\n    provide(MENU_INVERSE_INJECTION_KEY, inverseRef);\n\n    const computedMenuActions = computed(() =>\n        props.displayedActions !== undefined && props.displayedActions < props.actions.length\n            ? (props.actions.slice(props.displayedActions, props.actions.length).map(el => ({\n                  text: el.title,\n                  handler: el.event,\n                  icon: el.icon,\n                  critical: el.critical,\n                  disabled: el.disabled,\n              })) as BentoMenuItem[])\n            : []\n    );\n</script>\n\n<script lang=\"ts\">\n    /**\n     * An internal button actions component with the option to display some of the actions in a menu.\n     *\n     * @example\n     * <button-actions-with-menu\n     *      :actions=\"[\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     *      :displayedActions=\"2\"\n     * />\n     */\n\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./button-actions-with-menu.scss\" />\n"],"names":["__default__","computedActions","computed","props","inverseRef","toRef","provide","MENU_INVERSE_INJECTION_KEY","computedMenuActions","el"],"mappings":";;;;;;;;;GAwJIA,IAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA5CAC,IAAAC,EAAA,MAAAC,EAAA,QAAA,MAAA,GAAAA,EAAA,gBAAA,CAAA,GACAC,IAAAC,EAAAF,GAAA,SAAA;AAEA,IAAAG,EAAAC,GAAAH,CAAA;AAEA,UAAAI,IAAAN;AAAA,MAA4B,MAAAC,EAAA,qBAAA,UAAAA,EAAA,mBAAAA,EAAA,QAAA,SAAAA,EAAA,QAAA,MAAAA,EAAA,kBAAAA,EAAA,QAAA,MAAA,EAAA,IAAA,CAAAM,OAAA;AAAA,QAE4D,MAAAA,EAAA;AAAA,QACjE,SAAAA,EAAA;AAAA,QACG,MAAAA,EAAA;AAAA,QACH,UAAAA,EAAA;AAAA,QACI,UAAAA,EAAA;AAAA,MACA,EAAA,IAAA,CAAA;AAAA,IAEhB;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"button-actions-with-menu.079a0d99.js","sources":["../../../vue2/src/components/internal/button-actions-with-menu/button-actions-with-menu.vue"],"sourcesContent":["<template>\n    <div class=\"b-button-actions-with-menu\">\n        <div role=\"group\" class=\"b-button-actions-with-menu__container-wrapper\">\n            <bento-button-actions :actions=\"computedActions\" :inverse=\"inverse\" />\n            <bento-menu v-if=\"computedMenuActions.length\" :data=\"computedMenuActions\" :menu-position=\"menuPosition\" />\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, PropType, provide, toRef } from 'vue';\n    import BentoMenu from '@/components/menu/menu.vue';\n    import { BentoMenuItem } from '@/components/menu/components/menu-item/menu-item.types';\n    import { BentoButtonActions, BentoButtonActionsList } from '@/components/button';\n    import { MENU_INVERSE_INJECTION_KEY } from '@/components/menu/menu.keys';\n    import { BentoPopoverPositions } from '@/components/popover';\n\n    /**\n     * An internal button actions component with the option to display some of the actions in a menu.\n     *\n     * @example\n     * <button-actions-with-menu\n     *      :actions=\"[\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     *      :displayedActions=\"2\"\n     * />\n     */\n    const props = 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` (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: 'primary',\n             *   critical: true\n             * }]\n             * ```\n             */\n        actions: {\n            type: Array as PropType<BentoButtonActionsList>,\n            required: true,\n        },\n\n        /**\n         * The number of actions to be displayed. The rest of the actions will be collapsed in a menu component.\n         */\n        displayedActions: {\n            type: Number,\n            default: undefined,\n        },\n\n        /**\n         * Set inverse color scheme to buttons and menu\n         */\n        inverse: {\n            type: Boolean,\n            default: false,\n        },\n\n        /**\n         * The position of where the menu should open.\n         */\n        menuPosition: {\n            type: String as PropType<BentoPopoverPositions | `${BentoPopoverPositions}`>,\n            default: 'bottom-start',\n            validator: (value: BentoPopoverPositions) => Object.values(BentoPopoverPositions).includes(value),\n        },\n    });\n\n    const computedActions = computed(() => props.actions.slice(0, props.displayedActions));\n    const inverseRef = toRef(props, 'inverse');\n\n    provide(MENU_INVERSE_INJECTION_KEY, inverseRef);\n\n    const computedMenuActions = computed(() =>\n        props.displayedActions !== undefined && props.displayedActions < props.actions.length\n            ? (props.actions.slice(props.displayedActions, props.actions.length).map(el => ({\n                  text: el.title,\n                  handler: el.event,\n                  icon: el.icon,\n                  critical: el.critical,\n                  disabled: el.disabled,\n              })) as BentoMenuItem[])\n            : []\n    );\n</script>\n\n<script lang=\"ts\">\n    /**\n     * An internal button actions component with the option to display some of the actions in a menu.\n     *\n     * @example\n     * <button-actions-with-menu\n     *      :actions=\"[\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     *      :displayedActions=\"2\"\n     * />\n     */\n\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./button-actions-with-menu.scss\" />\n"],"names":["__default__","computedActions","computed","props","inverseRef","toRef","provide","MENU_INVERSE_INJECTION_KEY","computedMenuActions","el"],"mappings":";;;;;;;;;GAwJIA,IAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA5CAC,IAAAC,EAAA,MAAAC,EAAA,QAAA,MAAA,GAAAA,EAAA,gBAAA,CAAA,GACAC,IAAAC,EAAAF,GAAA,SAAA;AAEA,IAAAG,EAAAC,GAAAH,CAAA;AAEA,UAAAI,IAAAN;AAAA,MAA4B,MAAAC,EAAA,qBAAA,UAAAA,EAAA,mBAAAA,EAAA,QAAA,SAAAA,EAAA,QAAA,MAAAA,EAAA,kBAAAA,EAAA,QAAA,MAAA,EAAA,IAAA,CAAAM,OAAA;AAAA,QAE4D,MAAAA,EAAA;AAAA,QACjE,SAAAA,EAAA;AAAA,QACG,MAAAA,EAAA;AAAA,QACH,UAAAA,EAAA;AAAA,QACI,UAAAA,EAAA;AAAA,MACA,EAAA,IAAA,CAAA;AAAA,IAEhB;;;;;;;;;;;;;;;;;"}

package/dist/chunks/{button.623a46d2.js → button.aaaf4f39.js}

@@ -1,5 +1,5 @@
 import { defineComponent as R, useAttrs as C, useSlots as I, computed as s, openBlock as i, createBlock as _, resolveDynamicComponent as N, unref as n, mergeProps as h, withCtx as y, createElementBlock as m, renderSlot as c, createCommentVNode as d } from "vue";
-import { B as T } from "./index.09f7f1b5.js";
+import { B as T } from "./index.c7208e0a.js";
 import { u as $ } from "./use-has-slot.4d98bf29.js";
 import { BentoLink as A, BentoLinkVariant as L } from "../link.js";
 import { _ as O } from "./_plugin-vue_export-helper.dad06003.js";
@@ -115,4 +115,4 @@ export {
   H as a,
   a as b
 };
-//# sourceMappingURL=button.623a46d2.js.map
+//# sourceMappingURL=button.aaaf4f39.js.map