@adyen/bento-vue3 1.108.1 → 1.108.2

package/dist/assets/modal-fullscreen.css

@@ -1 +1 @@
-.b-modal-fullscreen-page[data-v-8579bda1]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent;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:not(:has(.b-modal-fullscreen-page__actions)) .b-modal-fullscreen-page__header-section--slot[data-v-8579bda1]{flex:0 1 auto}.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]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent;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-uie9y0p-b4565341 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-uie9y0p-b4565341 var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-uie9y0p-b4565341 var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-in-uie9y0p-b4565341{0%{opacity:0}to{opacity:1}}@keyframes scale-up-uie9y0p-b4565341{0%{scale:1}to{scale:1}}@keyframes enter-uie9y0p-b4565341{0%{translate:0 64px}to{translate:0 0}}.b-modal-fullscreen--hide[open][data-v-b4565341]{animation:fade-out-uie9y12-b4565341 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),exit-uie9y12-b4565341 var(--b-animation-duration-moderate) var(--b-animation-easing-exit),scale-down-uie9y12-b4565341 var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-out-uie9y12-b4565341{0%{opacity:1}to{opacity:0}}@keyframes scale-down-uie9y12-b4565341{0%{scale:1}to{scale:1}}@keyframes exit-uie9y12-b4565341{0%{translate:0 0}to{translate:0 64px}}
+.b-modal-fullscreen-page[data-v-8579bda1]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent;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:not(:has(.b-modal-fullscreen-page__actions)) .b-modal-fullscreen-page__header-section--slot[data-v-8579bda1]{flex:0 1 auto}.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]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent;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-u30cuks-b4565341 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-u30cuks-b4565341 var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-u30cuks-b4565341 var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-in-u30cuks-b4565341{0%{opacity:0}to{opacity:1}}@keyframes scale-up-u30cuks-b4565341{0%{scale:1}to{scale:1}}@keyframes enter-u30cuks-b4565341{0%{translate:0 64px}to{translate:0 0}}.b-modal-fullscreen--hide[open][data-v-b4565341]{animation:fade-out-u30cumb-b4565341 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),exit-u30cumb-b4565341 var(--b-animation-duration-moderate) var(--b-animation-easing-exit),scale-down-u30cumb-b4565341 var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-out-u30cumb-b4565341{0%{opacity:1}to{opacity:0}}@keyframes scale-down-u30cumb-b4565341{0%{scale:1}to{scale:1}}@keyframes exit-u30cumb-b4565341{0%{translate:0 0}to{translate:0 64px}}

package/dist/assets/navigation-menu-group.css

