@adyen/bento-vue3 1.89.2 → 1.90.0

package/dist/assets/file-uploader.css

@@ -1 +1 @@
-.b-file-uploader-file-card[data-v-0051c431]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;animation:fade-in-up9s12j-0051c431 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-up9s12j-0051c431 var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-up9s12j-0051c431 var(--b-animation-duration-moderate) var(--b-animation-easing-linear);align-items:center;background-color:var(--b-color-background-secondary);border-radius:var(--b-border-radius-m);display:flex;gap:var(--b-spacer-040);padding:var(--b-spacer-040) var(--b-spacer-060);position:relative}.b-file-uploader-file-card[data-v-0051c431],.b-file-uploader-file-card[data-v-0051c431]:before,.b-file-uploader-file-card[data-v-0051c431]:after{box-sizing:border-box}.b-file-uploader-file-card[data-v-0051c431] *,.b-file-uploader-file-card[data-v-0051c431] *:before,.b-file-uploader-file-card[data-v-0051c431] *:after{box-sizing:border-box}.b-file-uploader-file-card[data-v-0051c431] ::-webkit-scrollbar{height:14px;width:14px}.b-file-uploader-file-card[data-v-0051c431] ::-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 fade-in-up9s12j-0051c431{0%{opacity:0}to{opacity:1}}@keyframes scale-up-up9s12j-0051c431{0%{scale:1}to{scale:1}}@keyframes enter-up9s12j-0051c431{0%{translate:0 -4px}to{translate:0 0}}.b-file-uploader-file-card--error[data-v-0051c431]{background-color:var(--b-color-background-critical-weak)}.b-file-uploader-file-card__actions[data-v-0051c431]{align-items:center;display:flex;flex-shrink:0;gap:var(--b-spacer-090)}.b-file-uploader-file-card__animation-enter-active[data-v-0051c431],.b-file-uploader-file-card__animation-leave-active[data-v-0051c431]{transition:var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}.b-file-uploader-file-card__animation-enter[data-v-0051c431]{opacity:0;transform:rotate(-90deg)}.b-file-uploader-file-card__animation-leave-to[data-v-0051c431]{opacity:0;transform:rotate(90deg)}.b-file-uploader-file-card__animation--vue3-enter-active[data-v-0051c431]{transition:var(--b-animation-duration-moderate) var(--b-animation-easing-standard) var(--b-animation-duration-moderate)}.b-file-uploader-file-card__animation--vue3-leave-active[data-v-0051c431]{position:absolute;transition:var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}.b-file-uploader-file-card__animation--vue3-enter-from[data-v-0051c431]{opacity:0;transform:rotate(-90deg)}.b-file-uploader-file-card__animation--vue3-enter-to[data-v-0051c431],.b-file-uploader-file-card__animation--vue3-leave-from[data-v-0051c431]{opacity:1;transform:rotate(0)}.b-file-uploader-file-card__animation--vue3-leave-to[data-v-0051c431]{opacity:0;transform:rotate(90deg)}.b-file-uploader-file-card__details[data-v-0051c431]{flex:1;overflow:hidden}.b-file-uploader-file-card__error-message[data-v-0051c431]{color:var(--b-color-label-on-background-critical-weak);margin-top:var(--b-spacer-020)}.b-file-uploader-file-card__file-name[data-v-0051c431]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-file-uploader-file-card__file-size[data-v-0051c431]{flex-grow:0;flex-shrink:0;white-space:nowrap}.b-file-uploader-file-card__icon[data-v-0051c431]{flex-grow:0;flex-shrink:0}.b-file-uploader-file-card__icon--blue[data-v-0051c431]{color:var(--b-color-decorative-orange)}.b-file-uploader-file-card__icon--error[data-v-0051c431]{color:var(--b-color-label-critical)}.b-file-uploader-file-card__icon--green[data-v-0051c431]{color:var(--b-color-decorative-green)}.b-file-uploader-file-card__icon--grey[data-v-0051c431]{color:var(--b-color-label-secondary)}.b-file-uploader-file-card__icon--orange[data-v-0051c431]{color:var(--b-color-decorative-orange)}.b-file-uploader-file-card__info[data-v-0051c431]{align-items:center;display:flex;gap:var(--b-spacer-040)}.b-file-uploader-restrictions[data-v-e75ae2de]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--b-color-label-secondary);display:flex;flex-direction:column;margin-top:var(--b-spacer-020);pointer-events:none;text-align:center}.b-file-uploader-restrictions[data-v-e75ae2de],.b-file-uploader-restrictions[data-v-e75ae2de]:before,.b-file-uploader-restrictions[data-v-e75ae2de]:after{box-sizing:border-box}.b-file-uploader-restrictions[data-v-e75ae2de] *,.b-file-uploader-restrictions[data-v-e75ae2de] *:before,.b-file-uploader-restrictions[data-v-e75ae2de] *:after{box-sizing:border-box}.b-file-uploader-restrictions[data-v-e75ae2de] ::-webkit-scrollbar{height:14px;width:14px}.b-file-uploader-restrictions[data-v-e75ae2de] ::-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-file-uploader-restrictions--condensed[data-v-e75ae2de]{margin-top:unset;text-align:unset}.b-file-uploader-restrictions--condensed .b-file-uploader-restrictions--error[data-v-e75ae2de]{color:var(--b-color-label-critical)}.b-file-uploader-restrictions--disabled[data-v-e75ae2de]{color:var(--b-color-label-disabled)}.b-file-uploader-restrictions--error[data-v-e75ae2de]{color:var(--b-color-label-on-background-critical-weak)}.b-file-uploader[data-v-9e27903c]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;gap:var(--b-spacer-040)}.b-file-uploader[data-v-9e27903c],.b-file-uploader[data-v-9e27903c]:before,.b-file-uploader[data-v-9e27903c]:after{box-sizing:border-box}.b-file-uploader[data-v-9e27903c] *,.b-file-uploader[data-v-9e27903c] *:before,.b-file-uploader[data-v-9e27903c] *:after{box-sizing:border-box}.b-file-uploader[data-v-9e27903c] ::-webkit-scrollbar{height:14px;width:14px}.b-file-uploader[data-v-9e27903c] ::-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-file-uploader--disabled[data-v-9e27903c]{cursor:not-allowed}.b-file-uploader__area[data-v-9e27903c]{align-items:center;background-color:var(--b-color-background-primary);border:var(--b-border-width-m) dashed var(--b-color-outline-tertiary);border-radius:var(--b-border-radius-m);cursor:pointer;display:flex;flex-direction:column;padding:var(--b-spacer-080) var(--b-spacer-090)}@media(hover:hover){.b-file-uploader__area[data-v-9e27903c]:hover{background-color:var(--b-color-background-primary-hover)}}.b-file-uploader__area[data-v-9e27903c]:focus-visible{outline:none;animation:outer-ring-default-9e27903c 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-9e27903c{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-file-uploader--condensed .b-file-uploader__area[data-v-9e27903c]{flex-direction:row;padding:var(--b-spacer-040) var(--b-spacer-060)}.b-file-uploader--disabled .b-file-uploader__area[data-v-9e27903c]{background-color:var(--b-color-background-disabled);border:var(--b-border-width-m) dashed var(--b-color-outline-disabled);color:var(--b-color-label-disabled);cursor:not-allowed}.b-file-uploader--drag-over .b-file-uploader__area[data-v-9e27903c],.b-file-uploader--drag-over:hover .b-file-uploader__area[data-v-9e27903c]{background-color:var(--b-color-background-success-weak);border:var(--b-border-width-m) solid var(--b-color-outline-success)}.b-file-uploader--error .b-file-uploader__area[data-v-9e27903c],.b-file-uploader--error:hover .b-file-uploader__area[data-v-9e27903c]{background-color:var(--b-color-background-critical-weak);border:var(--b-border-width-m) solid var(--b-color-outline-critical)}.b-file-uploader__button[data-v-9e27903c]{border:var(--b-border-width-s) solid var(--b-color-outline-secondary);border-radius:var(--b-border-radius-m);color:var(--b-color-label-primary);margin-top:var(--b-spacer-060);padding:calc(var(--b-spacer-020) - var(--b-border-width-s)) calc(var(--b-spacer-050) - var(--b-border-width-s))}.b-file-uploader--disabled .b-file-uploader__button[data-v-9e27903c]{background-color:var(--b-color-background-primary);border:var(--b-border-width-s) solid var(--b-color-outline-disabled);color:var(--b-color-label-disabled)}.b-file-uploader--condensed .b-file-uploader__button[data-v-9e27903c]{border:0;margin-left:var(--b-spacer-060);margin-top:0;padding:var(--b-spacer-000);text-decoration:underline}.b-file-uploader--condensed.b-file-uploader--disabled .b-file-uploader__button[data-v-9e27903c]{background-color:transparent}.b-file-uploader__invisible-comma[data-v-9e27903c]{display:none}.b-file-uploader__description[data-v-9e27903c]{color:var(--b-color-label-secondary);margin-top:var(--b-spacer-020)}.b-file-uploader--disabled * .b-file-uploader__description[data-v-9e27903c]{color:var(--b-color-label-disabled)}.b-file-uploader__description--condensed[data-v-9e27903c]{margin-top:0}.b-file-uploader__icon[data-v-9e27903c]{background-color:var(--b-color-background-tertiary);border-radius:var(--b-border-radius-xl);height:var(--b-spacer-100);padding:var(--b-spacer-040);pointer-events:none;width:var(--b-spacer-100)}.b-file-uploader--drag-over .b-file-uploader__icon[data-v-9e27903c]{background-color:var(--b-color-background-success-strong);color:var(--b-color-label-on-color)}.b-file-uploader--error .b-file-uploader__icon[data-v-9e27903c]{background-color:var(--b-color-background-critical-strong);color:var(--b-color-label-on-color)}.b-file-uploader__input[data-v-9e27903c]{border:0;clip:rect(0,0,0,0);position:absolute;height:1px;margin:-1px;overflow:hidden;padding:0;white-space:nowrap;width:1px}.b-file-uploader__files[data-v-9e27903c]{display:flex;flex-direction:column;gap:var(--b-spacer-040)}.b-file-uploader__no-files[data-v-9e27903c]{color:var(--b-color-label-secondary)}.b-file-uploader__label[data-v-9e27903c]{display:inline-block;margin-bottom:0}.b-file-uploader__title[data-v-9e27903c]{margin-top:var(--b-spacer-060)}
+.b-file-uploader-file-card[data-v-0051c431]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;animation:fade-in-u6n1on3-0051c431 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-u6n1on3-0051c431 var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-u6n1on3-0051c431 var(--b-animation-duration-moderate) var(--b-animation-easing-linear);align-items:center;background-color:var(--b-color-background-secondary);border-radius:var(--b-border-radius-m);display:flex;gap:var(--b-spacer-040);padding:var(--b-spacer-040) var(--b-spacer-060);position:relative}.b-file-uploader-file-card[data-v-0051c431],.b-file-uploader-file-card[data-v-0051c431]:before,.b-file-uploader-file-card[data-v-0051c431]:after{box-sizing:border-box}.b-file-uploader-file-card[data-v-0051c431] *,.b-file-uploader-file-card[data-v-0051c431] *:before,.b-file-uploader-file-card[data-v-0051c431] *:after{box-sizing:border-box}.b-file-uploader-file-card[data-v-0051c431] ::-webkit-scrollbar{height:14px;width:14px}.b-file-uploader-file-card[data-v-0051c431] ::-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 fade-in-u6n1on3-0051c431{0%{opacity:0}to{opacity:1}}@keyframes scale-up-u6n1on3-0051c431{0%{scale:1}to{scale:1}}@keyframes enter-u6n1on3-0051c431{0%{translate:0 -4px}to{translate:0 0}}.b-file-uploader-file-card--error[data-v-0051c431]{background-color:var(--b-color-background-critical-weak)}.b-file-uploader-file-card__actions[data-v-0051c431]{align-items:center;display:flex;flex-shrink:0;gap:var(--b-spacer-090)}.b-file-uploader-file-card__animation-enter-active[data-v-0051c431],.b-file-uploader-file-card__animation-leave-active[data-v-0051c431]{transition:var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}.b-file-uploader-file-card__animation-enter[data-v-0051c431]{opacity:0;transform:rotate(-90deg)}.b-file-uploader-file-card__animation-leave-to[data-v-0051c431]{opacity:0;transform:rotate(90deg)}.b-file-uploader-file-card__animation--vue3-enter-active[data-v-0051c431]{transition:var(--b-animation-duration-moderate) var(--b-animation-easing-standard) var(--b-animation-duration-moderate)}.b-file-uploader-file-card__animation--vue3-leave-active[data-v-0051c431]{position:absolute;transition:var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}.b-file-uploader-file-card__animation--vue3-enter-from[data-v-0051c431]{opacity:0;transform:rotate(-90deg)}.b-file-uploader-file-card__animation--vue3-enter-to[data-v-0051c431],.b-file-uploader-file-card__animation--vue3-leave-from[data-v-0051c431]{opacity:1;transform:rotate(0)}.b-file-uploader-file-card__animation--vue3-leave-to[data-v-0051c431]{opacity:0;transform:rotate(90deg)}.b-file-uploader-file-card__details[data-v-0051c431]{flex:1;overflow:hidden}.b-file-uploader-file-card__error-message[data-v-0051c431]{color:var(--b-color-label-on-background-critical-weak);margin-top:var(--b-spacer-020)}.b-file-uploader-file-card__file-name[data-v-0051c431]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-file-uploader-file-card__file-size[data-v-0051c431]{flex-grow:0;flex-shrink:0;white-space:nowrap}.b-file-uploader-file-card__icon[data-v-0051c431]{flex-grow:0;flex-shrink:0}.b-file-uploader-file-card__icon--blue[data-v-0051c431]{color:var(--b-color-decorative-orange)}.b-file-uploader-file-card__icon--error[data-v-0051c431]{color:var(--b-color-label-critical)}.b-file-uploader-file-card__icon--green[data-v-0051c431]{color:var(--b-color-decorative-green)}.b-file-uploader-file-card__icon--grey[data-v-0051c431]{color:var(--b-color-label-secondary)}.b-file-uploader-file-card__icon--orange[data-v-0051c431]{color:var(--b-color-decorative-orange)}.b-file-uploader-file-card__info[data-v-0051c431]{align-items:center;display:flex;gap:var(--b-spacer-040)}.b-file-uploader-restrictions[data-v-e75ae2de]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--b-color-label-secondary);display:flex;flex-direction:column;margin-top:var(--b-spacer-020);pointer-events:none;text-align:center}.b-file-uploader-restrictions[data-v-e75ae2de],.b-file-uploader-restrictions[data-v-e75ae2de]:before,.b-file-uploader-restrictions[data-v-e75ae2de]:after{box-sizing:border-box}.b-file-uploader-restrictions[data-v-e75ae2de] *,.b-file-uploader-restrictions[data-v-e75ae2de] *:before,.b-file-uploader-restrictions[data-v-e75ae2de] *:after{box-sizing:border-box}.b-file-uploader-restrictions[data-v-e75ae2de] ::-webkit-scrollbar{height:14px;width:14px}.b-file-uploader-restrictions[data-v-e75ae2de] ::-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-file-uploader-restrictions--condensed[data-v-e75ae2de]{margin-top:unset;text-align:unset}.b-file-uploader-restrictions--condensed .b-file-uploader-restrictions--error[data-v-e75ae2de]{color:var(--b-color-label-critical)}.b-file-uploader-restrictions--disabled[data-v-e75ae2de]{color:var(--b-color-label-disabled)}.b-file-uploader-restrictions--error[data-v-e75ae2de]{color:var(--b-color-label-on-background-critical-weak)}.b-file-uploader[data-v-9e27903c]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;gap:var(--b-spacer-040)}.b-file-uploader[data-v-9e27903c],.b-file-uploader[data-v-9e27903c]:before,.b-file-uploader[data-v-9e27903c]:after{box-sizing:border-box}.b-file-uploader[data-v-9e27903c] *,.b-file-uploader[data-v-9e27903c] *:before,.b-file-uploader[data-v-9e27903c] *:after{box-sizing:border-box}.b-file-uploader[data-v-9e27903c] ::-webkit-scrollbar{height:14px;width:14px}.b-file-uploader[data-v-9e27903c] ::-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-file-uploader--disabled[data-v-9e27903c]{cursor:not-allowed}.b-file-uploader__area[data-v-9e27903c]{align-items:center;background-color:var(--b-color-background-primary);border:var(--b-border-width-m) dashed var(--b-color-outline-tertiary);border-radius:var(--b-border-radius-m);cursor:pointer;display:flex;flex-direction:column;padding:var(--b-spacer-080) var(--b-spacer-090)}@media(hover:hover){.b-file-uploader__area[data-v-9e27903c]:hover{background-color:var(--b-color-background-primary-hover)}}.b-file-uploader__area[data-v-9e27903c]:focus-visible{outline:none;animation:outer-ring-default-9e27903c 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-9e27903c{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-file-uploader--condensed .b-file-uploader__area[data-v-9e27903c]{flex-direction:row;padding:var(--b-spacer-040) var(--b-spacer-060)}.b-file-uploader--disabled .b-file-uploader__area[data-v-9e27903c]{background-color:var(--b-color-background-disabled);border:var(--b-border-width-m) dashed var(--b-color-outline-disabled);color:var(--b-color-label-disabled);cursor:not-allowed}.b-file-uploader--drag-over .b-file-uploader__area[data-v-9e27903c],.b-file-uploader--drag-over:hover .b-file-uploader__area[data-v-9e27903c]{background-color:var(--b-color-background-success-weak);border:var(--b-border-width-m) solid var(--b-color-outline-success)}.b-file-uploader--error .b-file-uploader__area[data-v-9e27903c],.b-file-uploader--error:hover .b-file-uploader__area[data-v-9e27903c]{background-color:var(--b-color-background-critical-weak);border:var(--b-border-width-m) solid var(--b-color-outline-critical)}.b-file-uploader__button[data-v-9e27903c]{border:var(--b-border-width-s) solid var(--b-color-outline-secondary);border-radius:var(--b-border-radius-m);color:var(--b-color-label-primary);margin-top:var(--b-spacer-060);padding:calc(var(--b-spacer-020) - var(--b-border-width-s)) calc(var(--b-spacer-050) - var(--b-border-width-s))}.b-file-uploader--disabled .b-file-uploader__button[data-v-9e27903c]{background-color:var(--b-color-background-primary);border:var(--b-border-width-s) solid var(--b-color-outline-disabled);color:var(--b-color-label-disabled)}.b-file-uploader--condensed .b-file-uploader__button[data-v-9e27903c]{border:0;margin-left:var(--b-spacer-060);margin-top:0;padding:var(--b-spacer-000);text-decoration:underline}.b-file-uploader--condensed.b-file-uploader--disabled .b-file-uploader__button[data-v-9e27903c]{background-color:transparent}.b-file-uploader__invisible-comma[data-v-9e27903c]{display:none}.b-file-uploader__description[data-v-9e27903c]{color:var(--b-color-label-secondary);margin-top:var(--b-spacer-020)}.b-file-uploader--disabled * .b-file-uploader__description[data-v-9e27903c]{color:var(--b-color-label-disabled)}.b-file-uploader__description--condensed[data-v-9e27903c]{margin-top:0}.b-file-uploader__icon[data-v-9e27903c]{background-color:var(--b-color-background-tertiary);border-radius:var(--b-border-radius-xl);height:var(--b-spacer-100);padding:var(--b-spacer-040);pointer-events:none;width:var(--b-spacer-100)}.b-file-uploader--drag-over .b-file-uploader__icon[data-v-9e27903c]{background-color:var(--b-color-background-success-strong);color:var(--b-color-label-on-color)}.b-file-uploader--error .b-file-uploader__icon[data-v-9e27903c]{background-color:var(--b-color-background-critical-strong);color:var(--b-color-label-on-color)}.b-file-uploader__input[data-v-9e27903c]{border:0;clip:rect(0,0,0,0);position:absolute;height:1px;margin:-1px;overflow:hidden;padding:0;white-space:nowrap;width:1px}.b-file-uploader__files[data-v-9e27903c]{display:flex;flex-direction:column;gap:var(--b-spacer-040)}.b-file-uploader__no-files[data-v-9e27903c]{color:var(--b-color-label-secondary)}.b-file-uploader__label[data-v-9e27903c]{display:inline-block;margin-bottom:0}.b-file-uploader__title[data-v-9e27903c]{margin-top:var(--b-spacer-060)}

package/dist/assets/input-time.css

@@ -0,0 +1 @@
+.b-input-time[data-v-250fa173]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-input-time[data-v-250fa173],.b-input-time[data-v-250fa173]:before,.b-input-time[data-v-250fa173]:after{box-sizing:border-box}.b-input-time[data-v-250fa173] *,.b-input-time[data-v-250fa173] *:before,.b-input-time[data-v-250fa173] *:after{box-sizing:border-box}.b-input-time[data-v-250fa173] ::-webkit-scrollbar{height:14px;width:14px}.b-input-time[data-v-250fa173] ::-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)}

