@adyen/bento-vue3 1.2.0 → 1.3.0

package/dist/assets/index6.css

@@ -1 +1 @@
-.b-code-snippet[data-v-170f3059]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-code-snippet[data-v-170f3059],.b-code-snippet[data-v-170f3059]:before,.b-code-snippet[data-v-170f3059]:after{box-sizing:border-box}.b-code-snippet *[data-v-170f3059],.b-code-snippet *[data-v-170f3059]:before,.b-code-snippet *[data-v-170f3059]:after{box-sizing:border-box}.b-code-snippet__action-bar[data-v-170f3059]{background-color:var(--b-code-snippet-action-bar-background-color);border:var(--b-code-snippet-action-bar-border);border-radius:var(--b-code-snippet-action-bar-border-radius);display:flex;justify-content:space-between;padding:var(--b-code-snippet-action-bar-padding)}.b-code-snippet__action-bar--start[data-v-170f3059]{align-items:center;display:flex;gap:var(--b-code-snippet-action-bar-gap)}.b-code-snippet__action-bar--end[data-v-170f3059]{display:flex;gap:var(--b-code-snippet-action-bar-gap)}.b-code-snippet__language-picker[data-v-170f3059]{background-color:var(--b-code-snippet-language-picker-background-color)}.b-code-snippet__run-button[data-v-170f3059]{padding:var(--b-code-snippet-run-button-padding)}.b-code-snippet__code-area[data-v-170f3059]{background-color:var(--b-code-snippet-code-area-background-color);border-radius:var(--b-code-snippet-code-area-border-radius);margin:var(--b-code-snippet-code-area-margin)}.b-code-snippet__code-area-content[data-v-170f3059]{background-color:inherit;display:flex;flex-direction:row}.b-code-snippet__code-area-content[data-v-170f3059] .cm-scroller{font-family:var(--b-code-snippet-code-area-content-font-family)}.b-code-snippet__code-area-content[data-v-170f3059] .cm-editor{flex-grow:1;width:0}.b-code-snippet__code-area-content[data-v-170f3059] .cm-editor,.b-code-snippet__code-area-content[data-v-170f3059] .cm-gutters{background-color:var(--b-code-snippet-code-area-background-color)}.b-legacy-theme .b-code-snippet__code-area-content[data-v-170f3059] .cm-editor,.b-legacy-theme .b-code-snippet__code-area-content[data-v-170f3059] .cm-gutters{background-color:#f3f6f9}.b-code-snippet__code-area-content[data-v-170f3059] .cm-editor .cm-gutters{border:unset}.b-code-snippet__code-area-content[data-v-170f3059] .cm-content{padding:var(--b-code-snippet-code-area-content-padding);padding-left:var(--b-code-snippet-code-area-content-padding-left)}.b-code-snippet__code-area-content[data-v-170f3059] .cm-gutters{padding-left:var(--b-code-snippet-code-area-gutters-padding-left)}.b-code-snippet__code-area-content[data-v-170f3059] .cm-gutterElement{background-color:var(--b-code-snippet-code-area-background-color)}.b-code-snippet__code-area-content[data-v-170f3059] .cm-editor.cm-focused{outline:none}.b-code-snippet__code-area-content[data-v-170f3059] .cm-activeLine{background-color:transparent}.b-code-snippet--inline .b-code-snippet__code-area-content[data-v-170f3059] .cm-content{padding:var(--b-code-snippet-inline-code-area-content-padding)}
+.b-segmented-control-button[data-v-7babee70]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:fit-content;min-height:20px;position:relative}.b-segmented-control-button[data-v-7babee70],.b-segmented-control-button[data-v-7babee70]:before,.b-segmented-control-button[data-v-7babee70]:after{box-sizing:border-box}.b-segmented-control-button *[data-v-7babee70],.b-segmented-control-button *[data-v-7babee70]:before,.b-segmented-control-button *[data-v-7babee70]:after{box-sizing:border-box}.b-segmented-control-button[data-v-7babee70] ::-webkit-scrollbar{height:14px;width:14px}.b-segmented-control-button[data-v-7babee70] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-segmented-control-button--disabled>*[data-v-7babee70]{cursor:not-allowed}.b-segmented-control-button--full-width[data-v-7babee70],.b-segmented-control-button--full-width .b-segmented-control-button__label-container[data-v-7babee70],.b-segmented-control-button--full-width .b-segmented-control-button__input[data-v-7babee70]{width:100%}.b-segmented-control-button--hug-content .b-segmented-control-button__label-container[data-v-7babee70],.b-segmented-control-button--hug-content .b-segmented-control-button__input[data-v-7babee70]{width:fit-content}.b-segmented-control-button__input[data-v-7babee70]{bottom:0;cursor:pointer;display:block;left:0;opacity:0;position:absolute;right:0;top:0}.b-segmented-control-button__input[data-v-7babee70]:disabled{cursor:not-allowed}.b-segmented-control-button__input:disabled+.b-segmented-control-button__label-container[data-v-7babee70]{color:var(--b-segmented-control-button-disabled-color);cursor:not-allowed}.b-segmented-control-button__input:hover:not(:disabled)+.b-segmented-control-button__label-container[data-v-7babee70]{background-color:var(--b-segmented-control-button-hover-background-color)}.b-segmented-control-button__input:focus-visible+.b-segmented-control-button__label-container[data-v-7babee70]{box-shadow:0 0 0 1px #fff,0 0 0 3px var(--b-focus-ring-color);transition:.1s cubic-bezier(.785,.135,.15,.86)}.b-segmented-control-button__input:checked+.b-segmented-control-button__label-container[data-v-7babee70]{background-color:var(--b-segmented-control-button-checked-background-color);padding:var(--b-segmented-control-button-checked-padding)}.b-segmented-control-button__input:checked:disabled+.b-segmented-control-button__label-container[data-v-7babee70]{color:var(--b-segmented-control-button-disabled-color)}.b-segmented-control-button__input:checked:hover:not(:disabled)+.b-segmented-control-button__label-container[data-v-7babee70]{background-color:var(--b-segmented-control-button-hover-background-color)}.b-segmented-control-button__label-container[data-v-7babee70]{align-items:center;border-radius:var(--b-segmented-control-button-border-radius);cursor:pointer;display:flex;justify-content:center;padding:var(--b-segmented-control-button-padding);white-space:nowrap;width:fit-content}.b-segmented-control-button__icon[data-v-7babee70]{margin-right:var(--b-segmented-control-button-icon-margin-right)}.b-segmented-control[data-v-cc139468]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-segmented-control-background-color);border:unset;border-radius:var(--b-segmented-control-border-radius);display:flex;margin-inline:0;padding:var(--b-segmented-control-padding);position:relative;width:fit-content}.b-segmented-control[data-v-cc139468],.b-segmented-control[data-v-cc139468]:before,.b-segmented-control[data-v-cc139468]:after{box-sizing:border-box}.b-segmented-control *[data-v-cc139468],.b-segmented-control *[data-v-cc139468]:before,.b-segmented-control *[data-v-cc139468]:after{box-sizing:border-box}.b-segmented-control[data-v-cc139468] ::-webkit-scrollbar{height:14px;width:14px}.b-segmented-control[data-v-cc139468] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-segmented-control--full-width[data-v-cc139468]{justify-content:space-evenly;width:100%}.b-segmented-control--hidden[data-v-cc139468]{left:0;position:absolute;top:0;visibility:hidden}.b-segmented-control__wrapper[data-v-cc139468]{position:relative}.b-segmented-control__item[data-v-cc139468]:not(:first-child){padding-left:var(--b-segmented-control-padding)}

package/dist/assets/index7.css

@@ -1 +1 @@
-.b-country[data-v-c479ebd4]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex}.b-country[data-v-c479ebd4],.b-country[data-v-c479ebd4]:before,.b-country[data-v-c479ebd4]:after{box-sizing:border-box}.b-country *[data-v-c479ebd4],.b-country *[data-v-c479ebd4]:before,.b-country *[data-v-c479ebd4]:after{box-sizing:border-box}.b-country__flag[data-v-c479ebd4]{align-items:center;display:flex}.b-country__flag-icon[data-v-c479ebd4]{height:16px;width:22px}.b-country__label[data-v-c479ebd4]{color:var(--b-country-label-color);padding:var(--b-country-label-padding)}
+.b-avatar-image[data-v-de34bc7b]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:50%;height:var(--b-avatar-image-height);line-height:100%;overflow:hidden;width:var(--b-avatar-image-width)}.b-avatar-image[data-v-de34bc7b],.b-avatar-image[data-v-de34bc7b]:before,.b-avatar-image[data-v-de34bc7b]:after{box-sizing:border-box}.b-avatar-image *[data-v-de34bc7b],.b-avatar-image *[data-v-de34bc7b]:before,.b-avatar-image *[data-v-de34bc7b]:after{box-sizing:border-box}.b-avatar-image[data-v-de34bc7b] ::-webkit-scrollbar{height:14px;width:14px}.b-avatar-image[data-v-de34bc7b] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-avatar-image--small[data-v-de34bc7b]{height:var(--b-avatar-image-small-height);width:var(--b-avatar-image-small-width)}.b-avatar-image--yellow[data-v-de34bc7b]{background-color:var(--b-avatar-image-yellow-background-color);color:var(--b-avatar-image-yellow-color)}.b-avatar-image--blue[data-v-de34bc7b]{background-color:var(--b-avatar-image-blue-background-color);color:var(--b-avatar-image-blue-color)}.b-avatar-image--green[data-v-de34bc7b]{background-color:var(--b-avatar-image-green-background-color);color:var(--b-avatar-image-green-color)}.b-avatar-image--red[data-v-de34bc7b]{background-color:var(--b-avatar-image-red-background-color);color:var(--b-avatar-image-red-color)}.b-avatar-image__image[data-v-de34bc7b]{height:100%;object-fit:cover;width:100%}.b-avatar-image__default[data-v-de34bc7b]{align-items:center;display:flex;height:100%;justify-content:center;width:100%}

package/dist/assets/index8.css