@@ -1 +1 @@
-.b-navigation-menu[data-v-7eb54ccd]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent;display:flex;flex-direction:column;padding:var(--b-spacer-020) var(--b-spacer-040) var(--b-spacer-040)}.b-navigation-menu[data-v-7eb54ccd],.b-navigation-menu[data-v-7eb54ccd]:before,.b-navigation-menu[data-v-7eb54ccd]:after{box-sizing:border-box}.b-navigation-menu[data-v-7eb54ccd] *,.b-navigation-menu[data-v-7eb54ccd] *:before,.b-navigation-menu[data-v-7eb54ccd] *:after{box-sizing:border-box}.b-navigation-menu[data-v-7eb54ccd] ::-webkit-scrollbar{height:14px;width:14px}.b-navigation-menu[data-v-7eb54ccd] ::-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-navigation-menu__header[data-v-7eb54ccd]{align-items:center;display:flex;gap:var(--b-spacer-070);justify-content:space-between;min-height:32px;padding:var(--b-spacer-010) var(--b-spacer-030) var(--b-spacer-010) var(--b-spacer-060)}.b-navigation-menu__title[data-v-7eb54ccd]{color:var(--b-color-label-secondary);font-family:var(--b-text-caption-font-family-secondary);font-variant-numeric:slashed-zero;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.b-navigation-menu__actions-container[data-v-7eb54ccd],.b-navigation-menu__actions[data-v-7eb54ccd]{align-items:center;display:flex;gap:var(--b-spacer-040)}.b-navigation-menu__actions-container[data-v-7eb54ccd] .b-button--icon-only{padding:var(--b-spacer-030)}.b-navigation-menu__content[data-v-7eb54ccd]{display:flex;flex-direction:column;gap:var(--b-spacer-010);list-style:none;margin:0;padding:0}.b-navigation-menu__content[data-v-7eb54ccd] a{text-decoration:none}.b-navigation-menu-item[data-v-33889fdb]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent;align-items:center;border-radius:var(--b-border-radius-m);display:flex;min-height:32px;opacity:1;padding-right:var(--b-spacer-030)}.b-navigation-menu-item[data-v-33889fdb],.b-navigation-menu-item[data-v-33889fdb]:before,.b-navigation-menu-item[data-v-33889fdb]:after{box-sizing:border-box}.b-navigation-menu-item[data-v-33889fdb] *,.b-navigation-menu-item[data-v-33889fdb] *:before,.b-navigation-menu-item[data-v-33889fdb] *:after{box-sizing:border-box}.b-navigation-menu-item[data-v-33889fdb] ::-webkit-scrollbar{height:14px;width:14px}.b-navigation-menu-item[data-v-33889fdb] ::-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-navigation-menu-item--no-icon .b-navigation-menu-item__link[data-v-33889fdb]{padding-left:var(--b-spacer-060)}.b-navigation-menu-item[data-v-33889fdb]:hover{background-color:var(--b-color-background-tertiary-hover)}.b-navigation-menu-item[data-v-33889fdb]:active{background-color:var(--b-color-background-tertiary-active)}.b-navigation-menu-item__link[data-v-33889fdb]{align-items:center;cursor:pointer;display:flex;flex:1;gap:var(--b-spacer-020);min-height:32px;min-width:0;padding:var(--b-spacer-010) 0 var(--b-spacer-010) var(--b-spacer-020);text-decoration:none}.b-navigation-menu-item__link[data-v-33889fdb]:focus-visible{border-radius:var(--b-border-radius-m)}.b-navigation-menu-item__icon[data-v-33889fdb]{display:flex;flex-shrink:0;padding:var(--b-spacer-030)}.b-navigation-menu-item__label[data-v-33889fdb]{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-navigation-menu-item__icon[data-v-33889fdb],.b-navigation-menu-item__label[data-v-33889fdb]{color:var(--b-color-label-primary)}.b-navigation-menu-item__action[data-v-33889fdb]{display:none;flex-shrink:0;padding:var(--b-spacer-030)}.b-navigation-menu-item:hover .b-navigation-menu-item__action[data-v-33889fdb],.b-navigation-menu-item:focus-within .b-navigation-menu-item__action[data-v-33889fdb],.b-navigation-menu-item--always-show-actions .b-navigation-menu-item__action[data-v-33889fdb]{display:flex}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-item:hover .b-navigation-menu-item__action[data-v-33889fdb],.b-navigation-menu-item:focus-within .b-navigation-menu-item__action[data-v-33889fdb],.b-navigation-menu-item--always-show-actions .b-navigation-menu-item__action[data-v-33889fdb]{animation:fade-in-uie9yi9-33889fdb var(--b-animation-duration-fast) var(--b-animation-easing-linear)}@keyframes fade-in-uie9yi9-33889fdb{0%{opacity:0}to{opacity:1}}}.b-navigation-menu-item--selected[data-v-33889fdb]{background-color:var(--b-color-background-navigation)}.b-navigation-menu-item--selected[data-v-33889fdb]:hover{background-color:var(--b-color-background-navigation-hover)}.b-navigation-menu-item--selected[data-v-33889fdb]:active{background-color:var(--b-color-background-navigation-active)}.b-navigation-menu-item--nested[data-v-33889fdb]{margin-top:var(--b-spacer-010)}.b-navigation-menu-item--nested .b-navigation-menu-item__link[data-v-33889fdb]{padding-left:36px}.b-navigation-menu-item--nested .b-navigation-menu-item__label[data-v-33889fdb]{color:var(--b-color-label-secondary)}.b-navigation-menu-item--nested:hover .b-navigation-menu-item__label[data-v-33889fdb],.b-navigation-menu-item--nested:active .b-navigation-menu-item__label[data-v-33889fdb],.b-navigation-menu-item--nested.b-navigation-menu-item--selected .b-navigation-menu-item__label[data-v-33889fdb]{color:var(--b-color-label-primary)}.b-navigation-menu-item--hidden[data-v-33889fdb]{margin-top:0;max-height:0;min-height:0;opacity:0}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-item--hidden[data-v-33889fdb]{transition:all var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}}.b-navigation-menu-item--hidden .b-navigation-menu-item__link[data-v-33889fdb]{padding-bottom:0;padding-top:0}.b-navigation-menu-group[data-v-58f8ed45]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent}.b-navigation-menu-group button[data-v-58f8ed45]{background-color:transparent;border:0;font:inherit;text-align:inherit}.b-navigation-menu-group button[data-v-58f8ed45]:focus-visible{outline:none}.b-navigation-menu-group[data-v-58f8ed45],.b-navigation-menu-group[data-v-58f8ed45]:before,.b-navigation-menu-group[data-v-58f8ed45]:after{box-sizing:border-box}.b-navigation-menu-group[data-v-58f8ed45] *,.b-navigation-menu-group[data-v-58f8ed45] *:before,.b-navigation-menu-group[data-v-58f8ed45] *:after{box-sizing:border-box}.b-navigation-menu-group[data-v-58f8ed45] ::-webkit-scrollbar{height:14px;width:14px}.b-navigation-menu-group[data-v-58f8ed45] ::-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-navigation-menu-group__header[data-v-58f8ed45]{align-items:center;border-radius:var(--b-border-radius-m);color:var(--b-color-label-primary);cursor:pointer;display:flex;gap:var(--b-spacer-020);min-height:32px;padding:var(--b-spacer-010) var(--b-spacer-030);padding-left:var(--b-spacer-020);position:relative;width:100%}.b-navigation-menu-group__header[data-v-58f8ed45]:hover{background-color:var(--b-color-background-tertiary-hover)}.b-navigation-menu-group__header[data-v-58f8ed45]:active{background-color:var(--b-color-background-tertiary-active)}.b-navigation-menu-group__header[data-v-58f8ed45]:focus-visible{outline:none;animation:outer-ring-default-58f8ed45 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-58f8ed45{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-navigation-menu-group__header--no-icon[data-v-58f8ed45]{padding-left:var(--b-spacer-050)}.b-navigation-menu-group__icon[data-v-58f8ed45]{display:flex;flex-shrink:0;padding:var(--b-spacer-030)}.b-navigation-menu-group__icon--chevron[data-v-58f8ed45]{display:none}.b-navigation-menu-group__header:hover .b-navigation-menu-group__icon--chevron[data-v-58f8ed45],.b-navigation-menu-group__header:focus-visible .b-navigation-menu-group__icon--chevron[data-v-58f8ed45]{display:flex}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-group__header:hover .b-navigation-menu-group__icon--chevron[data-v-58f8ed45],.b-navigation-menu-group__header:focus-visible .b-navigation-menu-group__icon--chevron[data-v-58f8ed45]{animation:fade-in-uie9yoi-58f8ed45 var(--b-animation-duration-fast) var(--b-animation-easing-linear)}@keyframes fade-in-uie9yoi-58f8ed45{0%{opacity:0}to{opacity:1}}}.b-navigation-menu-group__label[data-v-58f8ed45]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-navigation-menu-group__content-wrapper[data-v-58f8ed45]{overflow:clip;overflow-clip-margin:var(--b-spacer-020)}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-group__content-wrapper[data-v-58f8ed45]{transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}}.b-navigation-menu-group__content[data-v-58f8ed45]{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.b-navigation-menu-group__animation--content-enter-active[data-v-58f8ed45]{overflow:hidden}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-group__animation--content-enter-active[data-v-58f8ed45]{transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard);animation:fade-in-uie9yox-58f8ed45 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-uie9yox-58f8ed45 var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-uie9yox-58f8ed45 var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-in-uie9yox-58f8ed45{0%{opacity:0}to{opacity:1}}@keyframes scale-up-uie9yox-58f8ed45{0%{scale:1}to{scale:1}}@keyframes enter-uie9yox-58f8ed45{0%{translate:0 -8px}to{translate:0 0}}}.b-navigation-menu-group__animation--content-leave-active[data-v-58f8ed45]{max-height:0!important;overflow:hidden}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-group__animation--content-leave-active[data-v-58f8ed45]{transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard);animation:fade-out-uie9yp9-58f8ed45 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),exit-uie9yp9-58f8ed45 var(--b-animation-duration-moderate) var(--b-animation-easing-exit),scale-down-uie9yp9-58f8ed45 var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-out-uie9yp9-58f8ed45{0%{opacity:1}to{opacity:0}}@keyframes scale-down-uie9yp9-58f8ed45{0%{scale:1}to{scale:1}}@keyframes exit-uie9yp9-58f8ed45{0%{translate:0 0}to{translate:0 -8px}}}
+.b-navigation-menu[data-v-7eb54ccd]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent;display:flex;flex-direction:column;padding:var(--b-spacer-020) var(--b-spacer-040) var(--b-spacer-040)}.b-navigation-menu[data-v-7eb54ccd],.b-navigation-menu[data-v-7eb54ccd]:before,.b-navigation-menu[data-v-7eb54ccd]:after{box-sizing:border-box}.b-navigation-menu[data-v-7eb54ccd] *,.b-navigation-menu[data-v-7eb54ccd] *:before,.b-navigation-menu[data-v-7eb54ccd] *:after{box-sizing:border-box}.b-navigation-menu[data-v-7eb54ccd] ::-webkit-scrollbar{height:14px;width:14px}.b-navigation-menu[data-v-7eb54ccd] ::-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-navigation-menu__header[data-v-7eb54ccd]{align-items:center;display:flex;gap:var(--b-spacer-070);justify-content:space-between;min-height:32px;padding:var(--b-spacer-010) var(--b-spacer-030) var(--b-spacer-010) var(--b-spacer-060)}.b-navigation-menu__title[data-v-7eb54ccd]{color:var(--b-color-label-secondary);font-family:var(--b-text-caption-font-family-secondary);font-variant-numeric:slashed-zero;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.b-navigation-menu__actions-container[data-v-7eb54ccd],.b-navigation-menu__actions[data-v-7eb54ccd]{align-items:center;display:flex;gap:var(--b-spacer-040)}.b-navigation-menu__actions-container[data-v-7eb54ccd] .b-button--icon-only{padding:var(--b-spacer-030)}.b-navigation-menu__content[data-v-7eb54ccd]{display:flex;flex-direction:column;gap:var(--b-spacer-010);list-style:none;margin:0;padding:0}.b-navigation-menu__content[data-v-7eb54ccd] a{text-decoration:none}.b-navigation-menu-item[data-v-33889fdb]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent;align-items:center;border-radius:var(--b-border-radius-m);display:flex;min-height:32px;opacity:1;padding-right:var(--b-spacer-030)}.b-navigation-menu-item[data-v-33889fdb],.b-navigation-menu-item[data-v-33889fdb]:before,.b-navigation-menu-item[data-v-33889fdb]:after{box-sizing:border-box}.b-navigation-menu-item[data-v-33889fdb] *,.b-navigation-menu-item[data-v-33889fdb] *:before,.b-navigation-menu-item[data-v-33889fdb] *:after{box-sizing:border-box}.b-navigation-menu-item[data-v-33889fdb] ::-webkit-scrollbar{height:14px;width:14px}.b-navigation-menu-item[data-v-33889fdb] ::-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-navigation-menu-item--no-icon .b-navigation-menu-item__link[data-v-33889fdb]{padding-left:var(--b-spacer-060)}.b-navigation-menu-item[data-v-33889fdb]:hover{background-color:var(--b-color-background-tertiary-hover)}.b-navigation-menu-item[data-v-33889fdb]:active{background-color:var(--b-color-background-tertiary-active)}.b-navigation-menu-item__link[data-v-33889fdb]{align-items:center;cursor:pointer;display:flex;flex:1;gap:var(--b-spacer-020);min-height:32px;min-width:0;padding:var(--b-spacer-010) 0 var(--b-spacer-010) var(--b-spacer-020);text-decoration:none}.b-navigation-menu-item__link[data-v-33889fdb]:focus-visible{border-radius:var(--b-border-radius-m)}.b-navigation-menu-item__icon[data-v-33889fdb]{display:flex;flex-shrink:0;padding:var(--b-spacer-030)}.b-navigation-menu-item__label[data-v-33889fdb]{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-navigation-menu-item__icon[data-v-33889fdb],.b-navigation-menu-item__label[data-v-33889fdb]{color:var(--b-color-label-primary)}.b-navigation-menu-item__action[data-v-33889fdb]{display:none;flex-shrink:0;padding:var(--b-spacer-030)}.b-navigation-menu-item:hover .b-navigation-menu-item__action[data-v-33889fdb],.b-navigation-menu-item:focus-within .b-navigation-menu-item__action[data-v-33889fdb],.b-navigation-menu-item--always-show-actions .b-navigation-menu-item__action[data-v-33889fdb]{display:flex}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-item:hover .b-navigation-menu-item__action[data-v-33889fdb],.b-navigation-menu-item:focus-within .b-navigation-menu-item__action[data-v-33889fdb],.b-navigation-menu-item--always-show-actions .b-navigation-menu-item__action[data-v-33889fdb]{animation:fade-in-u30curc-33889fdb var(--b-animation-duration-fast) var(--b-animation-easing-linear)}@keyframes fade-in-u30curc-33889fdb{0%{opacity:0}to{opacity:1}}}.b-navigation-menu-item--selected[data-v-33889fdb]{background-color:var(--b-color-background-navigation)}.b-navigation-menu-item--selected[data-v-33889fdb]:hover{background-color:var(--b-color-background-navigation-hover)}.b-navigation-menu-item--selected[data-v-33889fdb]:active{background-color:var(--b-color-background-navigation-active)}.b-navigation-menu-item--nested[data-v-33889fdb]{margin-top:var(--b-spacer-010)}.b-navigation-menu-item--nested .b-navigation-menu-item__link[data-v-33889fdb]{padding-left:36px}.b-navigation-menu-item--nested .b-navigation-menu-item__label[data-v-33889fdb]{color:var(--b-color-label-secondary)}.b-navigation-menu-item--nested:hover .b-navigation-menu-item__label[data-v-33889fdb],.b-navigation-menu-item--nested:active .b-navigation-menu-item__label[data-v-33889fdb],.b-navigation-menu-item--nested.b-navigation-menu-item--selected .b-navigation-menu-item__label[data-v-33889fdb]{color:var(--b-color-label-primary)}.b-navigation-menu-item--hidden[data-v-33889fdb]{margin-top:0;max-height:0;min-height:0;opacity:0}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-item--hidden[data-v-33889fdb]{transition:all var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}}.b-navigation-menu-item--hidden .b-navigation-menu-item__link[data-v-33889fdb]{padding-bottom:0;padding-top:0}.b-navigation-menu-group[data-v-58f8ed45]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent}.b-navigation-menu-group button[data-v-58f8ed45]{background-color:transparent;border:0;font:inherit;text-align:inherit}.b-navigation-menu-group button[data-v-58f8ed45]:focus-visible{outline:none}.b-navigation-menu-group[data-v-58f8ed45],.b-navigation-menu-group[data-v-58f8ed45]:before,.b-navigation-menu-group[data-v-58f8ed45]:after{box-sizing:border-box}.b-navigation-menu-group[data-v-58f8ed45] *,.b-navigation-menu-group[data-v-58f8ed45] *:before,.b-navigation-menu-group[data-v-58f8ed45] *:after{box-sizing:border-box}.b-navigation-menu-group[data-v-58f8ed45] ::-webkit-scrollbar{height:14px;width:14px}.b-navigation-menu-group[data-v-58f8ed45] ::-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-navigation-menu-group__header[data-v-58f8ed45]{align-items:center;border-radius:var(--b-border-radius-m);color:var(--b-color-label-primary);cursor:pointer;display:flex;gap:var(--b-spacer-020);min-height:32px;padding:var(--b-spacer-010) var(--b-spacer-030);padding-left:var(--b-spacer-020);position:relative;width:100%}.b-navigation-menu-group__header[data-v-58f8ed45]:hover{background-color:var(--b-color-background-tertiary-hover)}.b-navigation-menu-group__header[data-v-58f8ed45]:active{background-color:var(--b-color-background-tertiary-active)}.b-navigation-menu-group__header[data-v-58f8ed45]:focus-visible{outline:none;animation:outer-ring-default-58f8ed45 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-58f8ed45{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-navigation-menu-group__header--no-icon[data-v-58f8ed45]{padding-left:var(--b-spacer-050)}.b-navigation-menu-group__icon[data-v-58f8ed45]{display:flex;flex-shrink:0;padding:var(--b-spacer-030)}.b-navigation-menu-group__icon--chevron[data-v-58f8ed45]{display:none}.b-navigation-menu-group__header:hover .b-navigation-menu-group__icon--chevron[data-v-58f8ed45],.b-navigation-menu-group__header:focus-visible .b-navigation-menu-group__icon--chevron[data-v-58f8ed45]{display:flex}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-group__header:hover .b-navigation-menu-group__icon--chevron[data-v-58f8ed45],.b-navigation-menu-group__header:focus-visible .b-navigation-menu-group__icon--chevron[data-v-58f8ed45]{animation:fade-in-u30cv3c-58f8ed45 var(--b-animation-duration-fast) var(--b-animation-easing-linear)}@keyframes fade-in-u30cv3c-58f8ed45{0%{opacity:0}to{opacity:1}}}.b-navigation-menu-group__label[data-v-58f8ed45]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-navigation-menu-group__content-wrapper[data-v-58f8ed45]{overflow:clip;overflow-clip-margin:var(--b-spacer-020)}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-group__content-wrapper[data-v-58f8ed45]{transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}}.b-navigation-menu-group__content[data-v-58f8ed45]{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.b-navigation-menu-group__animation--content-enter-active[data-v-58f8ed45]{overflow:hidden}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-group__animation--content-enter-active[data-v-58f8ed45]{transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard);animation:fade-in-u30cv3y-58f8ed45 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-u30cv3y-58f8ed45 var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-u30cv3y-58f8ed45 var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-in-u30cv3y-58f8ed45{0%{opacity:0}to{opacity:1}}@keyframes scale-up-u30cv3y-58f8ed45{0%{scale:1}to{scale:1}}@keyframes enter-u30cv3y-58f8ed45{0%{translate:0 -8px}to{translate:0 0}}}.b-navigation-menu-group__animation--content-leave-active[data-v-58f8ed45]{max-height:0!important;overflow:hidden}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-group__animation--content-leave-active[data-v-58f8ed45]{transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard);animation:fade-out-u30cv4x-58f8ed45 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),exit-u30cv4x-58f8ed45 var(--b-animation-duration-moderate) var(--b-animation-easing-exit),scale-down-u30cv4x-58f8ed45 var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-out-u30cv4x-58f8ed45{0%{opacity:1}to{opacity:0}}@keyframes scale-down-u30cv4x-58f8ed45{0%{scale:1}to{scale:1}}@keyframes exit-u30cv4x-58f8ed45{0%{translate:0 0}to{translate:0 -8px}}}