package/dist/assets/inspector.css

@@ -1 +1 @@
-.b-inspector[data-v-7df4c2ca]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;height:100%;position:relative}.b-inspector[data-v-7df4c2ca],.b-inspector[data-v-7df4c2ca]:before,.b-inspector[data-v-7df4c2ca]:after{box-sizing:border-box}.b-inspector[data-v-7df4c2ca] *,.b-inspector[data-v-7df4c2ca] *:before,.b-inspector[data-v-7df4c2ca] *:after{box-sizing:border-box}.b-inspector[data-v-7df4c2ca] ::-webkit-scrollbar{height:14px;width:14px}.b-inspector[data-v-7df4c2ca] ::-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-inspector--overlay-content .b-inspector__container-wrapper[data-v-7df4c2ca]{box-shadow:var(--b-shadow-medium);position:absolute;right:0;z-index:var(--b-z-index-global-elevated)}.b-inspector__page-wrapper[data-v-7df4c2ca]{flex-grow:1;height:100%;overflow:auto}.b-inspector__page[data-v-7df4c2ca]{height:100%}.b-inspector__container-wrapper[data-v-7df4c2ca]{background-color:var(--b-color-background-primary);border-left:1px solid var(--b-color-separator-secondary);flex-shrink:0;height:100%;overflow-x:hidden}.b-inspector__container[data-v-7df4c2ca]{display:flex;flex-direction:column;height:100%;padding:var(--b-spacer-070) var(--b-spacer-090)}.b-inspector__header[data-v-7df4c2ca]{color:var(--b-color-label-primary);display:flex;gap:var(--b-spacer-060);padding-bottom:var(--b-spacer-070)}.b-inspector__title[data-v-7df4c2ca]{flex-grow:1}.b-inspector__icons[data-v-7df4c2ca]{display:flex;flex-shrink:0;gap:var(--b-spacer-050)}.b-inspector__content[data-v-7df4c2ca]{flex-grow:1}.b-inspector__loading-indicator[data-v-7df4c2ca]{inset:50%;transform:translate(-50%,-50%)}.b-inspector__return-content[data-v-7df4c2ca]{clip-path:rect(0,0,0,0);height:1px;opacity:0;overflow:hidden;position:absolute;right:0;width:1px}.b-inspector__return-content[data-v-7df4c2ca]:focus-visible{clip-path:auto;height:auto;opacity:1;right:var(--b-spacer-040);width:auto;z-index:1}.b-inspector__return-content-description[data-v-7df4c2ca]{display:none}.b-inspector--small .b-inspector__container-wrapper[data-v-7df4c2ca]{width:420px}.b-inspector--small .b-inspector__container[data-v-7df4c2ca]{width:419px}@keyframes expand-small-7df4c2ca{0%{width:0}to{width:420px}}@keyframes shrink-small-7df4c2ca{0%{width:420px}to{width:0}}.b-inspector--small .b-inspector__animation-enter-active[data-v-7df4c2ca]{animation:expand-small-7df4c2ca var(--b-animation-duration-slow) var(--b-animation-easing-enter)}.b-inspector--small .b-inspector__animation-leave-active[data-v-7df4c2ca]{animation:shrink-small-7df4c2ca var(--b-animation-duration-slow) var(--b-animation-easing-exit)}.b-inspector--small.b-inspector--is-compact .b-inspector__container-wrapper[data-v-7df4c2ca]{border-left:0;position:absolute;width:100%;z-index:var(--b-z-index-global-elevated)}.b-inspector--small.b-inspector--is-compact .b-inspector__container[data-v-7df4c2ca]{width:100%}.b-inspector--small.b-inspector--is-compact .b-inspector__animation-enter-active[data-v-7df4c2ca]{animation:enter-up9s0p3-7df4c2ca var(--b-animation-duration-slow) var(--b-animation-easing-enter)}@keyframes enter-up9s0p3-7df4c2ca{0%{translate:100% 0}to{translate:0 0}}.b-inspector--small.b-inspector--is-compact .b-inspector__animation-leave-active[data-v-7df4c2ca]{animation:exit-up9s0p4-7df4c2ca var(--b-animation-duration-slow) var(--b-animation-easing-exit)}@keyframes exit-up9s0p4-7df4c2ca{0%{translate:0 0}to{translate:100% 0}}.b-inspector--large .b-inspector__container-wrapper[data-v-7df4c2ca]{width:595px}.b-inspector--large .b-inspector__container[data-v-7df4c2ca]{width:594px}@keyframes expand-large-7df4c2ca{0%{width:0}to{width:595px}}@keyframes shrink-large-7df4c2ca{0%{width:595px}to{width:0}}.b-inspector--large .b-inspector__animation-enter-active[data-v-7df4c2ca]{animation:expand-large-7df4c2ca var(--b-animation-duration-slow) var(--b-animation-easing-enter)}.b-inspector--large .b-inspector__animation-leave-active[data-v-7df4c2ca]{animation:shrink-large-7df4c2ca var(--b-animation-duration-slow) var(--b-animation-easing-exit)}.b-inspector--large.b-inspector--is-compact .b-inspector__container-wrapper[data-v-7df4c2ca]{border-left:0;position:absolute;width:100%;z-index:var(--b-z-index-global-elevated)}.b-inspector--large.b-inspector--is-compact .b-inspector__container[data-v-7df4c2ca]{width:100%}.b-inspector--large.b-inspector--is-compact .b-inspector__animation-enter-active[data-v-7df4c2ca]{animation:enter-up9s0sp-7df4c2ca var(--b-animation-duration-slow) var(--b-animation-easing-enter)}@keyframes enter-up9s0sp-7df4c2ca{0%{translate:100% 0}to{translate:0 0}}.b-inspector--large.b-inspector--is-compact .b-inspector__animation-leave-active[data-v-7df4c2ca]{animation:exit-up9s0u7-7df4c2ca var(--b-animation-duration-slow) var(--b-animation-easing-exit)}@keyframes exit-up9s0u7-7df4c2ca{0%{translate:0 0}to{translate:100% 0}}
+.b-inspector[data-v-7df4c2ca]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;height:100%;position:relative}.b-inspector[data-v-7df4c2ca],.b-inspector[data-v-7df4c2ca]:before,.b-inspector[data-v-7df4c2ca]:after{box-sizing:border-box}.b-inspector[data-v-7df4c2ca] *,.b-inspector[data-v-7df4c2ca] *:before,.b-inspector[data-v-7df4c2ca] *:after{box-sizing:border-box}.b-inspector[data-v-7df4c2ca] ::-webkit-scrollbar{height:14px;width:14px}.b-inspector[data-v-7df4c2ca] ::-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-inspector--overlay-content .b-inspector__container-wrapper[data-v-7df4c2ca]{box-shadow:var(--b-shadow-medium);position:absolute;right:0;z-index:var(--b-z-index-global-elevated)}.b-inspector__page-wrapper[data-v-7df4c2ca]{flex-grow:1;height:100%;overflow:auto}.b-inspector__page[data-v-7df4c2ca]{height:100%}.b-inspector__container-wrapper[data-v-7df4c2ca]{background-color:var(--b-color-background-primary);border-left:1px solid var(--b-color-separator-secondary);flex-shrink:0;height:100%;overflow-x:hidden}.b-inspector__container[data-v-7df4c2ca]{display:flex;flex-direction:column;height:100%;padding:var(--b-spacer-070) var(--b-spacer-090)}.b-inspector__header[data-v-7df4c2ca]{color:var(--b-color-label-primary);display:flex;gap:var(--b-spacer-060);padding-bottom:var(--b-spacer-070)}.b-inspector__title[data-v-7df4c2ca]{flex-grow:1}.b-inspector__icons[data-v-7df4c2ca]{display:flex;flex-shrink:0;gap:var(--b-spacer-050)}.b-inspector__content[data-v-7df4c2ca]{flex-grow:1}.b-inspector__loading-indicator[data-v-7df4c2ca]{inset:50%;transform:translate(-50%,-50%)}.b-inspector__return-content[data-v-7df4c2ca]{clip-path:rect(0,0,0,0);height:1px;opacity:0;overflow:hidden;position:absolute;right:0;width:1px}.b-inspector__return-content[data-v-7df4c2ca]:focus-visible{clip-path:auto;height:auto;opacity:1;right:var(--b-spacer-040);width:auto;z-index:1}.b-inspector__return-content-description[data-v-7df4c2ca]{display:none}.b-inspector--small .b-inspector__container-wrapper[data-v-7df4c2ca]{width:420px}.b-inspector--small .b-inspector__container[data-v-7df4c2ca]{width:419px}@keyframes expand-small-7df4c2ca{0%{width:0}to{width:420px}}@keyframes shrink-small-7df4c2ca{0%{width:420px}to{width:0}}.b-inspector--small .b-inspector__animation-enter-active[data-v-7df4c2ca]{animation:expand-small-7df4c2ca var(--b-animation-duration-slow) var(--b-animation-easing-enter)}.b-inspector--small .b-inspector__animation-leave-active[data-v-7df4c2ca]{animation:shrink-small-7df4c2ca var(--b-animation-duration-slow) var(--b-animation-easing-exit)}.b-inspector--small.b-inspector--is-compact .b-inspector__container-wrapper[data-v-7df4c2ca]{border-left:0;position:absolute;width:100%;z-index:var(--b-z-index-global-elevated)}.b-inspector--small.b-inspector--is-compact .b-inspector__container[data-v-7df4c2ca]{width:100%}.b-inspector--small.b-inspector--is-compact .b-inspector__animation-enter-active[data-v-7df4c2ca]{animation:enter-u6n1o96-7df4c2ca var(--b-animation-duration-slow) var(--b-animation-easing-enter)}@keyframes enter-u6n1o96-7df4c2ca{0%{translate:100% 0}to{translate:0 0}}.b-inspector--small.b-inspector--is-compact .b-inspector__animation-leave-active[data-v-7df4c2ca]{animation:exit-u6n1o9r-7df4c2ca var(--b-animation-duration-slow) var(--b-animation-easing-exit)}@keyframes exit-u6n1o9r-7df4c2ca{0%{translate:0 0}to{translate:100% 0}}.b-inspector--large .b-inspector__container-wrapper[data-v-7df4c2ca]{width:595px}.b-inspector--large .b-inspector__container[data-v-7df4c2ca]{width:594px}@keyframes expand-large-7df4c2ca{0%{width:0}to{width:595px}}@keyframes shrink-large-7df4c2ca{0%{width:595px}to{width:0}}.b-inspector--large .b-inspector__animation-enter-active[data-v-7df4c2ca]{animation:expand-large-7df4c2ca var(--b-animation-duration-slow) var(--b-animation-easing-enter)}.b-inspector--large .b-inspector__animation-leave-active[data-v-7df4c2ca]{animation:shrink-large-7df4c2ca var(--b-animation-duration-slow) var(--b-animation-easing-exit)}.b-inspector--large.b-inspector--is-compact .b-inspector__container-wrapper[data-v-7df4c2ca]{border-left:0;position:absolute;width:100%;z-index:var(--b-z-index-global-elevated)}.b-inspector--large.b-inspector--is-compact .b-inspector__container[data-v-7df4c2ca]{width:100%}.b-inspector--large.b-inspector--is-compact .b-inspector__animation-enter-active[data-v-7df4c2ca]{animation:enter-u6n1odh-7df4c2ca var(--b-animation-duration-slow) var(--b-animation-easing-enter)}@keyframes enter-u6n1odh-7df4c2ca{0%{translate:100% 0}to{translate:0 0}}.b-inspector--large.b-inspector--is-compact .b-inspector__animation-leave-active[data-v-7df4c2ca]{animation:exit-u6n1oe9-7df4c2ca var(--b-animation-duration-slow) var(--b-animation-easing-exit)}@keyframes exit-u6n1oe9-7df4c2ca{0%{translate:0 0}to{translate:100% 0}}