@@ -1 +1 @@
-svg[data-v-4ebc0033]{display:inline-flex;flex-shrink:0}svg[data-v-4ebc0033],svg *[data-v-4ebc0033]{fill:currentcolor}svg[data-v-bda8fd91]{display:inline-flex;flex-shrink:0}svg[data-v-bda8fd91],svg *[data-v-bda8fd91]{fill:currentcolor}svg[data-v-23e56bf5]{display:inline-flex;flex-shrink:0}svg[data-v-23e56bf5],svg *[data-v-23e56bf5]{fill:currentcolor}svg[data-v-1954bfce]{display:inline-flex;flex-shrink:0}svg[data-v-1954bfce],svg *[data-v-1954bfce]{fill:currentcolor}svg[data-v-9da4de4c]{display:inline-flex;flex-shrink:0}svg[data-v-9da4de4c],svg *[data-v-9da4de4c]{fill:currentcolor}svg[data-v-2fe7aaf4]{display:inline-flex;flex-shrink:0}svg[data-v-2fe7aaf4],svg *[data-v-2fe7aaf4]{fill:currentcolor}svg[data-v-6e578b8e]{display:inline-flex;flex-shrink:0}svg[data-v-6e578b8e],svg *[data-v-6e578b8e]{fill:currentcolor}.b-data-grid-columns[data-v-973754ee]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-data-grid-columns[data-v-973754ee],.b-data-grid-columns[data-v-973754ee]:before,.b-data-grid-columns[data-v-973754ee]:after{box-sizing:border-box}.b-data-grid-columns *[data-v-973754ee],.b-data-grid-columns *[data-v-973754ee]:before,.b-data-grid-columns *[data-v-973754ee]:after{box-sizing:border-box}.b-data-grid-columns--frozen[data-v-973754ee]{border-right:var(--b-data-grid-columns-frozen-border-right-width) solid var(--b-data-grid-columns-frozen-border-right-color);display:flex;left:0;position:sticky;z-index:var(--b-data-grid-columns-frozen-z-index)}.b-data-grid-columns--unfrozen[data-v-973754ee]{display:flex}.b-data-grid-columns--config-settings-margin[data-v-973754ee]{margin-right:var(--b-data-grid-config-settings-column-and-row-margin)}.b-data-grid-columns__column[data-v-973754ee]{background-color:var(--b-data-grid-column-background-color);color:var(--b-data-grid-column-color);display:flex;padding:var(--b-data-grid-column-padding);position:relative}.b-data-grid-columns__column--sortable[data-v-973754ee]{cursor:pointer}.b-data-grid-columns__column--sortable[data-v-973754ee]:hover{background-color:var(--b-data-grid-column-hover-background-color)}.b-data-grid-columns__column--padding-left-unset[data-v-973754ee]{padding-left:0}.b-data-grid-columns__column--padding-right-unset[data-v-973754ee]{padding-right:0}.b-data-grid-columns__column--overflow-ellipsis *[data-v-973754ee]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-data-grid-columns__column--numeric[data-v-973754ee]{justify-content:end;text-align:right}.b-data-grid-columns__column--is-re-ordering-target-left[data-v-973754ee]:before{background-color:var(--b-data-grid-re-order-column-target-separator-background-color);content:"";height:calc(100% + var(--b-data-grid-columns-border-width));position:absolute;top:0;width:var(--b-data-grid-re-order-column-target-separator-width);z-index:var(--b-data-grid-re-order-column-target-separator-z-index);left:0}.b-data-grid-columns__column--is-re-ordering-target-right[data-v-973754ee]:before{background-color:var(--b-data-grid-re-order-column-target-separator-background-color);content:"";height:calc(100% + var(--b-data-grid-columns-border-width));position:absolute;top:0;width:var(--b-data-grid-re-order-column-target-separator-width);z-index:var(--b-data-grid-re-order-column-target-separator-z-index);right:0}.b-data-grid-columns__column[draggable=true][data-v-973754ee]{cursor:move;cursor:grab}.b-data-grid-columns__column--is-re-ordering[data-v-973754ee],.b-data-grid-columns__column--is-re-ordering *[data-v-973754ee]{background-color:var(--b-data-grid-column-draggable-ghost-background-color);cursor:grabbing}.b-data-grid-columns__column-header[data-v-973754ee]{align-items:center;display:flex;gap:var(--b-data-grid-column-header-gap)}.b-data-grid-columns__column-separator-container[data-v-973754ee]{align-items:center;cursor:auto;display:flex;height:100%;justify-content:center;position:absolute;right:-4px;top:0;width:var(--b-data-grid-resizer-width);z-index:var(--b-data-grid-column-separator-z-index)}.b-data-grid-columns--unfrozen .b-data-grid-columns__column:last-child .b-data-grid-columns__column-separator-container[data-v-973754ee]{right:var(--b-data-grid-resizer-width)}.b-data-grid-columns__column-separator-container--is-resizeable[data-v-973754ee]{cursor:ew-resize}.b-data-grid-columns__column-separator[data-v-973754ee]{border-right:var(--b-data-grid-column-separator-border-right-width) solid var(--b-data-grid-column-separator-border-right-color);display:block;height:var(--b-data-grid-column-separator-height);width:0}.b-data-grid-columns__column-separator-container--is-resizeable:hover .b-data-grid-columns__column-separator[data-v-973754ee]{border-color:var(--b-data-grid-column-separator-resizeable-hover-color)}.b-data-grid-columns__column-actions[data-v-973754ee]{display:flex;gap:var(--b-data-grid-column-actions-gap);margin-left:auto;padding-left:var(--b-data-grid-column-actions-padding-left)}.b-data-grid-columns__column-sort[data-v-973754ee]{align-items:center;cursor:pointer;display:flex;flex-direction:column;height:20px;padding:var(--b-data-grid-column-sort-padding)}.b-data-grid-columns__column-sort-icon[data-v-973754ee]{color:var(--b-data-grid-column-sort-icon-color);display:inline-flex;margin-top:-2px}.b-data-grid-columns__column-sort-icon[data-v-973754ee]:nth-child(2){margin-top:-8px}.b-data-grid-columns__column--sortable:hover .b-data-grid-columns__column-sort-icon[data-v-973754ee]{color:var(--b-data-grid-column-hover-sort-icon-color)}.b-data-grid-columns__column-sort-icon--sorted[data-v-973754ee],.b-data-grid-columns__column--sortable:hover .b-data-grid-columns__column-sort-icon--sorted[data-v-973754ee]{color:var(--b-data-grid-column-sort-icon-sorted-color)}.b-data-grid-columns__menu[data-v-973754ee]{display:flex}@media (min-width: 376px){.b-data-grid-columns__menu[data-v-973754ee] .b-menu__popover{width:200px}}svg[data-v-6e917c82]{display:inline-flex;flex-shrink:0}svg[data-v-6e917c82],svg *[data-v-6e917c82]{fill:currentcolor}.b-data-grid-config-settings-column-row[data-v-d4c84de9]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;display:flex;justify-content:space-between;padding:var(--b-data-grid-config-column-row-padding)}.b-data-grid-config-settings-column-row[data-v-d4c84de9],.b-data-grid-config-settings-column-row[data-v-d4c84de9]:before,.b-data-grid-config-settings-column-row[data-v-d4c84de9]:after{box-sizing:border-box}.b-data-grid-config-settings-column-row *[data-v-d4c84de9],.b-data-grid-config-settings-column-row *[data-v-d4c84de9]:before,.b-data-grid-config-settings-column-row *[data-v-d4c84de9]:after{box-sizing:border-box}@media (hover: hover){.b-data-grid-config-settings-column-row[data-v-d4c84de9]:hover{background-color:var(--b-data-grid-config-column-row-hover-background-color)}}.b-data-grid-config-settings-column-row__freeze-icon[data-v-d4c84de9]{color:var(--b-data-grid-config-column-row-freeze-icon-color);cursor:pointer}.b-data-grid-config-settings-column-row__freeze-icon--frozen[data-v-d4c84de9]{color:var(--b-data-grid-config-column-row-freeze-icon-frozen-color)}.b-data-grid-config-settings[data-v-b36c45af]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-data-grid-config-settings[data-v-b36c45af],.b-data-grid-config-settings[data-v-b36c45af]:before,.b-data-grid-config-settings[data-v-b36c45af]:after{box-sizing:border-box}.b-data-grid-config-settings *[data-v-b36c45af],.b-data-grid-config-settings *[data-v-b36c45af]:before,.b-data-grid-config-settings *[data-v-b36c45af]:after{box-sizing:border-box}.b-data-grid-config-settings__button-and-seperator[data-v-b36c45af]{align-items:center;background-color:var(--b-data-grid-config-settings-button-and-seperator-background-color);display:flex;height:calc(100% - var(--b-data-grid-columns-border-width));padding:var(--b-data-grid-config-settings-button-and-seperator-padding)}.b-data-grid-config-settings__button-container[data-v-b36c45af]{display:flex;padding:var(--b-data-grid-config-settings-button-padding)}.b-data-grid-config-settings__column-separator[data-v-b36c45af]{border-right:var(--b-data-grid-column-separator-border-right-width) solid var(--b-data-grid-column-separator-border-right-color);display:block;height:var(--b-data-grid-column-separator-height);width:0}.b-data-grid-config-settings__panel[data-v-b36c45af]{max-height:540px;min-width:285px;overflow:scroll}.b-data-grid-config-settings__panel[data-v-b36c45af] .b-popover__content{padding:14px 0}.b-data-grid-config-settings__panel-header[data-v-b36c45af]{align-items:center;display:flex;justify-content:space-between;padding:var(--b-data-grid-config-panel-header-padding)}.b-data-grid-config-settings__condensed-view-settings[data-v-b36c45af]{border-bottom:1px solid var(--b-data-grid-config-condensed-view-border-color);padding:var(--b-data-grid-config-condensed-view-padding)}.b-data-grid-config-settings__condensed-view-title[data-v-b36c45af]{display:block;padding:var(--b-data-grid-config-condensed-view-title-padding)}.b-data-grid-config-settings__column-visibility-settings[data-v-b36c45af]{padding:var(--b-data-grid-config-column-visibility-padding)}.b-data-grid-config-settings__column-visibility-header[data-v-b36c45af]{display:flex;justify-content:space-between;padding:var(--b-data-grid-config-column-visibility-header-padding)}.b-data-grid-config-settings__column-visibility-show-all[data-v-b36c45af]{background-color:var(--b-data-grid-config-column-visibility-show-all-background-color);border-radius:var(--b-data-grid-config-column-visibility-show-all-border-radius);margin:var(--b-data-grid-config-column-visibility-show-all-margin);padding:var(--b-data-grid-config-column-visibility-show-all-padding)}.b-data-grid-config-settings__column-visibility-search[data-v-b36c45af]{margin:var(--b-data-grid-config-column-visibility-search-margin)}.b-data-grid-config-settings__column-visibility-toggles[data-v-b36c45af]{display:flex;flex-direction:column}.b-data-grid-config-settings__column-visibility-empty-search-message[data-v-b36c45af]{color:var(--b-data-grid-config-column-visibility-empty-search-message-color);padding:var(--b-data-grid-config-column-visibility-empty-search-message-padding);text-align:center}.b-data-grid[data-v-22c84901]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}.b-data-grid[data-v-22c84901],.b-data-grid[data-v-22c84901]:before,.b-data-grid[data-v-22c84901]:after{box-sizing:border-box}.b-data-grid *[data-v-22c84901],.b-data-grid *[data-v-22c84901]:before,.b-data-grid *[data-v-22c84901]:after{box-sizing:border-box}.b-data-grid--outline[data-v-22c84901]{border:var(--b-data-grid-border-width) solid var(--b-data-grid-border-color);border-radius:var(--b-data-grid-border-radius)}.b-data-grid--outline>div[data-v-22c84901]:first-child{border-top-left-radius:var(--b-data-grid-border-radius);border-top-right-radius:var(--b-data-grid-border-radius)}.b-data-grid--outline>div[data-v-22c84901]:last-child{border-bottom-left-radius:var(--b-data-grid-border-radius);border-bottom-right-radius:var(--b-data-grid-border-radius)}.b-data-grid--fit-content[data-v-22c84901]{height:100%}.b-data-grid--fit-content .b-data-grid__body[data-v-22c84901]{height:100%;overflow-y:hidden}.b-data-grid--fit-content .b-data-grid__rows[data-v-22c84901]{height:calc(100% - 47px);overflow-x:hidden;overflow-y:auto;width:fit-content}.b-data-grid__body[data-v-22c84901]{overflow-x:auto;width:100%}.b-data-grid__header[data-v-22c84901]{border-bottom:var(--b-data-grid-columns-border-width) solid var(--b-data-grid-columns-border-color);padding:var(--b-data-grid-header-padding)}.b-data-grid__columns[data-v-22c84901]{border-bottom:var(--b-data-grid-columns-border-width) solid var(--b-data-grid-columns-border-color);break-inside:avoid;display:flex;position:relative;width:fit-content}.b-data-grid__columns--menu-open[data-v-22c84901]{z-index:var(--b-data-grid-columns-menu-open-z-index)}.b-data-grid__columns-row[data-v-22c84901]{display:flex}.b-data-grid__row-cell-set--frozen[data-v-22c84901]{border-right:var(--b-data-grid-rows-frozen-border-right-width) solid var(--b-data-grid-rows-frozen-border-right-color);display:flex;left:0;position:sticky;z-index:var(--b-data-grid-rows-frozen-z-index)}.b-data-grid__row-cell-set--unfrozen[data-v-22c84901]{display:flex}.b-data-grid__row-cell-set--config-settings-margin[data-v-22c84901]{margin-right:var(--b-data-grid-config-settings-column-and-row-margin)}.b-data-grid__rows>*[data-v-22c84901]:not(:last-child){border-bottom:var(--b-data-grid-row-border-width) solid var(--b-data-grid-row-border-color)}.b-data-grid__row[data-v-22c84901]{background-color:var(--b-data-grid-row-background-color);break-inside:avoid;color:var(--b-data-grid-row-color);display:flex;position:relative}.b-data-grid__row[data-v-22c84901]:hover,.b-data-grid__row:hover .b-data-grid__cell[data-v-22c84901]{background-color:var(--b-data-grid-row-hover-background-color)}.b-data-grid__row[data-v-22c84901]:hover .b-link{text-decoration:underline}.b-data-grid__row[data-v-22c84901]:last-child{box-shadow:unset}.b-data-grid--outline .b-data-grid__row[data-v-22c84901]:last-child{border-bottom-left-radius:var(--b-data-grid-border-radius);border-bottom-right-radius:var(--b-data-grid-border-radius)}.b-data-grid__row--row-clicks-enabled[data-v-22c84901]{cursor:pointer}.b-data-grid__row--disabled[data-v-22c84901]{color:var(--b-data-grid-row-disabled-color);cursor:not-allowed}.b-data-grid__row--is-re-ordering[data-v-22c84901]{cursor:grabbing}.b-data-grid__row--highlighted[data-v-22c84901],.b-data-grid__row--highlighted .b-data-grid__cell[data-v-22c84901]{background-color:var(--b-data-grid-row-highlighted-background-color)}.b-data-grid__cell[data-v-22c84901]{background-color:var(--b-data-grid-cell-background-color);padding:var(--b-data-grid-cell-padding)}.b-data-grid__cell[data-v-22c84901]:focus-visible{box-shadow:0 0 0 1px #fff,0 0 0 3px var(--b-focus-ring-color);transition:.1s cubic-bezier(.785,.135,.15,.86);outline:none;z-index:1}.b-data-grid__cell--condensed[data-v-22c84901]{padding:var(--b-data-grid-cell-condensed-padding)}.b-data-grid__cell--padding-left-unset[data-v-22c84901]{padding-left:0}.b-data-grid__cell--padding-right-unset[data-v-22c84901]{padding-right:0}.b-data-grid__cell--overflow-ellipsis *[data-v-22c84901]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-data-grid__cell--numeric[data-v-22c84901]{justify-content:end;text-align:right}.b-data-grid__cell--is-column-re-ordering[data-v-22c84901]{background-color:var(--b-data-grid-column-draggable-ghost-background-color);cursor:grabbing}.b-data-grid__cell--is-column-re-order-target-left[data-v-22c84901],.b-data-grid__cell--is-column-re-order-target-right[data-v-22c84901]{position:relative}.b-data-grid__cell--is-column-re-order-target-left[data-v-22c84901]:before{background-color:var(--b-data-grid-re-order-column-target-separator-background-color);content:"";height:calc(100% + var(--b-data-grid-columns-border-width));position:absolute;top:0;width:var(--b-data-grid-re-order-column-target-separator-width);z-index:var(--b-data-grid-re-order-column-target-separator-z-index);left:0}.b-data-grid__cell--is-column-re-order-target-right[data-v-22c84901]:before{background-color:var(--b-data-grid-re-order-column-target-separator-background-color);content:"";height:calc(100% + var(--b-data-grid-columns-border-width));position:absolute;top:0;width:var(--b-data-grid-re-order-column-target-separator-width);z-index:var(--b-data-grid-re-order-column-target-separator-z-index);right:0}.b-data-grid__footer[data-v-22c84901]{padding:var(--b-data-grid-footer-padding)}.b-data-grid__filters[data-v-22c84901]{border-bottom:var(--b-data-grid-filters-border-width) solid var(--b-data-grid-filters-border-color);display:flex;justify-content:end;padding:var(--b-data-grid-filters-padding);position:relative}.b-data-grid__pagination[data-v-22c84901]{background-color:var(--b-data-grid-pagination-background-color);border-top:var(--b-data-grid-pagination-border-width) solid var(--b-data-grid-pagination-border-color);padding:var(--b-data-grid-pagination-padding);position:relative;z-index:var(--b-data-grid-pagination-z-index)}.b-data-grid__pagination--padding-left-unset[data-v-22c84901]{padding-left:0}.b-data-grid__pagination--padding-right-unset[data-v-22c84901]{padding-right:0}.b-data-grid__pagination--sticky[data-v-22c84901]{bottom:0;padding:var(--b-data-grid-pagination-sticky-padding);position:sticky}.b-data-grid--outline .b-data-grid__pagination[data-v-22c84901]{padding:var(--b-data-grid-pagination-outline-padding)}.b-data-grid__loading[data-v-22c84901]{align-items:center;display:flex;flex-direction:column;height:400px;justify-content:center;width:100%}.b-data-grid__loading-indicator[data-v-22c84901]{margin:var(--b-data-grid-loading-indicator-margin)}.b-data-grid__config-settings[data-v-22c84901]{display:flex;position:absolute;right:0;z-index:var(--b-data-grid-config-settings-z-index)}
+.b-radio-button[data-v-9bb45ebc]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-flex;line-height:24px}.b-radio-button[data-v-9bb45ebc],.b-radio-button[data-v-9bb45ebc]:before,.b-radio-button[data-v-9bb45ebc]:after{box-sizing:border-box}.b-radio-button *[data-v-9bb45ebc],.b-radio-button *[data-v-9bb45ebc]:before,.b-radio-button *[data-v-9bb45ebc]:after{box-sizing:border-box}.b-radio-button[data-v-9bb45ebc] ::-webkit-scrollbar{height:14px;width:14px}.b-radio-button[data-v-9bb45ebc] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-radio-button input[data-v-9bb45ebc]:disabled{cursor:inherit}.b-radio-button--disabled>*[data-v-9bb45ebc]{cursor:not-allowed}.b-radio-button--readonly>*[data-v-9bb45ebc]{pointer-events:none}.b-radio-button__input[data-v-9bb45ebc]{appearance:none;background-color:var(--b-radio-button-unchecked-background-color);border:var(--b-radio-button-unchecked-border);border-radius:var(--b-radio-button-border-radius);cursor:pointer;display:inline-block;height:16px;margin:0;outline:none;position:relative;top:var(--b-radio-button-offset-top);width:16px}.b-radio-button__input[data-v-9bb45ebc]:after{content:"";display:block;inset:calc(var(--b-radio-button-space-around-increase) * -1);position:absolute}.b-radio-button__input[data-v-9bb45ebc]:before{background-color:var(--b-radio-button-knob-color);border-radius:var(--b-radio-button-border-radius);content:"";display:block;height:var(--b-radio-button-knob-size);left:var(--b-radio-button-knob-offset);opacity:0;position:absolute;top:var(--b-radio-button-knob-offset);transform:scale(0);transition:transform .3s cubic-bezier(.175,.885,.32,1.275);width:var(--b-radio-button-knob-size)}.b-radio-button__input[data-v-9bb45ebc]:hover:enabled{background-color:var(--b-radio-button-unchecked-hover-background-color);border-color:var(--b-radio-button-unchecked-hover-border-color)}.b-radio-button__input[data-v-9bb45ebc]:active{background-color:var(--b-radio-button-unchecked-active-background-color)}.b-radio-button__input[data-v-9bb45ebc]:focus-visible{box-shadow:0 0 0 1px #fff,0 0 0 3px var(--b-focus-ring-color);transition:.1s cubic-bezier(.785,.135,.15,.86)}.b-radio-button__input[data-v-9bb45ebc]:disabled{background-color:var(--b-radio-button-unchecked-disabled-background-color);border-color:var(--b-radio-button-unchecked-disabled-border-color);cursor:not-allowed}.b-radio-button__input[data-v-9bb45ebc]:disabled:before{background-color:var(--b-radio-button-knob-disabled-color)}.b-radio-button--readonly .b-radio-button__input[data-v-9bb45ebc]{background-color:var(--b-radio-button-unchecked-readonly-background-color);border-color:var(--b-radio-button-unchecked-readonly-border-color)}.b-radio-button--readonly .b-radio-button__input[data-v-9bb45ebc]:before{background-color:var(--b-radio-button-knob-readonly-color)}.b-radio-button__input[data-v-9bb45ebc]:checked{background-color:var(--b-radio-button-checked-background-color);border-color:var(--b-radio-button-checked-border-color)}.b-radio-button__input[data-v-9bb45ebc]:checked:before{opacity:1;transform:scale(1)}.b-radio-button__input[data-v-9bb45ebc]:checked:disabled{background-color:var(--b-radio-button-checked-disabled-background-color);border-color:var(--b-radio-button-checked-disabled-border-color)}.b-radio-button__input[data-v-9bb45ebc]:checked:active:not(:disabled){background-color:var(--b-radio-button-checked-active-background-color);border-color:var(--b-radio-button-checked-active-border-color)}.b-radio-button__input[data-v-9bb45ebc]:checked:hover:not(:disabled){background-color:var(--b-radio-button-checked-hover-background-color);border-color:var(--b-radio-button-checked-hover-border-color)}.b-radio-button--readonly .b-radio-button__input[data-v-9bb45ebc]:checked{background-color:var(--b-radio-button-checked-readonly-background-color);border-color:var(--b-radio-button-checked-readonly-border-color)}.b-radio-button__input--error[data-v-9bb45ebc]{border:var(--b-radio-button-unchecked-error-border)}.b-radio-button__input--error[data-v-9bb45ebc]:before{left:var(--b-radio-button-knob-offset-error);top:var(--b-radio-button-knob-offset-error)}.b-radio-button__input--error[data-v-9bb45ebc]:checked{background-color:var(--b-radio-button-checked-error-background-color);border-color:var(--b-radio-button-checked-error-border-color)}.b-radio-button__label-container[data-v-9bb45ebc]{display:flex;flex-direction:column;padding-left:var(--b-radio-button-label-container-padding);row-gap:var(--b-radio-button-label-container-row-gap)}.b-radio-button__label[data-v-9bb45ebc]{color:var(--b-radio-button-label-font-color);cursor:pointer;display:block}.b-radio-button__input:disabled+* .b-radio-button__label[data-v-9bb45ebc]{cursor:not-allowed}.b-legacy-theme .b-radio-button__input:disabled+* .b-radio-button__label[data-v-9bb45ebc]{color:var(--b-radio-button-label-disabled-font-color)}.b-radio-button__description[data-v-9bb45ebc]{color:var(--b-radio-button-description-font-color);cursor:pointer;display:block}.b-radio-button__input:disabled+* .b-radio-button__description[data-v-9bb45ebc]{color:var(--b-radio-button-description-disabled-font-color);cursor:not-allowed}.b-radio-group__buttons[data-v-e54cc3b5]{display:flex;flex-direction:column;gap:var(--b-radio-group-vertical-gap)}.b-radio-group__buttons--horizontal[data-v-e54cc3b5]{flex-flow:row wrap;gap:var(--b-radio-group-vertical-gap) var(--b-radio-group-horizontal-gap)}.b-radio-group__error-message[data-v-e54cc3b5]{margin-top:var(--b-radio-group-error-message-margin-top)}

package/dist/assets/index9.css

@@ -1 +1 @@
-.b-date-range-picker-calendar[data-v-308a0f80]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:var(--b-date-range-picker-calendar-flex-direction)}.b-date-range-picker-calendar[data-v-308a0f80],.b-date-range-picker-calendar[data-v-308a0f80]:before,.b-date-range-picker-calendar[data-v-308a0f80]:after{box-sizing:border-box}.b-date-range-picker-calendar *[data-v-308a0f80],.b-date-range-picker-calendar *[data-v-308a0f80]:before,.b-date-range-picker-calendar *[data-v-308a0f80]:after{box-sizing:border-box}.b-date-range-picker-calendar__calendars-container[data-v-308a0f80]{background-color:var(--b-date-range-picker-calendar-calendars-container-background-color);border-right:var(--b-date-range-picker-calendar-calendars-container-border-right);display:flex;gap:var(--b-date-range-picker-calendar-calendars-container-gap);padding:var(--b-date-range-picker-calendar-calendars-container-padding)}.b-date-range-picker-calendar__form-container[data-v-308a0f80]{border-right:var(--b-date-range-picker-calendar-form-container-border-right);display:flex;flex-direction:column;justify-content:space-between}.b-date-range-picker-calendar__form[data-v-308a0f80]{display:flex;flex-direction:column;gap:var(--b-date-range-picker-calendar-form-gap);min-width:var(--b-date-range-picker-calendar-form-min-width);padding:var(--b-date-range-picker-calendar-form-padding);width:var(--b-date-range-picker-calendar-form-width)}.b-date-range-picker-calendar__form-input[data-v-308a0f80]{padding-top:var(--b-date-range-picker-calendar-form-input-padding-top)}.b-date-range-picker-calendar__form-input-wrapper[data-v-308a0f80]{display:flex;flex-direction:row;gap:var(--b-date-range-picker-calendar-form-input-wrapper-gap)}.b-date-range-picker-calendar__form-date-format-example[data-v-308a0f80]{color:var(--b-date-range-picker-calendar-form-date-format-example-color);display:var(--b-date-range-picker-calendar-form-date-format-example-display)}.b-legacy-theme .b-date-range-picker-calendar__label[data-v-308a0f80]{font-weight:600}.b-date-range-picker[data-v-218210c1]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column}.b-date-range-picker[data-v-218210c1],.b-date-range-picker[data-v-218210c1]:before,.b-date-range-picker[data-v-218210c1]:after{box-sizing:border-box}.b-date-range-picker *[data-v-218210c1],.b-date-range-picker *[data-v-218210c1]:before,.b-date-range-picker *[data-v-218210c1]:after{box-sizing:border-box}.b-legacy-theme .b-date-range-picker[data-v-218210c1] .b-dropdown-default-textbox--opened{border-radius:6px}.b-legacy-theme .b-date-range-picker__container[data-v-218210c1]{border:var(--b-date-range-picker-container-border);border-radius:var(--b-date-range-picker-container-border-radius);width:var(--b-date-range-picker-container-width)}.b-date-range-picker__description[data-v-218210c1]{color:var(--b-date-range-picker-description-color);margin-top:var(--b-date-range-picker-description-margin-top)}.b-date-range-picker__description--error[data-v-218210c1]{margin-top:var(--b-date-range-picker-description-error-margin-top)}.b-date-range-picker__error-message[data-v-218210c1]{margin-top:var(--b-date-range-picker-error-message-margin-top)}.b-date-range-picker__error-message[data-v-218210c1]:not(:first-of-type){margin-top:var(--b-date-range-picker-description-error-margin-top)}.b-date-range-picker__label[data-v-218210c1]{margin-bottom:var(--b-date-range-picker-label-margin-bottom)}.b-date-range-picker__label-requirement[data-v-218210c1]{color:var(--b-date-range-picker-label-requirement-color)}
+.b-code-snippet[data-v-170f3059]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-code-snippet[data-v-170f3059],.b-code-snippet[data-v-170f3059]:before,.b-code-snippet[data-v-170f3059]:after{box-sizing:border-box}.b-code-snippet *[data-v-170f3059],.b-code-snippet *[data-v-170f3059]:before,.b-code-snippet *[data-v-170f3059]:after{box-sizing:border-box}.b-code-snippet[data-v-170f3059] ::-webkit-scrollbar{height:14px;width:14px}.b-code-snippet[data-v-170f3059] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-code-snippet__action-bar[data-v-170f3059]{background-color:var(--b-code-snippet-action-bar-background-color);border:var(--b-code-snippet-action-bar-border);border-radius:var(--b-code-snippet-action-bar-border-radius);display:flex;justify-content:space-between;padding:var(--b-code-snippet-action-bar-padding)}.b-code-snippet__action-bar--start[data-v-170f3059]{align-items:center;display:flex;gap:var(--b-code-snippet-action-bar-gap)}.b-code-snippet__action-bar--end[data-v-170f3059]{display:flex;gap:var(--b-code-snippet-action-bar-gap)}.b-code-snippet__language-picker[data-v-170f3059]{background-color:var(--b-code-snippet-language-picker-background-color)}.b-code-snippet__run-button[data-v-170f3059]{padding:var(--b-code-snippet-run-button-padding)}.b-code-snippet__code-area[data-v-170f3059]{background-color:var(--b-code-snippet-code-area-background-color);border-radius:var(--b-code-snippet-code-area-border-radius);margin:var(--b-code-snippet-code-area-margin)}.b-code-snippet__code-area-content[data-v-170f3059]{background-color:inherit;display:flex;flex-direction:row}.b-code-snippet__code-area-content[data-v-170f3059] .cm-scroller{font-family:var(--b-code-snippet-code-area-content-font-family)}.b-code-snippet__code-area-content[data-v-170f3059] .cm-editor{flex-grow:1;width:0}.b-code-snippet__code-area-content[data-v-170f3059] .cm-editor,.b-code-snippet__code-area-content[data-v-170f3059] .cm-gutters{background-color:var(--b-code-snippet-code-area-background-color)}.b-legacy-theme .b-code-snippet__code-area-content[data-v-170f3059] .cm-editor,.b-legacy-theme .b-code-snippet__code-area-content[data-v-170f3059] .cm-gutters{background-color:#f3f6f9}.b-code-snippet__code-area-content[data-v-170f3059] .cm-editor .cm-gutters{border:unset}.b-code-snippet__code-area-content[data-v-170f3059] .cm-content{padding:var(--b-code-snippet-code-area-content-padding);padding-left:var(--b-code-snippet-code-area-content-padding-left)}.b-code-snippet__code-area-content[data-v-170f3059] .cm-gutters{padding-left:var(--b-code-snippet-code-area-gutters-padding-left)}.b-code-snippet__code-area-content[data-v-170f3059] .cm-gutterElement{background-color:var(--b-code-snippet-code-area-background-color)}.b-code-snippet__code-area-content[data-v-170f3059] .cm-editor.cm-focused{outline:none}.b-code-snippet__code-area-content[data-v-170f3059] .cm-activeLine{background-color:transparent}.b-code-snippet--inline .b-code-snippet__code-area-content[data-v-170f3059] .cm-content{padding:var(--b-code-snippet-inline-code-area-content-padding)}

package/dist/assets/listbox-option-tag.css

@@ -1 +1 @@
-.b-avatar[data-v-b4b3df10]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;display:flex}.b-avatar[data-v-b4b3df10],.b-avatar[data-v-b4b3df10]:before,.b-avatar[data-v-b4b3df10]:after{box-sizing:border-box}.b-avatar *[data-v-b4b3df10],.b-avatar *[data-v-b4b3df10]:before,.b-avatar *[data-v-b4b3df10]:after{box-sizing:border-box}.b-avatar__label[data-v-b4b3df10]{color:var(--b-avatar-label-color);padding:var(--b-avatar-label-padding)}.b-listbox-tag-option[data-v-85c35f48]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;display:flex}.b-listbox-tag-option[data-v-85c35f48],.b-listbox-tag-option[data-v-85c35f48]:before,.b-listbox-tag-option[data-v-85c35f48]:after{box-sizing:border-box}.b-listbox-tag-option *[data-v-85c35f48],.b-listbox-tag-option *[data-v-85c35f48]:before,.b-listbox-tag-option *[data-v-85c35f48]:after{box-sizing:border-box}.b-listbox-tag-option__tag[data-v-85c35f48]{min-width:45px}.b-listbox-tag-option__label[data-v-85c35f48]{padding:var(--b-listbox-option-tag-label-padding)}
+.b-avatar[data-v-b4b3df10]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;display:flex}.b-avatar[data-v-b4b3df10],.b-avatar[data-v-b4b3df10]:before,.b-avatar[data-v-b4b3df10]:after{box-sizing:border-box}.b-avatar *[data-v-b4b3df10],.b-avatar *[data-v-b4b3df10]:before,.b-avatar *[data-v-b4b3df10]:after{box-sizing:border-box}.b-avatar[data-v-b4b3df10] ::-webkit-scrollbar{height:14px;width:14px}.b-avatar[data-v-b4b3df10] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-avatar__label[data-v-b4b3df10]{color:var(--b-avatar-label-color);padding:var(--b-avatar-label-padding)}.b-listbox-tag-option[data-v-85c35f48]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;display:flex}.b-listbox-tag-option[data-v-85c35f48],.b-listbox-tag-option[data-v-85c35f48]:before,.b-listbox-tag-option[data-v-85c35f48]:after{box-sizing:border-box}.b-listbox-tag-option *[data-v-85c35f48],.b-listbox-tag-option *[data-v-85c35f48]:before,.b-listbox-tag-option *[data-v-85c35f48]:after{box-sizing:border-box}.b-listbox-tag-option[data-v-85c35f48] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-tag-option[data-v-85c35f48] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-listbox-tag-option__tag[data-v-85c35f48]{min-width:45px}.b-listbox-tag-option__label[data-v-85c35f48]{padding:var(--b-listbox-option-tag-label-padding)}