package/dist/assets/secondary-nav.css

@@ -1 +1 @@
-button[data-v-0d3fb0ab]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-0d3fb0ab]:focus-visible{outline:none}.b-secondary-nav-item[data-v-0d3fb0ab]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent;margin-top:var(--b-spacer-020)}.b-secondary-nav-item[data-v-0d3fb0ab],.b-secondary-nav-item[data-v-0d3fb0ab]:before,.b-secondary-nav-item[data-v-0d3fb0ab]:after{box-sizing:border-box}.b-secondary-nav-item[data-v-0d3fb0ab] *,.b-secondary-nav-item[data-v-0d3fb0ab] *:before,.b-secondary-nav-item[data-v-0d3fb0ab] *:after{box-sizing:border-box}.b-secondary-nav-item[data-v-0d3fb0ab] ::-webkit-scrollbar{height:14px;width:14px}.b-secondary-nav-item[data-v-0d3fb0ab] ::-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-0d3fb0ab]{position:relative}@media(hover:hover){.b-secondary-nav-item__wrapper:hover .b-secondary-nav-item__option[data-v-0d3fb0ab]:not(:active){background-color:var(--b-color-background-primary-hover)}}.b-secondary-nav-item__option[data-v-0d3fb0ab]{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%}.b-secondary-nav-item__option[data-v-0d3fb0ab]:active,.b-secondary-nav-item__option--active[data-v-0d3fb0ab]{background-color:var(--b-color-background-primary-active)}.b-secondary-nav-item__option[data-v-0d3fb0ab]:focus-visible{animation:outer-ring-default-0d3fb0ab 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-0d3fb0ab{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-0d3fb0ab]{padding-left:var(--b-spacer-080)}.b-secondary-nav-item__option--expandable[data-v-0d3fb0ab]{padding-right:var(--b-spacer-100)}.b-secondary-nav-item__toggle[data-v-0d3fb0ab]{position:absolute;right:var(--b-spacer-050);top:50%;transform:translateY(-50%)}.b-secondary-nav-item__toggle[data-v-0d3fb0ab]:after{content:"";display:block;inset:calc(var(--b-spacer-050) * -1);position:absolute}.b-secondary-nav-item__visually-hidden[data-v-0d3fb0ab]{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.b-secondary-nav-item__error-counter[data-v-0d3fb0ab]{cursor:inherit}.b-secondary-nav-item__sub-items[data-v-0d3fb0ab]{list-style:none;padding:0}.b-secondary-nav-item__animation--content-enter-active[data-v-0d3fb0ab]{overflow:hidden;transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard);animation:fade-in-uie9yti-0d3fb0ab var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-uie9yti-0d3fb0ab var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-uie9yti-0d3fb0ab var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-in-uie9yti-0d3fb0ab{0%{opacity:0}to{opacity:1}}@keyframes scale-up-uie9yti-0d3fb0ab{0%{scale:1}to{scale:1}}@keyframes enter-uie9yti-0d3fb0ab{0%{translate:0 -8px}to{translate:0 0}}.b-secondary-nav-item__animation--content-leave-active[data-v-0d3fb0ab]{max-height:0!important;overflow:hidden;transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard);animation:fade-out-uie9yui-0d3fb0ab var(--b-animation-duration-moderate) var(--b-animation-easing-linear),exit-uie9yui-0d3fb0ab var(--b-animation-duration-moderate) var(--b-animation-easing-exit),scale-down-uie9yui-0d3fb0ab var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-out-uie9yui-0d3fb0ab{0%{opacity:1}to{opacity:0}}@keyframes scale-down-uie9yui-0d3fb0ab{0%{scale:1}to{scale:1}}@keyframes exit-uie9yui-0d3fb0ab{0%{translate:0 0}to{translate:0 -8px}}.b-secondary-nav-category[data-v-7b080ce9]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent;margin-bottom:var(--b-spacer-080)}.b-secondary-nav-category[data-v-7b080ce9],.b-secondary-nav-category[data-v-7b080ce9]:before,.b-secondary-nav-category[data-v-7b080ce9]:after{box-sizing:border-box}.b-secondary-nav-category[data-v-7b080ce9] *,.b-secondary-nav-category[data-v-7b080ce9] *:before,.b-secondary-nav-category[data-v-7b080ce9] *:after{box-sizing:border-box}.b-secondary-nav-category[data-v-7b080ce9] ::-webkit-scrollbar{height:14px;width:14px}.b-secondary-nav-category[data-v-7b080ce9] ::-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-7b080ce9]{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-34eeb7b8]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent}.b-secondary-nav[data-v-34eeb7b8],.b-secondary-nav[data-v-34eeb7b8]:before,.b-secondary-nav[data-v-34eeb7b8]:after{box-sizing:border-box}.b-secondary-nav[data-v-34eeb7b8] *,.b-secondary-nav[data-v-34eeb7b8] *:before,.b-secondary-nav[data-v-34eeb7b8] *:after{box-sizing:border-box}.b-secondary-nav[data-v-34eeb7b8] ::-webkit-scrollbar{height:14px;width:14px}.b-secondary-nav[data-v-34eeb7b8] ::-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-34eeb7b8]{max-width:250px}}.b-secondary-nav[data-v-34eeb7b8] .b-secondary-nav__list{list-style:none;margin:0;padding:0}.b-secondary-nav__option[data-v-34eeb7b8]{align-items:center;display:flex;gap:var(--b-spacer-040)}.b-secondary-nav__nested-option[data-v-34eeb7b8]{padding-left:var(--b-spacer-070)}.b-secondary-nav__visually-hidden[data-v-34eeb7b8]{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}
+button[data-v-0d3fb0ab]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-0d3fb0ab]:focus-visible{outline:none}.b-secondary-nav-item[data-v-0d3fb0ab]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent;margin-top:var(--b-spacer-020)}.b-secondary-nav-item[data-v-0d3fb0ab],.b-secondary-nav-item[data-v-0d3fb0ab]:before,.b-secondary-nav-item[data-v-0d3fb0ab]:after{box-sizing:border-box}.b-secondary-nav-item[data-v-0d3fb0ab] *,.b-secondary-nav-item[data-v-0d3fb0ab] *:before,.b-secondary-nav-item[data-v-0d3fb0ab] *:after{box-sizing:border-box}.b-secondary-nav-item[data-v-0d3fb0ab] ::-webkit-scrollbar{height:14px;width:14px}.b-secondary-nav-item[data-v-0d3fb0ab] ::-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-0d3fb0ab]{position:relative}@media(hover:hover){.b-secondary-nav-item__wrapper:hover .b-secondary-nav-item__option[data-v-0d3fb0ab]:not(:active){background-color:var(--b-color-background-primary-hover)}}.b-secondary-nav-item__option[data-v-0d3fb0ab]{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%}.b-secondary-nav-item__option[data-v-0d3fb0ab]:active,.b-secondary-nav-item__option--active[data-v-0d3fb0ab]{background-color:var(--b-color-background-primary-active)}.b-secondary-nav-item__option[data-v-0d3fb0ab]:focus-visible{animation:outer-ring-default-0d3fb0ab 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-0d3fb0ab{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-0d3fb0ab]{padding-left:var(--b-spacer-080)}.b-secondary-nav-item__option--expandable[data-v-0d3fb0ab]{padding-right:var(--b-spacer-100)}.b-secondary-nav-item__toggle[data-v-0d3fb0ab]{position:absolute;right:var(--b-spacer-050);top:50%;transform:translateY(-50%)}.b-secondary-nav-item__toggle[data-v-0d3fb0ab]:after{content:"";display:block;inset:calc(var(--b-spacer-050) * -1);position:absolute}.b-secondary-nav-item__visually-hidden[data-v-0d3fb0ab]{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.b-secondary-nav-item__error-counter[data-v-0d3fb0ab]{cursor:inherit}.b-secondary-nav-item__sub-items[data-v-0d3fb0ab]{list-style:none;padding:0}.b-secondary-nav-item__animation--content-enter-active[data-v-0d3fb0ab]{overflow:hidden;transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard);animation:fade-in-u30cva0-0d3fb0ab var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-u30cva0-0d3fb0ab var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-u30cva0-0d3fb0ab var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-in-u30cva0-0d3fb0ab{0%{opacity:0}to{opacity:1}}@keyframes scale-up-u30cva0-0d3fb0ab{0%{scale:1}to{scale:1}}@keyframes enter-u30cva0-0d3fb0ab{0%{translate:0 -8px}to{translate:0 0}}.b-secondary-nav-item__animation--content-leave-active[data-v-0d3fb0ab]{max-height:0!important;overflow:hidden;transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard);animation:fade-out-u30cvan-0d3fb0ab var(--b-animation-duration-moderate) var(--b-animation-easing-linear),exit-u30cvan-0d3fb0ab var(--b-animation-duration-moderate) var(--b-animation-easing-exit),scale-down-u30cvan-0d3fb0ab var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-out-u30cvan-0d3fb0ab{0%{opacity:1}to{opacity:0}}@keyframes scale-down-u30cvan-0d3fb0ab{0%{scale:1}to{scale:1}}@keyframes exit-u30cvan-0d3fb0ab{0%{translate:0 0}to{translate:0 -8px}}.b-secondary-nav-category[data-v-7b080ce9]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent;margin-bottom:var(--b-spacer-080)}.b-secondary-nav-category[data-v-7b080ce9],.b-secondary-nav-category[data-v-7b080ce9]:before,.b-secondary-nav-category[data-v-7b080ce9]:after{box-sizing:border-box}.b-secondary-nav-category[data-v-7b080ce9] *,.b-secondary-nav-category[data-v-7b080ce9] *:before,.b-secondary-nav-category[data-v-7b080ce9] *:after{box-sizing:border-box}.b-secondary-nav-category[data-v-7b080ce9] ::-webkit-scrollbar{height:14px;width:14px}.b-secondary-nav-category[data-v-7b080ce9] ::-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-7b080ce9]{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-34eeb7b8]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent}.b-secondary-nav[data-v-34eeb7b8],.b-secondary-nav[data-v-34eeb7b8]:before,.b-secondary-nav[data-v-34eeb7b8]:after{box-sizing:border-box}.b-secondary-nav[data-v-34eeb7b8] *,.b-secondary-nav[data-v-34eeb7b8] *:before,.b-secondary-nav[data-v-34eeb7b8] *:after{box-sizing:border-box}.b-secondary-nav[data-v-34eeb7b8] ::-webkit-scrollbar{height:14px;width:14px}.b-secondary-nav[data-v-34eeb7b8] ::-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-34eeb7b8]{max-width:250px}}.b-secondary-nav[data-v-34eeb7b8] .b-secondary-nav__list{list-style:none;margin:0;padding:0}.b-secondary-nav__option[data-v-34eeb7b8]{align-items:center;display:flex;gap:var(--b-spacer-040)}.b-secondary-nav__nested-option[data-v-34eeb7b8]{padding-left:var(--b-spacer-070)}.b-secondary-nav__visually-hidden[data-v-34eeb7b8]{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}