package/dist/assets/modal-fullscreen.css

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

package/dist/assets/secondary-nav.css

@@ -1 +1 @@
-button[data-v-e693bf7c]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-e693bf7c]:focus-visible{outline:none}.b-secondary-nav-item[data-v-e693bf7c]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:var(--b-border-radius-m);color:var(--b-color-label-primary);cursor:pointer;margin-top:var(--b-spacer-040);padding:var(--b-spacer-040) var(--b-spacer-050);width:100%}.b-secondary-nav-item[data-v-e693bf7c],.b-secondary-nav-item[data-v-e693bf7c]:before,.b-secondary-nav-item[data-v-e693bf7c]:after{box-sizing:border-box}.b-secondary-nav-item[data-v-e693bf7c] *,.b-secondary-nav-item[data-v-e693bf7c] *:before,.b-secondary-nav-item[data-v-e693bf7c] *:after{box-sizing:border-box}.b-secondary-nav-item[data-v-e693bf7c] ::-webkit-scrollbar{height:14px;width:14px}.b-secondary-nav-item[data-v-e693bf7c] ::-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-e693bf7c]:hover{background-color:var(--b-color-background-primary-hover)}}.b-secondary-nav-item[data-v-e693bf7c]:active,.b-secondary-nav-item--active[data-v-e693bf7c]{background-color:var(--b-color-background-primary-active)}.b-secondary-nav-item[data-v-e693bf7c]:focus-visible{animation:outer-ring-default-e693bf7c 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-e693bf7c{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-2e57c7c0]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-bottom:var(--b-spacer-080)}.b-secondary-nav-category[data-v-2e57c7c0],.b-secondary-nav-category[data-v-2e57c7c0]:before,.b-secondary-nav-category[data-v-2e57c7c0]:after{box-sizing:border-box}.b-secondary-nav-category[data-v-2e57c7c0] *,.b-secondary-nav-category[data-v-2e57c7c0] *:before,.b-secondary-nav-category[data-v-2e57c7c0] *:after{box-sizing:border-box}.b-secondary-nav-category[data-v-2e57c7c0] ::-webkit-scrollbar{height:14px;width:14px}.b-secondary-nav-category[data-v-2e57c7c0] ::-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-2e57c7c0]{color:var(--b-color-label-secondary);padding:0 var(--b-spacer-050) var(--b-spacer-020) var(--b-spacer-050)}.b-secondary-nav[data-v-7cc545aa]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-secondary-nav[data-v-7cc545aa],.b-secondary-nav[data-v-7cc545aa]:before,.b-secondary-nav[data-v-7cc545aa]:after{box-sizing:border-box}.b-secondary-nav[data-v-7cc545aa] *,.b-secondary-nav[data-v-7cc545aa] *:before,.b-secondary-nav[data-v-7cc545aa] *:after{box-sizing:border-box}.b-secondary-nav[data-v-7cc545aa] ::-webkit-scrollbar{height:14px;width:14px}.b-secondary-nav[data-v-7cc545aa] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media(min-width:500px){.b-secondary-nav[data-v-7cc545aa]{max-width:200px}}.b-secondary-nav[data-v-7cc545aa] .b-secondary-nav__list{list-style:none;margin:0;padding:0}
+button[data-v-aea0d1f8]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-aea0d1f8]:focus-visible{outline:none}.b-secondary-nav-item[data-v-aea0d1f8]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-top:var(--b-spacer-020)}.b-secondary-nav-item[data-v-aea0d1f8],.b-secondary-nav-item[data-v-aea0d1f8]:before,.b-secondary-nav-item[data-v-aea0d1f8]:after{box-sizing:border-box}.b-secondary-nav-item[data-v-aea0d1f8] *,.b-secondary-nav-item[data-v-aea0d1f8] *:before,.b-secondary-nav-item[data-v-aea0d1f8] *:after{box-sizing:border-box}.b-secondary-nav-item[data-v-aea0d1f8] ::-webkit-scrollbar{height:14px;width:14px}.b-secondary-nav-item[data-v-aea0d1f8] ::-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-item__wrapper[data-v-aea0d1f8]{position:relative}.b-secondary-nav-item__option[data-v-aea0d1f8]{align-items:center;border-radius:var(--b-border-radius-m);color:var(--b-color-label-primary);cursor:pointer;display:flex;justify-content:space-between;padding:var(--b-spacer-040) var(--b-spacer-050);width:100%}@media(hover:hover){.b-secondary-nav-item__option[data-v-aea0d1f8]:hover{background-color:var(--b-color-background-primary-hover)}}.b-secondary-nav-item__option[data-v-aea0d1f8]:active,.b-secondary-nav-item__option--active[data-v-aea0d1f8]{background-color:var(--b-color-background-primary-active)}.b-secondary-nav-item__option[data-v-aea0d1f8]:focus-visible{animation:outer-ring-default-aea0d1f8 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-aea0d1f8{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-item__option--sub-item[data-v-aea0d1f8]{padding-left:var(--b-spacer-080)}.b-secondary-nav-item__option--expandable[data-v-aea0d1f8]{padding-right:var(--b-spacer-100)}.b-secondary-nav-item__toggle[data-v-aea0d1f8]{position:absolute;right:var(--b-spacer-050);top:50%;transform:translateY(-50%)}.b-secondary-nav-item__toggle[data-v-aea0d1f8]:after{content:"";display:block;inset:calc(var(--b-spacer-050) * -1);position:absolute}.b-secondary-nav-item__sub-items[data-v-aea0d1f8]{list-style:none;padding:0}.b-secondary-nav-item__animation--content-enter-active[data-v-aea0d1f8]{animation:fade-in-u6n1oow-aea0d1f8 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-u6n1oow-aea0d1f8 var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-u6n1oow-aea0d1f8 var(--b-animation-duration-moderate) var(--b-animation-easing-linear);overflow:hidden;transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}@keyframes fade-in-u6n1oow-aea0d1f8{0%{opacity:0}to{opacity:1}}@keyframes scale-up-u6n1oow-aea0d1f8{0%{scale:1}to{scale:1}}@keyframes enter-u6n1oow-aea0d1f8{0%{translate:0 -8px}to{translate:0 0}}.b-secondary-nav-item__animation--content-leave-active[data-v-aea0d1f8]{animation:fade-out-u6n1opd-aea0d1f8 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),exit-u6n1opd-aea0d1f8 var(--b-animation-duration-moderate) var(--b-animation-easing-exit),scale-down-u6n1opd-aea0d1f8 var(--b-animation-duration-moderate) var(--b-animation-easing-linear);max-height:0!important;overflow:hidden;transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}@keyframes fade-out-u6n1opd-aea0d1f8{0%{opacity:1}to{opacity:0}}@keyframes scale-down-u6n1opd-aea0d1f8{0%{scale:1}to{scale:1}}@keyframes exit-u6n1opd-aea0d1f8{0%{translate:0 0}to{translate:0 -8px}}.b-secondary-nav-category[data-v-3b90827e]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-bottom:var(--b-spacer-080)}.b-secondary-nav-category[data-v-3b90827e],.b-secondary-nav-category[data-v-3b90827e]:before,.b-secondary-nav-category[data-v-3b90827e]:after{box-sizing:border-box}.b-secondary-nav-category[data-v-3b90827e] *,.b-secondary-nav-category[data-v-3b90827e] *:before,.b-secondary-nav-category[data-v-3b90827e] *:after{box-sizing:border-box}.b-secondary-nav-category[data-v-3b90827e] ::-webkit-scrollbar{height:14px;width:14px}.b-secondary-nav-category[data-v-3b90827e] ::-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-3b90827e]{color:var(--b-color-label-secondary);padding:0 var(--b-spacer-050) var(--b-spacer-020) var(--b-spacer-050)}.b-secondary-nav[data-v-1cd589b9]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-secondary-nav[data-v-1cd589b9],.b-secondary-nav[data-v-1cd589b9]:before,.b-secondary-nav[data-v-1cd589b9]:after{box-sizing:border-box}.b-secondary-nav[data-v-1cd589b9] *,.b-secondary-nav[data-v-1cd589b9] *:before,.b-secondary-nav[data-v-1cd589b9] *:after{box-sizing:border-box}.b-secondary-nav[data-v-1cd589b9] ::-webkit-scrollbar{height:14px;width:14px}.b-secondary-nav[data-v-1cd589b9] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media(min-width:500px){.b-secondary-nav[data-v-1cd589b9]{max-width:250px}}.b-secondary-nav[data-v-1cd589b9] .b-secondary-nav__list{list-style:none;margin:0;padding:0}.b-secondary-nav__nested-option[data-v-1cd589b9]{padding-left:var(--b-spacer-070)}