package/dist/assets/listbox.css

@@ -1 +1 @@
-.b-listbox-option[data-v-18a61f5d]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;overflow-wrap:anywhere;padding:var(--b-listbox-option-padding)}.b-listbox-option[data-v-18a61f5d],.b-listbox-option[data-v-18a61f5d]:before,.b-listbox-option[data-v-18a61f5d]:after{box-sizing:border-box}@media (hover: hover){.b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-hover-background-color)}.b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled),.b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled) .b-payment-method__label{color:var(--b-listbox-option-hover-font-color)}.b-legacy-theme .b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description:not(.b-listbox-option--disabled),.b-legacy-theme .b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description:not(.b-listbox-option--disabled){color:var(--b-listbox-option-hover-font-color)}}.b-listbox-option[data-v-18a61f5d]:focus-visible{outline:none}.b-listbox-option[data-v-18a61f5d]:focus-visible:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-focus-background-color);color:var(--b-listbox-option-focus-font-color)}.b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-active-background-color)}.b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled),.b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled) .b-payment-method__label{color:var(--b-listbox-option-active-font-color)}.b-legacy-theme .b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description:not(.b-listbox-option--disabled),.b-legacy-theme .b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description:not(.b-listbox-option--disabled){color:var(--b-listbox-option-active-description-color)}.b-listbox-option[data-v-18a61f5d] .b-listbox-single-select-option__text,.b-listbox-option[data-v-18a61f5d] .b-listbox-multi-select__option-text{display:flex;flex-direction:column}.b-listbox-option[data-v-18a61f5d] .b-listbox-single-select-option__description,.b-listbox-option[data-v-18a61f5d] .b-listbox-multi-select__option-description{margin-top:var(--b-listbox-option-description-margin-top)}.b-listbox-option[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description,.b-listbox-option[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description{color:var(--b-listbox-option-description-color)}.b-listbox-option--disabled[data-v-18a61f5d]{cursor:not-allowed}.b-listbox-option--disabled[data-v-18a61f5d],.b-listbox-option--disabled[data-v-18a61f5d] .b-avatar__label,.b-listbox-option--disabled[data-v-18a61f5d] .b-country__label,.b-listbox-option--disabled[data-v-18a61f5d] .b-payment-method__label{color:var(--b-listbox-option-disabled-font-color)}.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-selected-background-color)}.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled),.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-payment-method__label{color:var(--b-listbox-option-selected-font-color)}.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description:not(.b-listbox-option--disabled),.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description:not(.b-listbox-option--disabled){color:var(--b-listbox-option-selected-description-color)}svg[data-v-4687fbd0]{display:inline-flex;flex-shrink:0}svg[data-v-4687fbd0],svg *[data-v-4687fbd0]{fill:currentcolor}.b-listbox-single-select-option[data-v-88d28e60]{display:flex;justify-content:space-between}.b-listbox-single-select-option__check-icon[data-v-88d28e60]{align-items:center;display:flex;margin-left:var(--b-listbox-single-select-check-icon-margin)}.b-listbox-multi-select-category[data-v-d1f786a4]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-listbox-multi-select-category[data-v-d1f786a4],.b-listbox-multi-select-category[data-v-d1f786a4]:before,.b-listbox-multi-select-category[data-v-d1f786a4]:after{box-sizing:border-box}.b-listbox-multi-select-category *[data-v-d1f786a4],.b-listbox-multi-select-category *[data-v-d1f786a4]:before,.b-listbox-multi-select-category *[data-v-d1f786a4]:after{box-sizing:border-box}.b-listbox-multi-select-category--disabled[data-v-d1f786a4]{cursor:not-allowed}.b-listbox-multi-select-category--disabled .b-listbox-multi-select-category__label-text[data-v-d1f786a4]{color:var(--b-listbox-multi-select-category-disabled-label-text-color)}.b-listbox-multi-select-category--disabled .b-listbox-multi-select-category__label-chevron[data-v-d1f786a4]{cursor:pointer}.b-listbox-multi-select-category__label[data-v-d1f786a4]{align-items:center;display:flex;justify-content:space-between;width:100%}.b-listbox-multi-select-category__label-chevron[data-v-d1f786a4]{display:flex;position:relative}.b-listbox-multi-select-category__label-chevron[data-v-d1f786a4]:before{content:"";height:36px;left:-10px;position:absolute;top:-9px;width:36px}.b-listbox-multi-select-category__option[data-v-d1f786a4]{display:flex;gap:var(--b-listbox-multi-select-category-option-gap)}.b-listbox-multi-select-options[data-v-c471c1bc]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;gap:var(--b-listbox-multi-select-options-gap)}.b-listbox-multi-select-options[data-v-c471c1bc],.b-listbox-multi-select-options[data-v-c471c1bc]:before,.b-listbox-multi-select-options[data-v-c471c1bc]:after{box-sizing:border-box}.b-listbox-multi-select-options__category-option[data-v-c471c1bc]{padding-left:var(--b-listbox-multi-select-options-category-option-padding-left)}.b-listbox-multi-select[data-v-35f1a677]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-listbox-multi-select[data-v-35f1a677],.b-listbox-multi-select[data-v-35f1a677]:before,.b-listbox-multi-select[data-v-35f1a677]:after{box-sizing:border-box}.b-listbox-multi-select__divider[data-v-35f1a677]{background-color:var(--b-listbox-multi-select-divider-background-color);border:0;height:1px;margin:var(--b-listbox-multi-select-divider-margin)}.b-listbox-multi-select__option[data-v-35f1a677]{display:flex;gap:var(--b-listbox-multi-select-options-gap)}.b-listbox[data-v-6175f9ff]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-listbox-background-color);overflow-y:auto;padding:var(--b-listbox-padding)}.b-listbox[data-v-6175f9ff],.b-listbox[data-v-6175f9ff]:before,.b-listbox[data-v-6175f9ff]:after{box-sizing:border-box}.b-listbox *[data-v-6175f9ff],.b-listbox *[data-v-6175f9ff]:before,.b-listbox *[data-v-6175f9ff]:after{box-sizing:border-box}.b-listbox__empty-search-message[data-v-6175f9ff]{color:var(--b-listbox-empty-search-message-color);padding:var(--b-listbox-empty-search-message-padding);text-align:center}.b-listbox__lazy-load[data-v-6175f9ff]{display:flex;justify-content:center;margin:var(--b-listbox-lazy-load-margin)}
+.b-listbox-option[data-v-18a61f5d]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;overflow-wrap:anywhere;padding:var(--b-listbox-option-padding)}.b-listbox-option[data-v-18a61f5d],.b-listbox-option[data-v-18a61f5d]:before,.b-listbox-option[data-v-18a61f5d]:after{box-sizing:border-box}.b-listbox-option[data-v-18a61f5d] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-option[data-v-18a61f5d] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media (hover: hover){.b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-hover-background-color)}.b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled),.b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled) .b-payment-method__label{color:var(--b-listbox-option-hover-font-color)}.b-legacy-theme .b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description:not(.b-listbox-option--disabled),.b-legacy-theme .b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description:not(.b-listbox-option--disabled){color:var(--b-listbox-option-hover-font-color)}}.b-listbox-option[data-v-18a61f5d]:focus-visible{outline:none}.b-listbox-option[data-v-18a61f5d]:focus-visible:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-focus-background-color);color:var(--b-listbox-option-focus-font-color)}.b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-active-background-color)}.b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled),.b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled) .b-payment-method__label{color:var(--b-listbox-option-active-font-color)}.b-legacy-theme .b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description:not(.b-listbox-option--disabled),.b-legacy-theme .b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description:not(.b-listbox-option--disabled){color:var(--b-listbox-option-active-description-color)}.b-listbox-option[data-v-18a61f5d] .b-listbox-single-select-option__text,.b-listbox-option[data-v-18a61f5d] .b-listbox-multi-select__option-text{display:flex;flex-direction:column}.b-listbox-option[data-v-18a61f5d] .b-listbox-single-select-option__description,.b-listbox-option[data-v-18a61f5d] .b-listbox-multi-select__option-description{margin-top:var(--b-listbox-option-description-margin-top)}.b-listbox-option[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description,.b-listbox-option[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description{color:var(--b-listbox-option-description-color)}.b-listbox-option--disabled[data-v-18a61f5d]{cursor:not-allowed}.b-listbox-option--disabled[data-v-18a61f5d],.b-listbox-option--disabled[data-v-18a61f5d] .b-avatar__label,.b-listbox-option--disabled[data-v-18a61f5d] .b-country__label,.b-listbox-option--disabled[data-v-18a61f5d] .b-payment-method__label{color:var(--b-listbox-option-disabled-font-color)}.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-selected-background-color)}.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled),.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-payment-method__label{color:var(--b-listbox-option-selected-font-color)}.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description:not(.b-listbox-option--disabled),.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description:not(.b-listbox-option--disabled){color:var(--b-listbox-option-selected-description-color)}svg[data-v-4687fbd0]{display:inline-flex;flex-shrink:0}svg[data-v-4687fbd0],svg *[data-v-4687fbd0]{fill:currentcolor}.b-listbox-single-select-option[data-v-88d28e60]{display:flex;justify-content:space-between}.b-listbox-single-select-option__check-icon[data-v-88d28e60]{align-items:center;display:flex;margin-left:var(--b-listbox-single-select-check-icon-margin)}.b-listbox-multi-select-category[data-v-8ac8cf6b]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-listbox-multi-select-category[data-v-8ac8cf6b],.b-listbox-multi-select-category[data-v-8ac8cf6b]:before,.b-listbox-multi-select-category[data-v-8ac8cf6b]:after{box-sizing:border-box}.b-listbox-multi-select-category *[data-v-8ac8cf6b],.b-listbox-multi-select-category *[data-v-8ac8cf6b]:before,.b-listbox-multi-select-category *[data-v-8ac8cf6b]:after{box-sizing:border-box}.b-listbox-multi-select-category[data-v-8ac8cf6b] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select-category[data-v-8ac8cf6b] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-listbox-multi-select-category--disabled[data-v-8ac8cf6b]{cursor:not-allowed}.b-listbox-multi-select-category--disabled .b-listbox-multi-select-category__label-text[data-v-8ac8cf6b]{color:var(--b-listbox-multi-select-category-disabled-label-text-color)}.b-listbox-multi-select-category--disabled .b-listbox-multi-select-category__label-chevron[data-v-8ac8cf6b]{cursor:pointer}.b-listbox-multi-select-category__label[data-v-8ac8cf6b]{align-items:center;display:flex;justify-content:space-between;width:100%}.b-listbox-multi-select-category__label-chevron[data-v-8ac8cf6b]{display:flex;position:relative}.b-listbox-multi-select-category__label-chevron[data-v-8ac8cf6b]:before{content:"";height:36px;left:-10px;position:absolute;top:-9px;width:36px}.b-listbox-multi-select-category__option[data-v-8ac8cf6b]{display:flex;gap:var(--b-listbox-multi-select-category-option-gap)}.b-listbox-multi-select-options[data-v-c471c1bc]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;gap:var(--b-listbox-multi-select-options-gap)}.b-listbox-multi-select-options[data-v-c471c1bc],.b-listbox-multi-select-options[data-v-c471c1bc]:before,.b-listbox-multi-select-options[data-v-c471c1bc]:after{box-sizing:border-box}.b-listbox-multi-select-options[data-v-c471c1bc] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select-options[data-v-c471c1bc] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-listbox-multi-select-options__category-option[data-v-c471c1bc]{padding-left:var(--b-listbox-multi-select-options-category-option-padding-left)}.b-listbox-multi-select[data-v-35f1a677]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-listbox-multi-select[data-v-35f1a677],.b-listbox-multi-select[data-v-35f1a677]:before,.b-listbox-multi-select[data-v-35f1a677]:after{box-sizing:border-box}.b-listbox-multi-select[data-v-35f1a677] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select[data-v-35f1a677] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-listbox-multi-select__divider[data-v-35f1a677]{background-color:var(--b-listbox-multi-select-divider-background-color);border:0;height:1px;margin:var(--b-listbox-multi-select-divider-margin)}.b-listbox-multi-select__option[data-v-35f1a677]{display:flex;gap:var(--b-listbox-multi-select-options-gap)}.b-listbox[data-v-6175f9ff]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-listbox-background-color);overflow-y:auto;padding:var(--b-listbox-padding)}.b-listbox[data-v-6175f9ff],.b-listbox[data-v-6175f9ff]:before,.b-listbox[data-v-6175f9ff]:after{box-sizing:border-box}.b-listbox *[data-v-6175f9ff],.b-listbox *[data-v-6175f9ff]:before,.b-listbox *[data-v-6175f9ff]:after{box-sizing:border-box}.b-listbox[data-v-6175f9ff] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox[data-v-6175f9ff] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-listbox__empty-search-message[data-v-6175f9ff]{color:var(--b-listbox-empty-search-message-color);padding:var(--b-listbox-empty-search-message-padding);text-align:center}.b-listbox__lazy-load[data-v-6175f9ff]{display:flex;justify-content:center;margin:var(--b-listbox-lazy-load-margin)}