package/dist/assets/sidepanel.css

@@ -1 +1 @@
-.b-sidepanel-page[data-v-42613cdd]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent;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]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent;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-uie9y0v-681d8947 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-enter)}@keyframes enter-uie9y0v-681d8947{0%{translate:100% 0}to{translate:0 0}}.b-sidepanel[open][data-v-681d8947]::backdrop{animation:fade-in-uie9y1n-681d8947 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-linear)}@keyframes fade-in-uie9y1n-681d8947{0%{opacity:0}to{opacity:.5}}.b-sidepanel--hide[open][data-v-681d8947]{animation:exit-uie9y2j-681d8947 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-exit)}@keyframes exit-uie9y2j-681d8947{0%{translate:0 0}to{translate:100% 0}}.b-sidepanel--hide[open][data-v-681d8947]::backdrop{animation:fade-out-uie9y38-681d8947 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-linear)}@keyframes fade-out-uie9y38-681d8947{0%{opacity:.5}to{opacity:0}}
+.b-sidepanel-page[data-v-42613cdd]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent;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]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent;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-u30culm-681d8947 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-enter)}@keyframes enter-u30culm-681d8947{0%{translate:100% 0}to{translate:0 0}}.b-sidepanel[open][data-v-681d8947]::backdrop{animation:fade-in-u30cumd-681d8947 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-linear)}@keyframes fade-in-u30cumd-681d8947{0%{opacity:0}to{opacity:.5}}.b-sidepanel--hide[open][data-v-681d8947]{animation:exit-u30cume-681d8947 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-exit)}@keyframes exit-u30cume-681d8947{0%{translate:0 0}to{translate:100% 0}}.b-sidepanel--hide[open][data-v-681d8947]::backdrop{animation:fade-out-u30cunn-681d8947 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-linear)}@keyframes fade-out-u30cunn-681d8947{0%{opacity:.5}to{opacity:0}}