package/dist/assets/sidepanel.css

@@ -1 +1 @@
-.b-sidepanel-page[data-v-42613cdd]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;height:100%;position:absolute;width:100%}.b-sidepanel-page[data-v-42613cdd],.b-sidepanel-page[data-v-42613cdd]:before,.b-sidepanel-page[data-v-42613cdd]:after{box-sizing:border-box}.b-sidepanel-page[data-v-42613cdd] *,.b-sidepanel-page[data-v-42613cdd] *:before,.b-sidepanel-page[data-v-42613cdd] *:after{box-sizing:border-box}.b-sidepanel-page[data-v-42613cdd] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel-page[data-v-42613cdd] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-sidepanel-page__header[data-v-42613cdd]{align-items:center;background-color:var(--b-color-background-modal);border-top-left-radius:var(--b-border-radius-l);display:flex;overflow:hidden;padding:var(--b-spacer-070) var(--b-spacer-130) var(--b-spacer-070) var(--b-spacer-090);position:sticky;white-space:nowrap;width:100%}.b-sidepanel-page__title[data-v-42613cdd]{color:var(--b-color-label-primary);flex-grow:1;overflow:hidden;text-overflow:ellipsis}.b-sidepanel-page__content[data-v-42613cdd]{color:var(--b-color-label-primary);flex-grow:1;overflow:auto;padding:0 var(--b-spacer-090)}.b-sidepanel-page__actions[data-v-42613cdd]{background-color:var(--b-color-background-modal);border-bottom-left-radius:var(--b-border-radius-l);color:var(--b-color-label-primary);padding:var(--b-spacer-070) var(--b-spacer-090)}.b-sidepanel[data-v-681d8947]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-color-background-modal);border:0;height:100%;max-height:100%;max-width:100%;overflow:visible;padding:0;width:100%}.b-sidepanel[data-v-681d8947],.b-sidepanel[data-v-681d8947]:before,.b-sidepanel[data-v-681d8947]:after{box-sizing:border-box}.b-sidepanel[data-v-681d8947] *,.b-sidepanel[data-v-681d8947] *:before,.b-sidepanel[data-v-681d8947] *:after{box-sizing:border-box}.b-sidepanel[data-v-681d8947] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel[data-v-681d8947] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media(min-width:500px){.b-sidepanel[data-v-681d8947]{border-radius:var(--b-border-radius-l) 0 0 var(--b-border-radius-l);margin:0 0 0 auto;width:480px}}@media(min-width:768px){.b-sidepanel[data-v-681d8947]{max-width:680px;min-width:480px;width:33%}}.b-sidepanel__close-button[data-v-681d8947]{align-items:center;display:flex;height:64px;position:absolute;right:var(--b-spacer-090);z-index:var(--b-z-index-local-tier-1)}.b-sidepanel--animation[data-v-681d8947]{overflow:hidden}.b-sidepanel[data-v-681d8947]::backdrop{background-color:var(--b-color-support-overlay, #00112c);opacity:.5}.b-sidepanel[open][data-v-681d8947]{animation:enter-up9s0ie-681d8947 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-enter)}@keyframes enter-up9s0ie-681d8947{0%{translate:100% 0}to{translate:0 0}}.b-sidepanel[open][data-v-681d8947]::backdrop{animation:fade-in-up9s0k9-681d8947 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-linear)}@keyframes fade-in-up9s0k9-681d8947{0%{opacity:0}to{opacity:.5}}.b-sidepanel--hide[open][data-v-681d8947]{animation:exit-up9s0l2-681d8947 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-exit)}@keyframes exit-up9s0l2-681d8947{0%{translate:0 0}to{translate:100% 0}}.b-sidepanel--hide[open][data-v-681d8947]::backdrop{animation:fade-out-up9s0mz-681d8947 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-linear)}@keyframes fade-out-up9s0mz-681d8947{0%{opacity:.5}to{opacity:0}}
+.b-sidepanel-page[data-v-42613cdd]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;height:100%;position:absolute;width:100%}.b-sidepanel-page[data-v-42613cdd],.b-sidepanel-page[data-v-42613cdd]:before,.b-sidepanel-page[data-v-42613cdd]:after{box-sizing:border-box}.b-sidepanel-page[data-v-42613cdd] *,.b-sidepanel-page[data-v-42613cdd] *:before,.b-sidepanel-page[data-v-42613cdd] *:after{box-sizing:border-box}.b-sidepanel-page[data-v-42613cdd] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel-page[data-v-42613cdd] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-sidepanel-page__header[data-v-42613cdd]{align-items:center;background-color:var(--b-color-background-modal);border-top-left-radius:var(--b-border-radius-l);display:flex;overflow:hidden;padding:var(--b-spacer-070) var(--b-spacer-130) var(--b-spacer-070) var(--b-spacer-090);position:sticky;white-space:nowrap;width:100%}.b-sidepanel-page__title[data-v-42613cdd]{color:var(--b-color-label-primary);flex-grow:1;overflow:hidden;text-overflow:ellipsis}.b-sidepanel-page__content[data-v-42613cdd]{color:var(--b-color-label-primary);flex-grow:1;overflow:auto;padding:0 var(--b-spacer-090)}.b-sidepanel-page__actions[data-v-42613cdd]{background-color:var(--b-color-background-modal);border-bottom-left-radius:var(--b-border-radius-l);color:var(--b-color-label-primary);padding:var(--b-spacer-070) var(--b-spacer-090)}.b-sidepanel[data-v-681d8947]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-color-background-modal);border:0;height:100%;max-height:100%;max-width:100%;overflow:visible;padding:0;width:100%}.b-sidepanel[data-v-681d8947],.b-sidepanel[data-v-681d8947]:before,.b-sidepanel[data-v-681d8947]:after{box-sizing:border-box}.b-sidepanel[data-v-681d8947] *,.b-sidepanel[data-v-681d8947] *:before,.b-sidepanel[data-v-681d8947] *:after{box-sizing:border-box}.b-sidepanel[data-v-681d8947] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel[data-v-681d8947] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media(min-width:500px){.b-sidepanel[data-v-681d8947]{border-radius:var(--b-border-radius-l) 0 0 var(--b-border-radius-l);margin:0 0 0 auto;width:480px}}@media(min-width:768px){.b-sidepanel[data-v-681d8947]{max-width:680px;min-width:480px;width:33%}}.b-sidepanel__close-button[data-v-681d8947]{align-items:center;display:flex;height:64px;position:absolute;right:var(--b-spacer-090);z-index:var(--b-z-index-local-tier-1)}.b-sidepanel--animation[data-v-681d8947]{overflow:hidden}.b-sidepanel[data-v-681d8947]::backdrop{background-color:var(--b-color-support-overlay, #00112c);opacity:.5}.b-sidepanel[open][data-v-681d8947]{animation:enter-u6n1o2l-681d8947 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-enter)}@keyframes enter-u6n1o2l-681d8947{0%{translate:100% 0}to{translate:0 0}}.b-sidepanel[open][data-v-681d8947]::backdrop{animation:fade-in-u6n1o49-681d8947 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-linear)}@keyframes fade-in-u6n1o49-681d8947{0%{opacity:0}to{opacity:.5}}.b-sidepanel--hide[open][data-v-681d8947]{animation:exit-u6n1o4o-681d8947 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-exit)}@keyframes exit-u6n1o4o-681d8947{0%{translate:0 0}to{translate:100% 0}}.b-sidepanel--hide[open][data-v-681d8947]::backdrop{animation:fade-out-u6n1o6u-681d8947 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-linear)}@keyframes fade-out-u6n1o6u-681d8947{0%{opacity:.5}to{opacity:0}}

package/dist/button.js

@@ -1,6 +1,6 @@
 import { B as n, a as B, b as a } from "./chunks/button.DWF7FSIw.js";
 import { a as s } from "./chunks/ai-button.1YJdI-sw.js";
-import { B as r, a as i, b as c, c as p } from "./chunks/button-actions.cMQWyZne.js";
+import { B as r, a as i, b as c, c as p } from "./chunks/button-actions.Bh_PZ_fV.js";
 import { B as A, a as L, b as d } from "./chunks/button-actions.types.BptAXjD8.js";
 export {
   s as BentoAiButton,

package/dist/card.js

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

package/dist/checkbox.js

@@ -1,5 +1,5 @@
-import { B as t, a } from "./chunks/checkbox.C6ATh8f5.js";
-import { B as x, a as n } from "./chunks/checkbox-group.96n9Cc3W.js";
+import { B as t, a } from "./chunks/checkbox.BlAhQl9N.js";
+import { B as x, a as n } from "./chunks/checkbox-group.D_fN6Glu.js";
 import { C } from "./chunks/minus-small.CnYLTuSv.js";
 export {
   t as BentoCheckbox,

package/dist/chip.js

@@ -1,4 +1,4 @@
-import { B as p } from "./chunks/chip.CdgpQyXN.js";
+import { B as p } from "./chunks/chip.DFldnqfz.js";
 export {
   p as BentoChip
 };

package/dist/chunks/accordion-item.CZIxxSsH.js

@@ -0,0 +1,141 @@
+import { defineComponent as I, provide as A, toRef as D, openBlock as n, createElementBlock as c, renderSlot as S, ref as b, inject as O, computed as R, watch as r, createVNode as C, unref as e, withCtx as g, createElementVNode as h, createBlock as E, createTextVNode as $, toDisplayString as H, Transition as V, normalizeStyle as j, createCommentVNode as w } from "vue";
+import { _ as N } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import { B as M } from "./typography.B3J6_tYk.js";
+import { C as U } from "./chevron-down.XeE-LBV_.js";
+import { C as J } from "./chevron-up.Cmgl2a3x.js";
+import { g as y } from "./generate-uid.DBWe4g6T.js";
+import { o as q } from "./resize.Bqks3WUm.js";
+import { u as F } from "./index.B875RXHM.js";
+import { u as G } from "./use-expandable-content-height.B5jjRvCz.js";
+import "../assets/accordion-item.css";
+const T = /* @__PURE__ */ Symbol("accordion title size injection key"), K = { class: "b-accordion" }, L = {}, P = /* @__PURE__ */ I({
+  ...L,
+  __name: "accordion",
+  props: {
+    /**
+     * Controls accordion title size.
+     * @values default, small
+     */
+    titleSize: {
+      type: String,
+      default: "default"
+    }
+  },
+  setup(i) {
+    return A(T, D(i, "titleSize")), (s, l) => (n(), c("div", K, [
+      S(s.$slots, "default", {}, void 0, !0)
+    ]));
+  }
+}), de = /* @__PURE__ */ N(P, [["__scopeId", "data-v-cef184ec"]]), k = {
+  "de-DE": { collapse: "Ausblenden", expand: "Anzeigen" },
+  "en-GB": { collapse: "Collapse", expand: "Expand" },
+  "en-US": { collapse: "Collapse", expand: "Expand" },
+  "es-ES": { collapse: "Contraer", expand: "Ampliar" },
+  "es-MX": { collapse: "Colapsar", expand: "Ampliar" },
+  "fr-FR": { collapse: "Réduire", expand: "Développer" },
+  "it-IT": { collapse: "Comprimi", expand: "Espandi" },
+  "ja-JP": { collapse: "折りたたむ", expand: "展開" },
+  "pt-BR": { collapse: "Recolher", expand: "Expandir" },
+  "zh-CN": { collapse: "折叠", expand: "展开" }
+}, X = { class: "b-accordion-item" }, Y = ["id", "aria-controls", "aria-expanded"], Z = ["id", "aria-labelledby"], Q = {
+  i18n: { messages: k }
+}, W = /* @__PURE__ */ I({
+  ...Q,
+  __name: "accordion-item",
+  props: {
+    /**
+     * Sets the title of the accordion item.
+     */
+    title: {
+      type: String,
+      required: !0
+    },
+    /**
+     * Controls if the content is visible or hidden.
+     */
+    isExpanded: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:is-expanded"],
+  setup(i, { emit: d }) {
+    const s = "b-accordion-item__animation--content", l = i, B = d, { t: p } = F({ messages: k }), a = b(null), t = b(l.isExpanded), m = y("accordionItemButton"), u = y("accordionItemContent"), _ = O(T, "default"), { updateContentHeight: v, contentHeight: f } = G(a, t), z = R(() => f.value ? { "max-height": f.value } : {});
+    return r(
+      () => l.isExpanded,
+      (o) => {
+        t.value = o;
+      }
+    ), r(
+      () => a.value,
+      () => {
+        let o = null;
+        !o && a.value && (o = q(a.value, () => {
+          a.value && v();
+        }));
+      }
+    ), r(
+      t,
+      (o) => {
+        B("update:is-expanded", o), v();
+      },
+      { immediate: !0 }
+    ), (o, x) => (n(), c("div", X, [
+      C(e(M), {
+        el: "h3",
+        variant: e(_) === "small" ? "body" : "title",
+        strongest: e(_) === "small"
+      }, {
+        default: g(() => [
+          h("button", {
+            id: e(m),
+            "aria-controls": e(u),
+            "aria-expanded": `${t.value}`,
+            type: "button",
+            class: "b-accordion-item__button",
+            onClick: x[0] || (x[0] = (ee) => t.value = !t.value)
+          }, [
+            t.value ? (n(), E(e(J), {
+              key: 0,
+              class: "b-accordion-item__icon",
+              "svg-title": e(p)("collapse"),
+              "aria-hidden": "true"
+            }, null, 8, ["svg-title"])) : (n(), E(e(U), {
+              key: 1,
+              class: "b-accordion-item__icon",
+              "svg-title": e(p)("expand"),
+              "aria-hidden": "true"
+            }, null, 8, ["svg-title"])),
+            $(" " + H(i.title), 1)
+          ], 8, Y)
+        ]),
+        _: 1
+      }, 8, ["variant", "strongest"]),
+      C(V, { name: s }, {
+        default: g(() => [
+          t.value ? (n(), c("div", {
+            key: 0,
+            id: e(u),
+            "aria-labelledby": e(m),
+            role: "region",
+            style: j(z.value)
+          }, [
+            h("div", {
+              ref_key: "contentDiv",
+              ref: a,
+              class: "b-accordion-item__content"
+            }, [
+              S(o.$slots, "default", {}, void 0, !0)
+            ], 512)
+          ], 12, Z)) : w("", !0)
+        ]),
+        _: 3
+      })
+    ]));
+  }
+}), pe = /* @__PURE__ */ N(W, [["__scopeId", "data-v-242828d5"]]);
+export {
+  de as a,
+  pe as b
+};
+//# sourceMappingURL=accordion-item.CZIxxSsH.js.map

package/dist/chunks/{accordion-item.BX1KrLMl.js.map → accordion-item.CZIxxSsH.js.map}

@@ -1 +1 @@
-{"version":3,"file":"accordion-item.BX1KrLMl.js","sources":["../../../vue2/src/components/accordion/accordion.keys.ts","../../../vue2/src/components/accordion/accordion.vue","../../../vue2/src/components/accordion/components/accordion-item.vue"],"sourcesContent":["export const ACCORDION_TITLE_SIZE_INJECTION_KEY = Symbol('accordion title size injection key');\n","<template>\n    <div class=\"b-accordion\">\n        <slot />\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { type PropType, provide, toRef } from 'vue';\n\n    import { ACCORDION_TITLE_SIZE_INJECTION_KEY } from './accordion.keys';\n\n    import type { BentoAccordionTitleSize } from './accordion.types';\n\n    const props = defineProps({\n        /**\n         * Controls accordion title size.\n         * @values default, small\n         */\n        titleSize: {\n            type: String as PropType<BentoAccordionTitleSize>,\n            default: 'default',\n        },\n    });\n\n    provide(ACCORDION_TITLE_SIZE_INJECTION_KEY, toRef(props, 'titleSize'));\n</script>\n\n<script lang=\"ts\">\n    /**\n     * An accordion is a vertical stack of interactive headers used to reveal or hide\n     * sections of content associated with these headers.\n     *\n     * This component must only have `BentoAccordionItem` components in its default slot.\n     *\n     * Accordion items should be collapsed by default.\n     *\n     * @example\n     * import { BentoAccordion, BentoAccordionItem } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoAccordion, BentoAccordionItem },\n     *     template: `\n     *          <bento-accordion>\n     *              <bento-accordion-item title=\"Item 1\">\n     *                  Content for item 1\n     *              </bento-accordion-item>\n     *              <bento-accordion-item title=\"Item 2\">\n     *                  Content for item 2\n     *              </bento-accordion-item>\n     *          </bento-accordion>\n     *     `\n     * }\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./accordion.scss\" />\n","<template>\n    <div class=\"b-accordion-item\">\n        <bento-typography\n            el=\"h3\"\n            :variant=\"titleSize === 'small' ? 'body' : 'title'\"\n            :strongest=\"titleSize === 'small'\"\n        >\n            <button\n                :id=\"buttonId\"\n                :aria-controls=\"contentId\"\n                :aria-expanded=\"`${isOpen}`\"\n                type=\"button\"\n                class=\"b-accordion-item__button\"\n                @click=\"isOpen = !isOpen\"\n            >\n                <chevron-up-icon\n                    v-if=\"isOpen\"\n                    class=\"b-accordion-item__icon\"\n                    :svg-title=\"t('collapse')\"\n                    aria-hidden=\"true\"\n                />\n                <chevron-down-icon v-else class=\"b-accordion-item__icon\" :svg-title=\"t('expand')\" aria-hidden=\"true\" />\n                {{ title }}\n            </button>\n        </bento-typography>\n\n        <Transition :name=\"CONTENT_TRANSITION_NAME\">\n            <div v-if=\"isOpen\" :id=\"contentId\" :aria-labelledby=\"buttonId\" role=\"region\" :style=\"contentMaxHeight\">\n                <div ref=\"contentDiv\" class=\"b-accordion-item__content\">\n                    <slot />\n                </div>\n            </div>\n        </Transition>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, inject, ref, watch } from 'vue';\n\n    import { BentoTypography } from '@/components/typography';\n    import ChevronDownIcon from '@adyen/ui-assets-icons-16/vue/chevron-down';\n    import ChevronUpIcon from '@adyen/ui-assets-icons-16/vue/chevron-up';\n\n    import { generateUid } from '@/core/utils/ts';\n    import { observeSizeOfElement } from '@/utils/ts/resize';\n    import { useI18n } from '@/utils/ts/i18n';\n\n    import { ACCORDION_TITLE_SIZE_INJECTION_KEY } from '../accordion.keys';\n\n    import type { BentoAccordionTitleSize } from '../accordion.types';\n    import { useExpandableContentHeight } from '@/composables/use-expandable-content-height/use-expandable-content-height';\n\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const CONTENT_TRANSITION_NAME = 'b-accordion-item__animation--content';\n\n    const props = defineProps({\n        /**\n         * Sets the title of the accordion item.\n         */\n        title: {\n            type: String,\n            required: true,\n        },\n        /**\n         * Controls if the content is visible or hidden.\n         */\n        isExpanded: {\n            type: Boolean,\n            default: false,\n        },\n    });\n\n    const emit = defineEmits<{\n        /**\n         * Emits update event when content is toggled\n         */\n        (e: 'update:is-expanded', value: boolean): void;\n    }>();\n\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n    // Refs\n    const contentDiv = ref<HTMLDivElement>(null);\n    const isOpen = ref(props.isExpanded);\n\n    // Generating IDs\n    const buttonId = generateUid('accordionItemButton');\n    const contentId = generateUid('accordionItemContent');\n\n    // Injecting prop from parent\n    const titleSize = inject<`${BentoAccordionTitleSize}`>(ACCORDION_TITLE_SIZE_INJECTION_KEY, 'default');\n\n    // Getting and setting the item height to be able to handle height animation\n    const { updateContentHeight, contentHeight } = useExpandableContentHeight(contentDiv, isOpen);\n\n    const contentMaxHeight = computed(() => (contentHeight.value ? { 'max-height': contentHeight.value } : {}));\n\n    watch(\n        () => props.isExpanded,\n        value => {\n            isOpen.value = value;\n        }\n    );\n\n    watch(\n        () => contentDiv.value,\n        () => {\n            let observer: ResizeObserver | null = null;\n            if (!observer && contentDiv.value) {\n                observer = observeSizeOfElement(contentDiv.value, () => {\n                    if (contentDiv.value) {\n                        updateContentHeight();\n                    }\n                });\n            }\n        }\n    );\n\n    watch(\n        isOpen,\n        value => {\n            // Enable two-way data binding for `isExpanded`\n            emit('update:is-expanded', value);\n\n            updateContentHeight();\n        },\n        { immediate: true }\n    );\n</script>\n\n<script lang=\"ts\">\n    /**\n     * An accordion item is an interactive header used to reveal or hide a\n     * section of content associated with this header.\n     *\n     * This component must always be wrapped by a `BentoAccordion` component.\n     *\n     * @example\n     * import { BentoAccordion, BentoAccordionItem } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoAccordion, BentoAccordionItem },\n     *     template: `\n     *          <bento-accordion>\n     *              <bento-accordion-item title=\"Item 1\">\n     *                  Content for item 1\n     *              </bento-accordion-item>\n     *              <bento-accordion-item title=\"Item 2\">\n     *                  Content for item 2\n     *              </bento-accordion-item>\n     *          </bento-accordion>\n     *     `\n     * }\n     */\n    export default {\n        i18n: { messages },\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./accordion-item.scss\" />\n"],"names":["ACCORDION_TITLE_SIZE_INJECTION_KEY","__default__$1","provide","toRef","__props","__default__","messages","CONTENT_TRANSITION_NAME","props","emit","__emit","t","useI18n","contentDiv","ref","isOpen","buttonId","generateUid","contentId","titleSize","inject","updateContentHeight","contentHeight","useExpandableContentHeight","contentMaxHeight","computed","watch","value","observer","observeSizeOfElement"],"mappings":";;;;;;;;;;AAAO,MAAAA,IAAA,uBAAA,oCAAA,iCCqDHC,IAAA,CAAA;;;;;;;;;;;;;;AA7BA,WAAAC,EAAAF,GAAAG,EAXAC,GAWA,WAAA,CAAA;;;;;;;;mHCqIAC,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;;;;;;;;;;;;;AAvGA,UAAAC,IAAA,wCAEAC,IAAAJ,GAiBAK,IAAAC,GAOA,EAAA,GAAAC,EAAA,IAAAC,EAAA,EAAA,UAAAN,EAAA,CAAA,GAGAO,IAAAC,EAAA,IAAA,GACAC,IAAAD,EAAAN,EAAA,UAAA,GAGAQ,IAAAC,EAAA,qBAAA,GACAC,IAAAD,EAAA,sBAAA,GAGAE,IAAAC,EAAApB,GAAA,SAAA,GAGA,EAAA,qBAAAqB,GAAA,eAAAC,EAAA,IAAAC,EAAAV,GAAAE,CAAA,GAEAS,IAAAC,EAAA,MAAAH,EAAA,QAAA,EAAA,cAAAA,EAAA,MAAA,IAAA,CAAA,CAAA;AAEA,WAAAI;AAAA,MAAA,MAAAlB,EAAA;AAAA,MACgB,CAAAmB,MAAA;AAER,QAAAZ,EAAA,QAAAY;AAAA,MAAe;AAAA,IACnB,GAGJD;AAAA,MAAA,MAAAb,EAAA;AAAA,MACqB,MAAA;AAEb,YAAAe,IAAA;AACA,QAAA,CAAAA,KAAAf,EAAA,UACIe,IAAAC,EAAAhB,EAAA,OAAA,MAAA;AACI,UAAAA,EAAA,SACIQ,EAAA;AAAA,QACJ,CAAA;AAAA,MAER;AAAA,IACJ,GAGJK;AAAA,MAAAX;AAAA,MACI,CAAAY,MAAA;AAGI,QAAAlB,EAAA,sBAAAkB,CAAA,GAEAN,EAAA;AAAA,MAAoB;AAAA,MACxB,EAAA,WAAA,GAAA;AAAA,IACkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"accordion-item.CZIxxSsH.js","sources":["../../../vue2/src/components/accordion/accordion.keys.ts","../../../vue2/src/components/accordion/accordion.vue","../../../vue2/src/components/accordion/components/accordion-item.vue"],"sourcesContent":["export const ACCORDION_TITLE_SIZE_INJECTION_KEY = Symbol('accordion title size injection key');\n","<template>\n    <div class=\"b-accordion\">\n        <slot />\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { type PropType, provide, toRef } from 'vue';\n\n    import { ACCORDION_TITLE_SIZE_INJECTION_KEY } from './accordion.keys';\n\n    import type { BentoAccordionTitleSize } from './accordion.types';\n\n    const props = defineProps({\n        /**\n         * Controls accordion title size.\n         * @values default, small\n         */\n        titleSize: {\n            type: String as PropType<BentoAccordionTitleSize>,\n            default: 'default',\n        },\n    });\n\n    provide(ACCORDION_TITLE_SIZE_INJECTION_KEY, toRef(props, 'titleSize'));\n</script>\n\n<script lang=\"ts\">\n    /**\n     * An accordion is a vertical stack of interactive headers used to reveal or hide\n     * sections of content associated with these headers.\n     *\n     * This component must only have `BentoAccordionItem` components in its default slot.\n     *\n     * Accordion items should be collapsed by default.\n     *\n     * @example\n     * import { BentoAccordion, BentoAccordionItem } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoAccordion, BentoAccordionItem },\n     *     template: `\n     *          <bento-accordion>\n     *              <bento-accordion-item title=\"Item 1\">\n     *                  Content for item 1\n     *              </bento-accordion-item>\n     *              <bento-accordion-item title=\"Item 2\">\n     *                  Content for item 2\n     *              </bento-accordion-item>\n     *          </bento-accordion>\n     *     `\n     * }\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./accordion.scss\" />\n","<template>\n    <div class=\"b-accordion-item\">\n        <bento-typography\n            el=\"h3\"\n            :variant=\"titleSize === 'small' ? 'body' : 'title'\"\n            :strongest=\"titleSize === 'small'\"\n        >\n            <button\n                :id=\"buttonId\"\n                :aria-controls=\"contentId\"\n                :aria-expanded=\"`${isOpen}`\"\n                type=\"button\"\n                class=\"b-accordion-item__button\"\n                @click=\"isOpen = !isOpen\"\n            >\n                <chevron-up-icon\n                    v-if=\"isOpen\"\n                    class=\"b-accordion-item__icon\"\n                    :svg-title=\"t('collapse')\"\n                    aria-hidden=\"true\"\n                />\n                <chevron-down-icon v-else class=\"b-accordion-item__icon\" :svg-title=\"t('expand')\" aria-hidden=\"true\" />\n                {{ title }}\n            </button>\n        </bento-typography>\n\n        <Transition :name=\"CONTENT_TRANSITION_NAME\">\n            <div v-if=\"isOpen\" :id=\"contentId\" :aria-labelledby=\"buttonId\" role=\"region\" :style=\"contentMaxHeight\">\n                <div ref=\"contentDiv\" class=\"b-accordion-item__content\">\n                    <slot />\n                </div>\n            </div>\n        </Transition>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, inject, ref, watch } from 'vue';\n\n    import { BentoTypography } from '@/components/typography';\n    import ChevronDownIcon from '@adyen/ui-assets-icons-16/vue/chevron-down';\n    import ChevronUpIcon from '@adyen/ui-assets-icons-16/vue/chevron-up';\n\n    import { generateUid } from '@/core/utils/ts';\n    import { observeSizeOfElement } from '@/utils/ts/resize';\n    import { useI18n } from '@/utils/ts/i18n';\n\n    import { ACCORDION_TITLE_SIZE_INJECTION_KEY } from '../accordion.keys';\n\n    import type { BentoAccordionTitleSize } from '../accordion.types';\n    import { useExpandableContentHeight } from '@/composables/use-expandable-content-height/use-expandable-content-height';\n\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const CONTENT_TRANSITION_NAME = 'b-accordion-item__animation--content';\n\n    const props = defineProps({\n        /**\n         * Sets the title of the accordion item.\n         */\n        title: {\n            type: String,\n            required: true,\n        },\n        /**\n         * Controls if the content is visible or hidden.\n         */\n        isExpanded: {\n            type: Boolean,\n            default: false,\n        },\n    });\n\n    const emit = defineEmits<{\n        /**\n         * Emits update event when content is toggled\n         */\n        (e: 'update:is-expanded', value: boolean): void;\n    }>();\n\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n    // Refs\n    const contentDiv = ref<HTMLDivElement>(null);\n    const isOpen = ref(props.isExpanded);\n\n    // Generating IDs\n    const buttonId = generateUid('accordionItemButton');\n    const contentId = generateUid('accordionItemContent');\n\n    // Injecting prop from parent\n    const titleSize = inject<`${BentoAccordionTitleSize}`>(ACCORDION_TITLE_SIZE_INJECTION_KEY, 'default');\n\n    // Getting and setting the item height to be able to handle height animation\n    const { updateContentHeight, contentHeight } = useExpandableContentHeight(contentDiv, isOpen);\n\n    const contentMaxHeight = computed(() => (contentHeight.value ? { 'max-height': contentHeight.value } : {}));\n\n    watch(\n        () => props.isExpanded,\n        value => {\n            isOpen.value = value;\n        }\n    );\n\n    watch(\n        () => contentDiv.value,\n        () => {\n            let observer: ResizeObserver | null = null;\n            if (!observer && contentDiv.value) {\n                observer = observeSizeOfElement(contentDiv.value, () => {\n                    if (contentDiv.value) {\n                        updateContentHeight();\n                    }\n                });\n            }\n        }\n    );\n\n    watch(\n        isOpen,\n        value => {\n            // Enable two-way data binding for `isExpanded`\n            emit('update:is-expanded', value);\n\n            updateContentHeight();\n        },\n        { immediate: true }\n    );\n</script>\n\n<script lang=\"ts\">\n    /**\n     * An accordion item is an interactive header used to reveal or hide a\n     * section of content associated with this header.\n     *\n     * This component must always be wrapped by a `BentoAccordion` component.\n     *\n     * @example\n     * import { BentoAccordion, BentoAccordionItem } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoAccordion, BentoAccordionItem },\n     *     template: `\n     *          <bento-accordion>\n     *              <bento-accordion-item title=\"Item 1\">\n     *                  Content for item 1\n     *              </bento-accordion-item>\n     *              <bento-accordion-item title=\"Item 2\">\n     *                  Content for item 2\n     *              </bento-accordion-item>\n     *          </bento-accordion>\n     *     `\n     * }\n     */\n    export default {\n        i18n: { messages },\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./accordion-item.scss\" />\n"],"names":["ACCORDION_TITLE_SIZE_INJECTION_KEY","__default__$1","provide","toRef","__props","__default__","messages","CONTENT_TRANSITION_NAME","props","emit","__emit","t","useI18n","contentDiv","ref","isOpen","buttonId","generateUid","contentId","titleSize","inject","updateContentHeight","contentHeight","useExpandableContentHeight","contentMaxHeight","computed","watch","value","observer","observeSizeOfElement"],"mappings":";;;;;;;;;;AAAO,MAAAA,IAAA,uBAAA,oCAAA,iCCqDHC,IAAA,CAAA;;;;;;;;;;;;;;AA7BA,WAAAC,EAAAF,GAAAG,EAXAC,GAWA,WAAA,CAAA;;;;;;;;;;;;;;;mHCqIAC,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;;;;;;;;;;;;;AAvGA,UAAAC,IAAA,wCAEAC,IAAAJ,GAiBAK,IAAAC,GAOA,EAAA,GAAAC,EAAA,IAAAC,EAAA,EAAA,UAAAN,EAAA,CAAA,GAGAO,IAAAC,EAAA,IAAA,GACAC,IAAAD,EAAAN,EAAA,UAAA,GAGAQ,IAAAC,EAAA,qBAAA,GACAC,IAAAD,EAAA,sBAAA,GAGAE,IAAAC,EAAApB,GAAA,SAAA,GAGA,EAAA,qBAAAqB,GAAA,eAAAC,EAAA,IAAAC,EAAAV,GAAAE,CAAA,GAEAS,IAAAC,EAAA,MAAAH,EAAA,QAAA,EAAA,cAAAA,EAAA,MAAA,IAAA,CAAA,CAAA;AAEA,WAAAI;AAAA,MAAA,MAAAlB,EAAA;AAAA,MACgB,CAAAmB,MAAA;AAER,QAAAZ,EAAA,QAAAY;AAAA,MAAe;AAAA,IACnB,GAGJD;AAAA,MAAA,MAAAb,EAAA;AAAA,MACqB,MAAA;AAEb,YAAAe,IAAA;AACA,QAAA,CAAAA,KAAAf,EAAA,UACIe,IAAAC,EAAAhB,EAAA,OAAA,MAAA;AACI,UAAAA,EAAA,SACIQ,EAAA;AAAA,QACJ,CAAA;AAAA,MAER;AAAA,IACJ,GAGJK;AAAA,MAAAX;AAAA,MACI,CAAAY,MAAA;AAGI,QAAAlB,EAAA,sBAAAkB,CAAA,GAEAN,EAAA;AAAA,MAAoB;AAAA,MACxB,EAAA,WAAA,GAAA;AAAA,IACkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}