package/dist/assets/loading-button.css

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

package/dist/assets/tooltip.css

@@ -1 +1 @@
-.b-tooltip[data-v-d96af6e9]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-tooltip-background-color);border-radius:var(--b-tooltip-border-radius);color:var(--b-tooltip-color);max-width:var(--b-tooltip-max-width);padding:var(--b-tooltip-padding);pointer-events:none;text-align:center;z-index:var(--b-tooltip-z-index)}.b-tooltip[data-v-d96af6e9],.b-tooltip[data-v-d96af6e9]:before,.b-tooltip[data-v-d96af6e9]:after{box-sizing:border-box}.b-tooltip *[data-v-d96af6e9],.b-tooltip *[data-v-d96af6e9]:before,.b-tooltip *[data-v-d96af6e9]:after{box-sizing:border-box}@media (max-width: 375px){.b-tooltip[data-v-d96af6e9]{max-width:100%}}.b-tooltip--hidden[data-v-d96af6e9]{display:none}.b-tooltip--hidden[data-v-d96af6e9] .b-tooltip__arrow:before{display:none}.b-tooltip[data-v-d96af6e9] .b-tooltip__arrow:before{color:var(--b-tooltip-background-color);display:block}
+.b-tooltip[data-v-d96af6e9]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-tooltip-background-color);border-radius:var(--b-tooltip-border-radius);color:var(--b-tooltip-color);max-width:var(--b-tooltip-max-width);padding:var(--b-tooltip-padding);pointer-events:none;text-align:center;z-index:var(--b-tooltip-z-index)}.b-tooltip[data-v-d96af6e9],.b-tooltip[data-v-d96af6e9]:before,.b-tooltip[data-v-d96af6e9]:after{box-sizing:border-box}.b-tooltip *[data-v-d96af6e9],.b-tooltip *[data-v-d96af6e9]:before,.b-tooltip *[data-v-d96af6e9]:after{box-sizing:border-box}.b-tooltip[data-v-d96af6e9] ::-webkit-scrollbar{height:14px;width:14px}.b-tooltip[data-v-d96af6e9] ::-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 (max-width: 375px){.b-tooltip[data-v-d96af6e9]{max-width:100%}}.b-tooltip--hidden[data-v-d96af6e9]{display:none}.b-tooltip--hidden[data-v-d96af6e9] .b-tooltip__arrow:before{display:none}.b-tooltip[data-v-d96af6e9] .b-tooltip__arrow:before{color:var(--b-tooltip-background-color);display:block}