package/dist/card.js

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

package/dist/checkbox.js

@@ -1,5 +1,5 @@
-import { B as a, a as t } from "./chunks/checkbox.BlFFZ9sQ.js";
-import { B as n, a as x } from "./chunks/checkbox-group.BRmJOdie.js";
+import { B as a, a as t } from "./chunks/checkbox.D79gPqfo.js";
+import { B as n, a as x } from "./chunks/checkbox-group.BGEBpE4D.js";
 export {
   a as BentoCheckbox,
   t as BentoCheckboxEvent,

package/dist/chunks/{accordion-item.CbW267Sz.js → accordion-item.CFsXrPwd.js}

@@ -5,7 +5,7 @@ import { C as M } from "./chevron-down.XeE-LBV_.js";
 import { C as U } from "./chevron-up.Cmgl2a3x.js";
 import { g as y } from "./generate-uid.DBWe4g6T.js";
 import { u as J } from "./index.B875RXHM.js";
-import { u as q } from "./use-expandable-content-height.Bdd9hQwq.js";
+import { u as q } from "./use-expandable-content-height.DmFeas9-.js";
 import "../assets/accordion-item.css";
 const S = /* @__PURE__ */ Symbol("accordion title size injection key"), F = { class: "b-accordion" }, G = {}, K = /* @__PURE__ */ E({
   ...G,
@@ -130,4 +130,4 @@ export {
   le as a,
   re as b
 };
-//# sourceMappingURL=accordion-item.CbW267Sz.js.map
+//# sourceMappingURL=accordion-item.CFsXrPwd.js.map

package/dist/chunks/{accordion-item.CbW267Sz.js.map → accordion-item.CFsXrPwd.js.map}

@@ -1 +1 @@
-{"version":3,"file":"accordion-item.CbW267Sz.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 { 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 { 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        isOpen,\n        value => {\n            // Enable two-way data binding for `isExpanded`\n            emit('update:is-expanded', value);\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","contentHeight","useExpandableContentHeight","contentMaxHeight","computed","watch","value"],"mappings":";;;;;;;;;AAAO,MAAAA,IAAA,uBAAA,oCAAA,iCCqDHC,IAAA,CAAA;;;;;;;;;;;;;;AA7BA,WAAAC,EAAAF,GAAAG,EAXAC,GAWA,WAAA,CAAA;;;;;;;;;;;;;;;;mHCoHAC,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;;;;;;;;;;;;;AAvFA,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,eAAAqB,EAAA,IAAAC,EAAAT,GAAAE,CAAA,GAEAQ,IAAAC,EAAA,MAAAH,EAAA,QAAA,EAAA,cAAAA,EAAA,MAAA,IAAA,CAAA,CAAA;AAEA,WAAAI;AAAA,MAAA,MAAAjB,EAAA;AAAA,MACgB,CAAAkB,MAAA;AAER,QAAAX,EAAA,QAAAW;AAAA,MAAe;AAAA,IACnB,GAGJD;AAAA,MAAAV;AAAA,MACI,CAAAW,MAAA;AAGI,QAAAjB,EAAA,sBAAAiB,CAAA;AAAA,MAAgC;AAAA,MACpC,EAAA,WAAA,GAAA;AAAA,IACkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"accordion-item.CFsXrPwd.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 { 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 { 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        isOpen,\n        value => {\n            // Enable two-way data binding for `isExpanded`\n            emit('update:is-expanded', value);\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","contentHeight","useExpandableContentHeight","contentMaxHeight","computed","watch","value"],"mappings":";;;;;;;;;AAAO,MAAAA,IAAA,uBAAA,oCAAA,iCCqDHC,IAAA,CAAA;;;;;;;;;;;;;;AA7BA,WAAAC,EAAAF,GAAAG,EAXAC,GAWA,WAAA,CAAA;;;;;;;;;;;;;;;;mHCoHAC,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;;;;;;;;;;;;;AAvFA,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,eAAAqB,EAAA,IAAAC,EAAAT,GAAAE,CAAA,GAEAQ,IAAAC,EAAA,MAAAH,EAAA,QAAA,EAAA,cAAAA,EAAA,MAAA,IAAA,CAAA,CAAA;AAEA,WAAAI;AAAA,MAAA,MAAAjB,EAAA;AAAA,MACgB,CAAAkB,MAAA;AAER,QAAAX,EAAA,QAAAW;AAAA,MAAe;AAAA,IACnB,GAGJD;AAAA,MAAAV;AAAA,MACI,CAAAW,MAAA;AAGI,QAAAjB,EAAA,sBAAAiB,CAAA;AAAA,MAAgC;AAAA,MACpC,EAAA,WAAA,GAAA;AAAA,IACkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/{calendar.DMZ-bSTO.js → calendar.BHBrXP7_.js}

@@ -9,7 +9,7 @@ import { t as O, c as oe, n as _e, k as Ue, w as gt, g as et } from "./en-US.BR6
 import { d as We, a as Te, b as Mt } from "./differenceInMonths.yz4Dfe-b.js";
 import { s as Me } from "./startOfWeek.muMEhS7U.js";
 import { C as tt, a as nt } from "./chevron-left.C_vPW7OR.js";
-import { h as pt, i as Nt, B as Et } from "./dropdown.DIuBwxF-.js";
+import { h as pt, i as Nt, B as Et } from "./dropdown.ByQDIs7p.js";
 import { _ as de } from "./_plugin-vue_export-helper.CHgC5LLL.js";
 import { B as bt, a as St } from "./date.ojGAujAt.js";
 import "../assets/calendar.css";
@@ -1215,4 +1215,4 @@ export {
   Yt as y,
   $e as z
 };
-//# sourceMappingURL=calendar.DMZ-bSTO.js.map
+//# sourceMappingURL=calendar.BHBrXP7_.js.map