package/dist/avatar-image.js

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

package/dist/badge.js

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

package/dist/button.js

@@ -1,6 +1,6 @@
-import { B as n, b as a, a as B } from "./chunks/button.1f630b6e.js";
-import { B as e, c as u, a as i, b as r } from "./chunks/button-actions.a6e541ad.js";
-import { B as L, a as d } from "./chunks/loading-button.426d89b9.js";
+import { B as n, b as a, a as B } from "./chunks/button.e1c39f66.js";
+import { B as e, c as u, a as i, b as r } from "./chunks/button-actions.54e28e75.js";
+import { B as L, a as d } from "./chunks/loading-button.61d8ebe5.js";
 export {
   n as BentoButton,
   e as BentoButtonActions,

package/dist/card.js

@@ -1,12 +1,12 @@
 import { defineComponent as H, ref as M, watch as z, computed as a, resolveComponent as h, openBlock as o, createElementBlock as i, normalizeClass as c, withKeys as k, createElementVNode as B, createBlock as y, createCommentVNode as s, mergeProps as R, withCtx as S, renderSlot as g, createVNode as W } from "vue";
-import { B as Y, a as E, b as v } from "./chunks/index.ebf5f6cf.js";
+import { B as Y, a as E, b as v } from "./chunks/index.222d29b0.js";
 import { a as j, C as F } from "./chunks/chevron-down.69bedf14.js";
 import { u as P } from "./chunks/use-has-slot.068222e6.js";
 import { g as K } from "./chunks/unique-id.a2a2b458.js";
 import { u as x } from "./chunks/i18n.6c402773.js";
-import { B as q, c as T } from "./chunks/button-actions.a6e541ad.js";
+import { B as q, c as T } from "./chunks/button-actions.54e28e75.js";
 import { _ as G } from "./chunks/_plugin-vue_export-helper.dad06003.js";
-import "./assets/index4.css";
+import "./assets/index24.css";
 var m = /* @__PURE__ */ ((e) => (e.PRIMARY = "primary", e.SECONDARY = "secondary", e))(m || {}), u = /* @__PURE__ */ ((e) => (e.DEFAULT = "default", e.SMALL = "small", e))(u || {});
 const A = {
   "en-US": {

package/dist/checkbox.js

@@ -1,94 +1,102 @@
-import { B as k, b as m } from "./chunks/checkbox.cfb8b8df.js";
-import { a as J } from "./chunks/checkbox.cfb8b8df.js";
-import { defineComponent as v, computed as n, toRef as E, resolveComponent as d, openBlock as s, createElementBlock as f, createVNode as C, normalizeClass as S, withCtx as u, Fragment as B, renderList as I, createBlock as g, createSlots as G, createTextVNode as y, toDisplayString as _, createCommentVNode as M } from "vue";
-import { g as V } from "./chunks/unique-id.a2a2b458.js";
-import { d as x } from "./chunks/index.ebf5f6cf.js";
-import { C as w } from "./chunks/controls-group.806da9bd.js";
-import { E as A } from "./chunks/error-message.b88bb75a.js";
-import { _ as T } from "./chunks/_plugin-vue_export-helper.dad06003.js";
-import "./assets/index5.css";
-var t = /* @__PURE__ */ ((e) => (e.HORIZONTAL = "horizontal", e.VERTICAL = "vertical", e))(t || {});
-const U = v({
+import { B as v, b as m } from "./chunks/checkbox.a404069b.js";
+import { a as X } from "./chunks/checkbox.a404069b.js";
+import { defineComponent as E, toRef as _, computed as n, ref as C, watch as B, resolveComponent as i, openBlock as t, createElementBlock as b, createVNode as S, normalizeClass as I, withCtx as u, Fragment as G, renderList as M, createBlock as g, createSlots as V, createTextVNode as y, toDisplayString as k, createCommentVNode as w } from "vue";
+import { g as L } from "./chunks/unique-id.a2a2b458.js";
+import { d as T } from "./chunks/index.222d29b0.js";
+import { u as x } from "./chunks/use-form-layout-loading.d03e5d48.js";
+import { C as A } from "./chunks/controls-group.60fb2a86.js";
+import { E as O } from "./chunks/error-message.ddfe8ea5.js";
+import { _ as R } from "./chunks/_plugin-vue_export-helper.dad06003.js";
+import "./assets/index21.css";
+var s = /* @__PURE__ */ ((e) => (e.HORIZONTAL = "horizontal", e.VERTICAL = "vertical", e))(s || {});
+const q = E({
   name: "bento-checkbox-group",
-  components: { BentoCheckbox: k, ControlsGroup: w, ErrorMessage: A },
+  components: { BentoCheckbox: v, ControlsGroup: A, ErrorMessage: O },
   props: {
     /**
-     * The checkbox group's items.
+     * Descriptive supporting text visbile underneath the label.
      */
-    items: {
-      type: Array,
-      required: !0
-    },
+    description: { type: String, default: null },
     /**
-     * Determines the initially selected value of the group. Corresponds to the BentoCheckboxButtonItem's value.
-     * Defaults to no value selected.
+     * If set to true, renders all checkboxes in the group in a disabled state.
      */
-    modelValue: {
-      type: Array,
-      default: () => []
-    },
+    disabled: { type: Boolean, default: !1 },
     /**
-     * The checkbox group's layout. It can be vertical or horizontal. Defaults to vertical.
+     * Renders all checkboxes in an error state with an error message.
      */
-    variant: {
-      type: String,
-      default: t.VERTICAL,
-      validator: (e) => Object.values(t).includes(e)
-    },
+    errorMessage: { type: String, default: null },
     /**
      * The form id the checkbox group is associated with. Defaults to null, as a checkbox group can also be used standalone.
      */
-    formId: {
-      type: String,
-      default: null
-    },
+    formId: { type: String, default: null },
     /**
-     * If set to true, renders all checkboxes in the group in a disabled state.
+     * If set to true, renders all checkboxes in the group in an error state.
+     *
+     * @deprecated Use "errorMessage" prop instead
+     */
+    hasError: { type: Boolean, default: !1 },
+    /**
+     * Shows/hides the group label.
+     */
+    hideLabel: { type: Boolean, default: null },
+    /**
+     * The checkbox group's items.
+     */
+    items: { type: Array, required: !0 },
+    /**
+     * The name associated with the group. Required for accessibility purposes.
+     */
+    label: { type: String, required: !0 },
+    /**
+     * Determines the initially selected value of the group. Corresponds to the BentoCheckboxButtonItem's value.
+     * Defaults to no value selected.
+     */
+    modelValue: { type: Array, default: () => [] },
+    /**
+     * Indicates the field is optional.
      */
-    disabled: {
-      type: Boolean,
-      default: !1
-    },
+    optional: { type: Boolean, default: !1 },
     /**
      * If set to true, renders all checkboxes in the group in a readonly state.
      */
-    readonly: {
-      type: Boolean,
-      default: !1
-    },
+    readonly: { type: Boolean, default: !1 },
     /**
-     * If set to true, renders all checkboxes in the group in an error state.
-     *
-     * @deprecated Use "errorMessage" prop instead
+     * Indicates the field is required.
      */
-    hasError: {
-      type: Boolean,
-      default: !1
-    },
+    required: { type: Boolean, default: !1 },
     /**
-     * Renders all checkboxes in an error state with an error message.
+     * Tooltip message.
      */
-    errorMessage: {
-      type: String,
-      default: null
-    },
+    tooltipText: { type: String, default: null },
     /**
-     * The name associated with the group. Required for accessibility purposes.
+     * The checkbox group's layout. It can be vertical or horizontal. Defaults to vertical.
      */
-    label: { type: String, required: !0 }
+    variant: {
+      type: String,
+      default: s.VERTICAL,
+      validator: (e) => Object.values(s).includes(e)
+    }
   },
   emits: [m.UPDATE],
-  setup(e, { emit: c }) {
-    const i = V("error"), p = n(
-      () => !e.disabled && !e.readonly && (!!e.errorMessage || e.hasError)
+  setup(e, { emit: p }) {
+    const c = L("error"), { isReadOnly: a } = x(_(e, "readonly")), f = n(
+      () => !e.disabled && !a.value && (!!e.errorMessage || e.hasError)
     ), h = n(
-      () => !e.disabled && !e.readonly && !!e.errorMessage
-    ), b = n(() => ({
-      "b-checkbox-group__checkboxes--horizontal": e.variant === t.HORIZONTAL
-    })), o = E(e, "modelValue"), l = (a) => {
-      o.value = a, c(m.UPDATE, a);
+      () => !e.disabled && !a.value && !!e.errorMessage
+    ), l = n(() => ({
+      "b-checkbox-group__checkboxes--horizontal": e.variant === s.HORIZONTAL
+    })), r = C(e.modelValue);
+    B(
+      e.modelValue,
+      (o) => {
+        r.value = o;
+      },
+      { immediate: !0 }
+    );
+    const d = (o) => {
+      r.value = o, p(m.UPDATE, o);
     };
-    return e.hasError && x(
+    return e.hasError && T(
       'BentoCheckboxGroup "hasError" property',
       `Use the BentoCheckboxGroup "errorMessage" property instead to indicate that there is a modifier error.
                     Having the field as "undefined" will hide/remove the error.
@@ -96,68 +104,74 @@ const U = v({
       "2.0.0"
     ), {
       // Values
-      errorId: i,
-      shouldShowGroupError: p,
+      errorId: c,
+      isReadOnly: a,
+      shouldShowGroupError: f,
       shouldShowGroupErrorMessage: h,
-      conditionalClasses: b,
-      inputValue: o,
+      conditionalClasses: l,
+      inputValue: r,
       // Methods
-      onInput: l
+      onInput: d
     };
   }
 });
-const L = { class: "b-checkbox-group" };
-function N(e, c, i, p, h, b) {
-  const o = d("bento-checkbox"), l = d("controls-group"), a = d("error-message");
-  return s(), f("div", L, [
-    C(l, {
-      class: S(["b-checkbox-group__checkboxes", e.conditionalClasses]),
-      form: e.formId,
+const U = { class: "b-checkbox-group" };
+function N(e, p, c, a, f, h) {
+  const l = i("bento-checkbox"), r = i("controls-group"), d = i("error-message");
+  return t(), b("div", U, [
+    S(r, {
+      class: I(["b-checkbox-group__checkboxes", e.conditionalClasses]),
+      "aria-describedby": e.shouldShowGroupErrorMessage ? e.errorId : "",
+      description: e.description,
       disabled: e.disabled,
+      form: e.formId,
+      "hide-label": e.hideLabel,
       label: e.label,
-      "aria-describedby": e.shouldShowGroupErrorMessage ? e.errorId : ""
+      optional: e.optional,
+      required: e.required,
+      "tooltip-text": e.tooltipText
     }, {
       default: u(() => [
-        (s(!0), f(B, null, I(e.items, (r) => (s(), g(o, {
-          key: r.value,
+        (t(!0), b(G, null, M(e.items, (o) => (t(), g(l, {
+          key: o.value,
           "model-value": e.inputValue,
-          value: r.value,
-          disabled: e.disabled || r.disabled,
-          "has-error": e.shouldShowGroupError || r.hasError,
-          "error-message": e.shouldShowGroupError ? null : r.errorMessage,
-          readonly: e.readonly || r.readonly,
+          value: o.value,
+          disabled: e.disabled || o.disabled,
+          "has-error": e.shouldShowGroupError || o.hasError,
+          "error-message": e.shouldShowGroupError ? null : o.errorMessage,
+          readonly: e.isReadOnly || o.readonly,
           "onUpdate:modelValue": e.onInput
-        }, G({
+        }, V({
           default: u(() => [
-            y(_(r.label) + " ", 1)
+            y(k(o.label) + " ", 1)
           ]),
           _: 2
         }, [
-          r.description ? {
+          o.description ? {
             name: "description",
             fn: u(() => [
-              y(_(r.description), 1)
+              y(k(o.description), 1)
             ]),
             key: "0"
           } : void 0
         ]), 1032, ["model-value", "value", "disabled", "has-error", "error-message", "readonly", "onUpdate:modelValue"]))), 128))
       ]),
       _: 1
-    }, 8, ["class", "form", "disabled", "label", "aria-describedby"]),
-    e.shouldShowGroupErrorMessage ? (s(), g(a, {
+    }, 8, ["aria-describedby", "class", "description", "disabled", "form", "hide-label", "label", "optional", "required", "tooltip-text"]),
+    e.shouldShowGroupErrorMessage ? (t(), g(d, {
       key: 0,
       id: e.errorId,
       "error-message": e.errorMessage,
       class: "b-checkbox-group__error-message"
-    }, null, 8, ["id", "error-message"])) : M("", !0)
+    }, null, 8, ["id", "error-message"])) : w("", !0)
   ]);
 }
-const P = /* @__PURE__ */ T(U, [["render", N], ["__scopeId", "data-v-2ae224f1"]]);
+const J = /* @__PURE__ */ R(q, [["render", N], ["__scopeId", "data-v-ff2d33df"]]);
 export {
-  k as BentoCheckbox,
+  v as BentoCheckbox,
   m as BentoCheckboxEvent,
-  P as BentoCheckboxGroup,
-  t as BentoCheckboxGroupVariant,
-  J as BentoCheckboxState
+  J as BentoCheckboxGroup,
+  s as BentoCheckboxGroupVariant,
+  X as BentoCheckboxState
 };
 //# sourceMappingURL=checkbox.js.map

package/dist/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","sources":["../../vue2/src/components/checkbox/components/checkbox-group/checkbox-group.types.ts","../../vue2/src/components/checkbox/components/checkbox-group/checkbox-group.vue"],"sourcesContent":["export enum BentoCheckboxGroupVariant {\n    HORIZONTAL = 'horizontal',\n    VERTICAL = 'vertical',\n}\n\nexport interface BentoCheckboxGroupItem {\n    value: string | number;\n    label: string;\n    description?: string;\n    disabled?: boolean;\n    hasError?: boolean;\n    errorMessage?: string;\n    readonly?: boolean;\n}\n\nexport type BentoCheckboxGroupItems = Array<BentoCheckboxGroupItem>;\n","<template>\n    <div class=\"b-checkbox-group\">\n        <controls-group\n            class=\"b-checkbox-group__checkboxes\"\n            :class=\"conditionalClasses\"\n            :form=\"formId\"\n            :disabled=\"disabled\"\n            :label=\"label\"\n            :aria-describedby=\"shouldShowGroupErrorMessage ? errorId : ''\"\n        >\n            <bento-checkbox\n                v-for=\"item in items\"\n                :key=\"item.value\"\n                :model-value=\"inputValue\"\n                :value=\"item.value\"\n                :disabled=\"disabled || item.disabled\"\n                :has-error=\"shouldShowGroupError || item.hasError\"\n                :error-message=\"shouldShowGroupError ? null : item.errorMessage\"\n                :readonly=\"readonly || item.readonly\"\n                @update:model-value=\"onInput\"\n            >\n                {{ item.label }}\n                <template v-if=\"item.description\" #description>{{ item.description }}</template>\n            </bento-checkbox>\n        </controls-group>\n        <error-message\n            v-if=\"shouldShowGroupErrorMessage\"\n            :id=\"errorId\"\n            :error-message=\"errorMessage\"\n            class=\"b-checkbox-group__error-message\"\n        />\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, PropType, toRef } from 'vue';\n    import { ControlsGroup } from '@/components/internal/controls-group';\n    import { ErrorMessage } from '@/components/internal/error-message';\n    import { BentoCheckboxGroupItems, BentoCheckboxGroupVariant } from './checkbox-group.types';\n    import BentoCheckbox from '@/components/checkbox/checkbox.vue';\n    import { BentoCheckboxEvent } from '../../checkbox.types';\n    import { generateUid } from '@/utils/ts/unique-id';\n    import { deprecate } from '@/utils/ts/deprecate';\n\n    /**\n     * A checkbox group component should be used whenever it is necessary to group a set of checkboxes that are related together\n     * This component conforms to the official WAI-ARIA guidelines for grouping controls: https://www.w3.org/WAI/tutorials/forms/grouping/\n     *\n     * import { BentoCheckboxGroup } from '@adyen/bento-vue2/';\n     *\n     * export default {\n     *     components: { BentoCheckboxGroup },\n     *     template: `\n     *             <bento-checkbox-group\n     *                label=\"Your group label\"\n     *                :items=\"[\n     *                    { value: 1, label: 'Your label' },\n     *                    { value: 2, label: 'Another label', description: 'Your sub label' },\n     *                 ]\"\n     *              />\n     *     `\n     * };\n     */\n    export default defineComponent({\n        name: 'bento-checkbox-group',\n        components: { BentoCheckbox, ControlsGroup, ErrorMessage },\n        props: {\n            /**\n             * The checkbox group's items.\n             */\n            items: {\n                type: Array as PropType<BentoCheckboxGroupItems>,\n                required: true,\n            },\n            /**\n             * Determines the initially selected value of the group. Corresponds to the BentoCheckboxButtonItem's value.\n             * Defaults to no value selected.\n             */\n            modelValue: {\n                type: Array<number | string | null>,\n                default: () => [],\n            },\n            /**\n             * The checkbox group's layout. It can be vertical or horizontal. Defaults to vertical.\n             */\n            variant: {\n                type: String as PropType<BentoCheckboxGroupVariant | `${BentoCheckboxGroupVariant}`>,\n                default: BentoCheckboxGroupVariant.VERTICAL,\n                validator: (value: BentoCheckboxGroupVariant) =>\n                    Object.values(BentoCheckboxGroupVariant).includes(value),\n            },\n            /**\n             * The form id the checkbox group is associated with. Defaults to null, as a checkbox group can also be used standalone.\n             */\n            formId: {\n                type: String,\n                default: null,\n            },\n            /**\n             * If set to true, renders all checkboxes in the group in a disabled state.\n             */\n            disabled: {\n                type: Boolean,\n                default: false,\n            },\n            /**\n             * If set to true, renders all checkboxes in the group in a readonly state.\n             */\n            readonly: {\n                type: Boolean,\n                default: false,\n            },\n            /**\n             * If set to true, renders all checkboxes in the group in an error state.\n             *\n             * @deprecated Use \"errorMessage\" prop instead\n             */\n            hasError: {\n                type: Boolean,\n                default: false,\n            },\n            /**\n             * Renders all checkboxes in an error state with an error message.\n             */\n            errorMessage: {\n                type: String,\n                default: null,\n            },\n            /**\n             * The name associated with the group. Required for accessibility purposes.\n             */\n            label: { type: String, required: true },\n        },\n        emits: [BentoCheckboxEvent.UPDATE],\n        setup(props, { emit }) {\n            const errorId = generateUid('error');\n\n            const shouldShowGroupError = computed(\n                () => !props.disabled && !props.readonly && (!!props.errorMessage || props.hasError)\n            );\n            const shouldShowGroupErrorMessage = computed(\n                () => !props.disabled && !props.readonly && !!props.errorMessage\n            );\n\n            const conditionalClasses = computed(() => ({\n                'b-checkbox-group__checkboxes--horizontal': props.variant === BentoCheckboxGroupVariant.HORIZONTAL,\n            }));\n            const inputValue = toRef(props, 'modelValue');\n\n            const onInput = value => {\n                inputValue.value = value;\n                emit(BentoCheckboxEvent.UPDATE, value);\n            };\n\n            if (props.hasError) {\n                deprecate(\n                    'BentoCheckboxGroup \"hasError\" property',\n                    `Use the BentoCheckboxGroup \"errorMessage\" property instead to indicate that there is a modifier error.\n                    Having the field as \"undefined\" will hide/remove the error.\n                    <bento-checkbox-group errorMessage=\"Error message text\" />`,\n                    '2.0.0'\n                );\n            }\n\n            return {\n                // Values\n                errorId,\n                shouldShowGroupError,\n                shouldShowGroupErrorMessage,\n                conditionalClasses,\n                inputValue,\n\n                // Methods\n                onInput,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./checkbox-group.scss\" />\n"],"names":["BentoCheckboxGroupVariant","BentoCheckboxGroupVariant2","_sfc_main","defineComponent","BentoCheckbox","ControlsGroup","ErrorMessage","value","BentoCheckboxEvent","props","emit","errorId","generateUid","shouldShowGroupError","computed","shouldShowGroupErrorMessage","conditionalClasses","inputValue","toRef","onInput","deprecate","openBlock","createElementBlock","_hoisted_1","createVNode","_component_controls_group","normalizeClass","_ctx","Fragment","renderList","item","createBlock","_component_bento_checkbox","createSlots","_component_error_message"],"mappings":"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"}
+{"version":3,"file":"checkbox.js","sources":["../../vue2/src/components/checkbox/components/checkbox-group/checkbox-group.types.ts","../../vue2/src/components/checkbox/components/checkbox-group/checkbox-group.vue"],"sourcesContent":["export enum BentoCheckboxGroupVariant {\n    HORIZONTAL = 'horizontal',\n    VERTICAL = 'vertical',\n}\n\nexport interface BentoCheckboxGroupItem {\n    value: string | number;\n    label: string;\n    description?: string;\n    disabled?: boolean;\n    hasError?: boolean;\n    errorMessage?: string;\n    readonly?: boolean;\n}\n\nexport type BentoCheckboxGroupItems = Array<BentoCheckboxGroupItem>;\n","<template>\n    <div class=\"b-checkbox-group\">\n        <controls-group\n            class=\"b-checkbox-group__checkboxes\"\n            :aria-describedby=\"shouldShowGroupErrorMessage ? errorId : ''\"\n            :class=\"conditionalClasses\"\n            :description=\"description\"\n            :disabled=\"disabled\"\n            :form=\"formId\"\n            :hide-label=\"hideLabel\"\n            :label=\"label\"\n            :optional=\"optional\"\n            :required=\"required\"\n            :tooltip-text=\"tooltipText\"\n        >\n            <bento-checkbox\n                v-for=\"item in items\"\n                :key=\"item.value\"\n                :model-value=\"inputValue\"\n                :value=\"item.value\"\n                :disabled=\"disabled || item.disabled\"\n                :has-error=\"shouldShowGroupError || item.hasError\"\n                :error-message=\"shouldShowGroupError ? null : item.errorMessage\"\n                :readonly=\"isReadOnly || item.readonly\"\n                @update:model-value=\"onInput\"\n            >\n                {{ item.label }}\n                <template v-if=\"item.description\" #description>{{ item.description }}</template>\n            </bento-checkbox>\n        </controls-group>\n        <error-message\n            v-if=\"shouldShowGroupErrorMessage\"\n            :id=\"errorId\"\n            :error-message=\"errorMessage\"\n            class=\"b-checkbox-group__error-message\"\n        />\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, PropType, ref, toRef, watch } from 'vue';\n    import { ControlsGroup } from '@/components/internal/controls-group';\n    import { ErrorMessage } from '@/components/internal/error-message';\n    import { BentoCheckboxGroupItems, BentoCheckboxGroupVariant } from './checkbox-group.types';\n    import BentoCheckbox from '@/components/checkbox/checkbox.vue';\n    import { BentoCheckboxEvent } from '../../checkbox.types';\n    import { generateUid } from '@/utils/ts/unique-id';\n    import { deprecate } from '@/utils/ts/deprecate';\n    import { useFormLayoutFieldLoading } from '@/composables/use-form-layout-loading/use-form-layout-loading';\n\n    /**\n     * A checkbox group component should be used whenever it is necessary to group a set of checkboxes that are related together\n     * This component conforms to the official WAI-ARIA guidelines for grouping controls: https://www.w3.org/WAI/tutorials/forms/grouping/\n     *\n     * import { BentoCheckboxGroup } from '@adyen/bento-vue2/';\n     *\n     * export default {\n     *     components: { BentoCheckboxGroup },\n     *     template: `\n     *             <bento-checkbox-group\n     *                label=\"Your group label\"\n     *                :items=\"[\n     *                    { value: 1, label: 'Your label' },\n     *                    { value: 2, label: 'Another label', description: 'Your sub label' },\n     *                 ]\"\n     *              />\n     *     `\n     * };\n     */\n    export default defineComponent({\n        name: 'bento-checkbox-group',\n        components: { BentoCheckbox, ControlsGroup, ErrorMessage },\n        props: {\n            /**\n             * Descriptive supporting text visbile underneath the label.\n             */\n            description: { type: String, default: null },\n\n            /**\n             * If set to true, renders all checkboxes in the group in a disabled state.\n             */\n            disabled: { type: Boolean, default: false },\n\n            /**\n             * Renders all checkboxes in an error state with an error message.\n             */\n            errorMessage: { type: String, default: null },\n\n            /**\n             * The form id the checkbox group is associated with. Defaults to null, as a checkbox group can also be used standalone.\n             */\n            formId: { type: String, default: null },\n\n            /**\n             * If set to true, renders all checkboxes in the group in an error state.\n             *\n             * @deprecated Use \"errorMessage\" prop instead\n             */\n            hasError: { type: Boolean, default: false },\n\n            /**\n             * Shows/hides the group label.\n             */\n            hideLabel: { type: Boolean, default: null },\n\n            /**\n             * The checkbox group's items.\n             */\n            items: { type: Array as PropType<BentoCheckboxGroupItems>, required: true },\n\n            /**\n             * The name associated with the group. Required for accessibility purposes.\n             */\n            label: { type: String, required: true },\n\n            /**\n             * Determines the initially selected value of the group. Corresponds to the BentoCheckboxButtonItem's value.\n             * Defaults to no value selected.\n             */\n            modelValue: { type: Array<number | string | null>, default: () => [] },\n\n            /**\n             * Indicates the field is optional.\n             */\n            optional: { type: Boolean, default: false },\n\n            /**\n             * If set to true, renders all checkboxes in the group in a readonly state.\n             */\n            readonly: { type: Boolean, default: false },\n\n            /**\n             * Indicates the field is required.\n             */\n            required: { type: Boolean, default: false },\n\n            /**\n             * Tooltip message.\n             */\n            tooltipText: { type: String, default: null },\n\n            /**\n             * The checkbox group's layout. It can be vertical or horizontal. Defaults to vertical.\n             */\n            variant: {\n                type: String as PropType<BentoCheckboxGroupVariant | `${BentoCheckboxGroupVariant}`>,\n                default: BentoCheckboxGroupVariant.VERTICAL,\n                validator: (value: BentoCheckboxGroupVariant) =>\n                    Object.values(BentoCheckboxGroupVariant).includes(value),\n            },\n        },\n        emits: [BentoCheckboxEvent.UPDATE],\n        setup(props, { emit }) {\n            const errorId = generateUid('error');\n            const { isReadOnly } = useFormLayoutFieldLoading(toRef(props, 'readonly'));\n\n            const shouldShowGroupError = computed(\n                () => !props.disabled && !isReadOnly.value && (!!props.errorMessage || props.hasError)\n            );\n            const shouldShowGroupErrorMessage = computed(\n                () => !props.disabled && !isReadOnly.value && !!props.errorMessage\n            );\n\n            const conditionalClasses = computed(() => ({\n                'b-checkbox-group__checkboxes--horizontal': props.variant === BentoCheckboxGroupVariant.HORIZONTAL,\n            }));\n\n            const inputValue = ref(props.modelValue);\n            watch(\n                props.modelValue,\n                newModelValue => {\n                    inputValue.value = newModelValue;\n                },\n                { immediate: true }\n            );\n\n            const onInput = value => {\n                inputValue.value = value;\n                emit(BentoCheckboxEvent.UPDATE, value);\n            };\n\n            if (props.hasError) {\n                deprecate(\n                    'BentoCheckboxGroup \"hasError\" property',\n                    `Use the BentoCheckboxGroup \"errorMessage\" property instead to indicate that there is a modifier error.\n                    Having the field as \"undefined\" will hide/remove the error.\n                    <bento-checkbox-group errorMessage=\"Error message text\" />`,\n                    '2.0.0'\n                );\n            }\n\n            return {\n                // Values\n                errorId,\n                isReadOnly,\n                shouldShowGroupError,\n                shouldShowGroupErrorMessage,\n                conditionalClasses,\n                inputValue,\n\n                // Methods\n                onInput,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./checkbox-group.scss\" />\n"],"names":["BentoCheckboxGroupVariant","BentoCheckboxGroupVariant2","_sfc_main","defineComponent","BentoCheckbox","ControlsGroup","ErrorMessage","value","BentoCheckboxEvent","props","emit","errorId","generateUid","isReadOnly","useFormLayoutFieldLoading","toRef","shouldShowGroupError","computed","shouldShowGroupErrorMessage","conditionalClasses","inputValue","ref","watch","newModelValue","onInput","deprecate","openBlock","createElementBlock","_hoisted_1","createVNode","_component_controls_group","normalizeClass","_ctx","Fragment","renderList","item","createBlock","_component_bento_checkbox","createSlots","_component_error_message"],"mappings":"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"}