@adyen/bento-vue2 1.10.0 → 1.11.0

package/dist/internal.js

@@ -1,11 +1,11 @@
-import { B as r, L as e } from "./chunks/listbox-option-tag.60c0beca.js";
-import { C as s, a as p, b as i } from "./chunks/calendar.7dbac3b8.js";
-import { C as x, a as n } from "./chunks/copy.f4019f8d.js";
-import { C as f } from "./chunks/controls-group.24a9efb1.js";
-import { E as d, F as L } from "./chunks/field-label.bdf22f47.js";
-import { F as y } from "./chunks/fixed-scroller.28158c25.js";
+import { B as r, L as e } from "./chunks/listbox-option-tag.9103c011.js";
+import { C as s, a as p, b as i } from "./chunks/calendar.4ab3c2dc.js";
+import { C as x, a as n } from "./chunks/copy.36c058e9.js";
+import { C as f } from "./chunks/controls-group.d25f5044.js";
+import { E as d, F as L } from "./chunks/field-label.a0c54b7d.js";
+import { F as y } from "./chunks/fixed-scroller.5c90f692.js";
 import { G as b, a as B } from "./chunks/grid-layout.e0025286.js";
-import { B as v, u as E } from "./chunks/listbox.163433c5.js";
+import { B as v, u as E } from "./chunks/listbox.7cf6d6b4.js";
 export {
   r as BentoAvatar,
   v as BentoListbox,

package/dist/link.js

@@ -1,8 +1,8 @@
 import { defineComponent as c, computed as p, useAttrs as _ } from "vue";
 import { RouterLink as u } from "vue-router";
-import { B as f } from "./chunks/index.858b0720.js";
+import { B as f } from "./chunks/index.b0a89960.js";
 import { n as d } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import "./assets/index6.css";
+import "./assets/index34.css";
 var a = /* @__PURE__ */ ((s) => (s.DEFAULT = "default", s.QUIET = "quiet", s))(a || {});
 const k = {
   name: "bento-link",

package/dist/loading-indicator.js

@@ -1,6 +1,6 @@
 import { defineComponent as t, onMounted as s, onUnmounted as l, computed as i } from "vue";
 import { n as r } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import "./assets/index45.css";
+import "./assets/index36.css";
 var a = /* @__PURE__ */ ((n) => (n.START = "loading-start", n.END = "loading-end", n))(a || {});
 const d = t({
   name: "bento-loading-indicator",

package/dist/menu.js

@@ -1,4 +1,4 @@
-import { B as o, a as t } from "./chunks/index.4824eab5.js";
+import { B as o, a as t } from "./chunks/index.f2223abb.js";
 export {
   o as BentoMenu,
   t as BentoMenuEvent

package/dist/modal.js

@@ -1,9 +1,9 @@
 import { defineComponent as _, onMounted as C, toRefs as h, ref as E, computed as f, useAttrs as w, watch as x } from "vue";
-import { f as A, b as p, e as c, d as r, c as T, B as y, a as B } from "./chunks/base-modal.193ce866.js";
+import { f as A, b as p, e as c, d as r, c as T, B as y, a as B } from "./chunks/base-modal.5640a66a.js";
 import { u as v } from "./chunks/use-has-slot.fbeb19ec.js";
-import { F as k } from "./chunks/footer-actions.08a8323b.js";
+import { F as k } from "./chunks/footer-actions.b14cfca8.js";
 import { n as b } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import { B as S } from "./chunks/button.f3f05408.js";
+import { B as S } from "./chunks/button.bb5b4909.js";
 import { u as R } from "./chunks/i18n.eb5b985b.js";
 import { BentoButtonActions as N } from "./button.js";
 const z = _({

package/dist/pagination.js

@@ -1,12 +1,12 @@
 import { defineComponent as c, ref as P, computed as i, toRefs as w } from "vue";
 import { u as L } from "./chunks/aria-label.ac9651a5.js";
-import { B as b } from "./chunks/index.858b0720.js";
-import { B as C } from "./chunks/dropdown.f784ac67.js";
+import { B as C } from "./chunks/index.b0a89960.js";
+import { B as b } from "./chunks/dropdown.4152cc00.js";
 import { g as T } from "./chunks/unique-id.a2a2b458.js";
 import { g as y, a as x } from "./chunks/i18n.eb5b985b.js";
 import { n as r } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import { a as N } from "./chunks/button.f3f05408.js";
-import "./assets/index43.css";
+import { a as N } from "./chunks/button.bb5b4909.js";
+import "./assets/index41.css";
 const S = {
   "en-US": {
     showingItems: "Showing {itemCount} items",
@@ -32,7 +32,7 @@ const S = {
     showingItems: "Mostrando {itemCount} artículos",
     showingItemsWithTotal: "Mostrando {itemCount} de {totalCount} artículos"
   }
-}, I = 50, v = [
+}, I = 50, d = [
   { label: "10", value: 10 },
   { label: "20", value: 20 },
   { label: "50", value: 50 },
@@ -43,8 +43,8 @@ const S = {
   name: "bento-pagination-context-results-per-page",
   i18n: { messages: S },
   components: {
-    BentoDropdown: C,
-    BentoTypography: b
+    BentoDropdown: b,
+    BentoTypography: C
   },
   props: {
     /**
@@ -53,7 +53,7 @@ const S = {
     itemsPerPage: {
       type: Number,
       default: I,
-      validator: (a) => v.some(({ value: t }) => t === a)
+      validator: (a) => d.some(({ value: t }) => t === a)
     },
     /**
      * The total number of items the pager is paging through.
@@ -62,7 +62,7 @@ const S = {
   },
   emits: ["select"],
   setup(a, { emit: t }) {
-    const e = T("b-pagination-context-number-elements"), n = P(v), l = x(), g = (o) => {
+    const e = T("b-pagination-context-number-elements"), n = P(d), l = x(), g = (o) => {
       t("select", o);
     }, p = i(() => a.totalCount ? "showingItemsWithTotal" : "showingItems");
     return {
@@ -81,7 +81,7 @@ const S = {
 var R = function() {
   var t = this, e = t._self._c;
   return t._self._setupProxy, e("div", { staticClass: "b-pagination-results-per-page" }, [e("bento-typography", { attrs: { el: "div" } }, [e(t.i18nComponent, t._b({ tag: "component", staticClass: "b-pagination-results-per-page__dropdown-container", attrs: { tag: "div", plural: t.totalCount }, scopedSlots: t._u([{ key: "itemCount", fn: function() {
-    return [e("bento-dropdown", { staticClass: "b-pagination-results-per-page__dropdown", attrs: { id: t.dropdownId, value: t.itemsPerPage, items: t.dropdownOptions, "aria-label": t.$t(t.translationPathKey, { itemCount: t.itemsPerPage, totalCount: t.totalCount }) }, on: { input: t.onSelectChange } })];
+    return [e("bento-dropdown", { staticClass: "b-pagination-results-per-page__dropdown", attrs: { id: t.dropdownId, "aria-label": t.$t(t.translationPathKey, { itemCount: t.itemsPerPage, totalCount: t.totalCount }), condensed: "", items: t.dropdownOptions, value: t.itemsPerPage }, on: { input: t.onSelectChange } })];
   }, proxy: !0 }, t.totalCount ? { key: "totalCount", fn: function() {
     return [t._v(t._s(t.totalCount))];
   }, proxy: !0 } : null], null, !0) }, "component", t.getI18nProps(t.translationPathKey), !1))], 1)], 1);
@@ -91,7 +91,7 @@ var R = function() {
   F,
   !1,
   null,
-  "b9985b4c",
+  "5b81c002",
   null,
   null
 );
@@ -130,8 +130,8 @@ const k = B.exports, A = {
   i18n: { messages: A },
   name: "bento-pagination-context",
   components: {
-    BentoDropdown: C,
-    BentoTypography: b
+    BentoDropdown: b,
+    BentoTypography: C
   },
   props: {
     /**
@@ -177,25 +177,25 @@ const k = B.exports, A = {
 var M = function() {
   var t = this, e = t._self._c;
   return t._self._setupProxy, e("div", { staticClass: "b-pagination-context" }, [t.totalPages > 1 ? e("bento-typography", { attrs: { el: "div" } }, [e(t.i18nComponent, t._b({ tag: "component", attrs: { tag: "div" }, scopedSlots: t._u([{ key: "page", fn: function() {
-    return [e("bento-dropdown", { staticClass: "b-pagination-context__dropdown", attrs: { id: t.dropdownId, value: t.page, items: t.listOfAvailablePages, "aria-label": t.$t("pageOfTotalPages", { page: t.page, totalPages: t.totalPages }), "virtual-scroll": t.virtualScroll }, on: { input: t.onPageSelectChange } })];
+    return [e("bento-dropdown", { staticClass: "b-pagination-context__dropdown", attrs: { id: t.dropdownId, "aria-label": t.$t("pageOfTotalPages", { page: t.page, totalPages: t.totalPages }), condensed: "", items: t.listOfAvailablePages, value: t.page, "virtual-scroll": t.virtualScroll }, on: { input: t.onPageSelectChange } })];
   }, proxy: !0 }, { key: "totalPages", fn: function() {
     return [t._v(t._s(t.totalPages))];
-  }, proxy: !0 }], null, !1, 2193362453) }, "component", t.getI18nProps("pageOfTotalPages"), !1))], 1) : t.totalPages === 1 ? e("bento-typography", { attrs: { el: "span" } }, [t._v(" " + t._s(t.$t("pageOneOfOne")) + " ")]) : e("bento-typography", { attrs: { el: "span" } }, [t._v(" " + t._s(t.$t("pageNumber", { page: t.page })) + " ")])], 1);
+  }, proxy: !0 }], null, !1, 1835443900) }, "component", t.getI18nProps("pageOfTotalPages"), !1))], 1) : t.totalPages === 1 ? e("bento-typography", { attrs: { el: "span" } }, [t._v(" " + t._s(t.$t("pageOneOfOne")) + " ")]) : e("bento-typography", { attrs: { el: "span" } }, [t._v(" " + t._s(t.$t("pageNumber", { page: t.page })) + " ")])], 1);
 }, Z = [], W = /* @__PURE__ */ r(
   E,
   M,
   Z,
   !1,
   null,
-  "242cfbeb",
+  "a1e4b8ee",
   null,
   null
 );
 const D = W.exports;
-let d = 0;
+let v = 0;
 const z = {
   beforeCreate() {
-    this.uuid = d.toString(), d += 1;
+    this.uuid = v.toString(), v += 1;
   }
 };
 var U = function() {
@@ -380,7 +380,7 @@ var ut = function() {
   null,
   null
 );
-const _t = ct.exports, vt = {
+const _t = ct.exports, dt = {
   "en-US": {
     paginatedNavigation: "Paginated navigation",
     showingItemsWithTotal: "Showing {itemCount} of {totalCount} item | Showing {itemCount} of {totalCount} items"
@@ -405,8 +405,8 @@ const _t = ct.exports, vt = {
     paginatedNavigation: "Navegación por páginas",
     showingItemsWithTotal: "Mostrando {itemCount} de {totalCount} artículo | Mostrando {itemCount} de {totalCount} artículos"
   }
-}, dt = c({
-  i18n: { messages: vt },
+}, vt = c({
+  i18n: { messages: dt },
   name: "bento-pagination",
   components: {
     BentoPaginationContext: D,
@@ -494,7 +494,7 @@ var mt = function() {
   var t = this, e = t._self._c;
   return t._self._setupProxy, e("div", { staticClass: "b-pagination" }, [e("nav", { staticClass: "b-pagination__navigation", class: t.navigationConditionalClasses, attrs: { "aria-label": t.computedAriaLabel } }, [t.hidePageSize ? t._e() : e("bento-pagination-results-per-page", { staticClass: "b-pagination__results-per-page", attrs: { "items-per-page": t.size, "total-count": t.totalCount }, on: { select: t.onItemsPerPageChange } }), e("div", { staticClass: "b-pagination__page-navigator" }, [e("bento-pagination-context", { staticClass: "b-pagination__context", attrs: { "total-pages": t.totalPages, page: t.page, "total-count": t.totalCount, "virtual-scroll": t.virtualScroll }, on: { "page-selected": t.onPageSelected } }), e("div", { staticClass: "b-pagination__divider" }), e("bento-pagination-controls", { staticClass: "b-pagination__controls", attrs: { "has-next": t.hasNext, page: t.page, "total-pages": t.totalPages }, on: { navigate: t.navigate } })], 1)], 1)]);
 }, ft = [], ht = /* @__PURE__ */ r(
-  dt,
+  vt,
   mt,
   ft,
   !1,

package/dist/pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.js","sources":["../src/components/pagination/components/pagination-results-per-page/pagination-results-per-page.vue","../src/components/pagination/components/pagination-context/pagination-context.vue","../node_modules/@adyen/ui-assets-icons-16/dist/vue/skip-left.vue","../node_modules/@adyen/ui-assets-icons-16/dist/vue/skip-right.vue","../node_modules/@adyen/ui-assets-icons-16/dist/vue/chevron-left-small.vue","../node_modules/@adyen/ui-assets-icons-16/dist/vue/chevron-right-small.vue","../src/components/pagination/components/pagination-controls/pagination-controls.vue","../src/components/pagination/pagination.vue"],"sourcesContent":["<template>\n    <div class=\"b-pagination-results-per-page\">\n        <bento-typography el=\"div\">\n            <component\n                :is=\"i18nComponent\"\n                v-bind=\"getI18nProps(translationPathKey)\"\n                class=\"b-pagination-results-per-page__dropdown-container\"\n                tag=\"div\"\n                :plural=\"totalCount\"\n            >\n                <template #itemCount>\n                    <bento-dropdown\n                        :id=\"dropdownId\"\n                        :value=\"itemsPerPage\"\n                        :items=\"dropdownOptions\"\n                        class=\"b-pagination-results-per-page__dropdown\"\n                        :aria-label=\"$t(translationPathKey, { itemCount: itemsPerPage, totalCount })\"\n                        @input=\"onSelectChange\"\n                    />\n                </template>\n                <template v-if=\"!!totalCount\" #totalCount>{{ totalCount }}</template>\n            </component>\n        </bento-typography>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, ref } from 'vue';\n    import { BentoTypography } from '@/components/typography';\n    import { BentoDropdown } from '@/components/dropdown';\n    import { generateUid } from '@/utils/ts/unique-id';\n    import { getI18nComponent, getI18nProps } from '@/utils/ts/i18n';\n\n    import messages from './messages.json';\n\n    const DEFAULT_NUMBER_OF_RESULTS = 50;\n    const PREDEFINED_RESULTS_PER_PAGE_VALUES = [\n        { label: '10', value: 10 },\n        { label: '20', value: 20 },\n        { label: '50', value: 50 }, // DEFAULT_NUMBER_OF_RESULTS\n        { label: '75', value: 75 },\n        { label: '100', value: 100 },\n    ];\n\n    export default defineComponent({\n        name: 'bento-pagination-context-results-per-page',\n        i18n: { messages },\n        components: {\n            BentoDropdown,\n            BentoTypography,\n        },\n        props: {\n            /**\n             *  The amount of items the pager is paging through.\n             */\n            itemsPerPage: {\n                type: Number,\n                default: DEFAULT_NUMBER_OF_RESULTS,\n                validator: (itemsPerPageValue: number) =>\n                    PREDEFINED_RESULTS_PER_PAGE_VALUES.some(({ value }) => value === itemsPerPageValue),\n            },\n            /**\n             * The total number of items the pager is paging through.\n             */\n            totalCount: { type: Number, default: null },\n        },\n        emits: ['select'],\n        setup(props, { emit }) {\n            const dropdownId = generateUid('b-pagination-context-number-elements');\n            const dropdownOptions = ref(PREDEFINED_RESULTS_PER_PAGE_VALUES);\n            const i18nComponent = getI18nComponent();\n\n            const onSelectChange = (selectedNumberOfResults: number) => {\n                emit('select', selectedNumberOfResults);\n            };\n\n            const translationPathKey = computed(() => (props.totalCount ? 'showingItemsWithTotal' : 'showingItems'));\n\n            return {\n                // Values\n                dropdownId,\n                dropdownOptions,\n                i18nComponent,\n                translationPathKey,\n\n                // Methods\n                getI18nProps,\n\n                // Events\n                onSelectChange,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./pagination-results-per-page.scss\" />\n","<template>\n    <div class=\"b-pagination-context\">\n        <bento-typography v-if=\"totalPages > 1\" el=\"div\">\n            <component :is=\"i18nComponent\" v-bind=\"getI18nProps('pageOfTotalPages')\" tag=\"div\">\n                <template #page>\n                    <bento-dropdown\n                        :id=\"dropdownId\"\n                        :value=\"page\"\n                        :items=\"listOfAvailablePages\"\n                        :aria-label=\"$t('pageOfTotalPages', { page, totalPages })\"\n                        class=\"b-pagination-context__dropdown\"\n                        :virtual-scroll=\"virtualScroll\"\n                        @input=\"onPageSelectChange\"\n                    />\n                </template>\n                <template #totalPages>{{ totalPages }}</template>\n            </component>\n        </bento-typography>\n        <bento-typography v-else-if=\"totalPages === 1\" el=\"span\">\n            {{ $t('pageOneOfOne') }}\n        </bento-typography>\n        <bento-typography v-else el=\"span\">\n            {{ $t('pageNumber', { page }) }}\n        </bento-typography>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent } from 'vue';\n    import { BentoTypography } from '@/components/typography';\n    import { BentoDropdown } from '@/components/dropdown';\n    import { BentoListboxOptionItem } from '@/types';\n    import { generateUid } from '@/utils/ts/unique-id';\n    import messages from './messages.json';\n    import { getI18nComponent, getI18nProps } from '../../../../utils/ts/i18n';\n\n    export default defineComponent({\n        i18n: { messages },\n        name: 'bento-pagination-context',\n        components: {\n            BentoDropdown,\n            BentoTypography,\n        },\n        props: {\n            /**\n             * The current page number of the pager.\n             */\n            page: {\n                type: Number,\n                default: 1,\n                validator: (value: number) => Number.isFinite(value) && value > 0,\n            },\n\n            /**\n             * The total number of items the pager is paging through.\n             */\n            totalPages: { type: Number, default: null },\n\n            /**\n             * Enables virtual scrolling on all dropdowns if set to true.\n             */\n            virtualScroll: {\n                type: Boolean,\n                default: false,\n            },\n        },\n        emits: ['page-selected'],\n        setup(props, { emit }) {\n            const dropdownId = generateUid('bento-pagination-context-current-page');\n            const onPageSelectChange = (selectedPage: string | number) => emit('page-selected', selectedPage);\n            const i18nComponent = getI18nComponent();\n\n            // Generate a list of pages from 1 to \"totalPages\"\n            const transformIntoOption = (value: number): BentoListboxOptionItem => ({\n                label: value.toString(),\n                value,\n            });\n            const transformToPageNumber = (_, index) => index + 1;\n            const listOfAvailablePages = computed(() =>\n                Array.from(new Array(props.totalPages), transformToPageNumber).map(transformIntoOption)\n            );\n\n            return {\n                // Values\n                dropdownId,\n                listOfAvailablePages,\n                i18nComponent,\n\n                // Methods\n                getI18nProps,\n\n                // Events\n                onPageSelectChange,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./pagination-context.scss\" />\n","\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><path fill=\"#00112C\" d=\"M9.06055 8.00011L12.0605 5.00011L10.9999 3.93945L6.93923 8.00011L10.9999 12.0608L12.0605 11.0001L9.06055 8.00011Z\"/><path fill=\"#00112C\" d=\"M4.25 4.25L4.25 11.75H5.75L5.75 4.25L4.25 4.25Z\"/></svg>\n</template>\n<script>\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n<style>\n    @import '../css/main.css';\n</style>\n","\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><path fill=\"#00112C\" d=\"M6.93945 7.99962L3.93945 10.9996L5.00011 12.0603L9.06077 7.99963L5.00011 3.93896L3.93945 4.99963L6.93945 7.99962Z\"/><path fill=\"#00112C\" d=\"M11.75 11.7497V4.24974L10.25 4.24974V11.7497H11.75Z\"/></svg>\n</template>\n<script>\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n<style>\n    @import '../css/main.css';\n</style>\n","\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><path fill=\"#00112C\" d=\"M10.5608 5.00011L7.56077 8.00011L10.5608 11.0001L9.50011 12.0608L5.43945 8.00011L9.50011 3.93945L10.5608 5.00011Z\"/></svg>\n</template>\n<script>\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n<style>\n    @import '../css/main.css';\n</style>\n","\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><path fill=\"#00112C\" d=\"M5.43924 10.9999L8.43924 7.99989L5.43924 4.99989L6.4999 3.93923L10.5606 7.99989L6.4999 12.0605L5.43924 10.9999Z\"/></svg>\n</template>\n<script>\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n<style>\n    @import '../css/main.css';\n</style>\n","<template>\n    <ul class=\"b-pagination-controls\">\n        <li class=\"b-pagination-controls__item\">\n            <!-- Navigate to the first page -->\n            <bento-button :disabled=\"isCurrentPageFirst\" variant=\"tertiary\" condensed @click=\"navigate(1)\">\n                <template #iconLeft>\n                    <skip-left :svg-title=\"$t('navigateToTheFirstPage')\" />\n                </template>\n            </bento-button>\n        </li>\n        <li class=\"b-pagination-controls__item\">\n            <!-- Navigate to the previous page -->\n            <bento-button :disabled=\"isCurrentPageFirst\" variant=\"tertiary\" condensed @click=\"navigate(page - 1)\">\n                <template #iconLeft>\n                    <chevron-left :svg-title=\"$t('navigateToThePreviousPage')\" />\n                </template>\n            </bento-button>\n        </li>\n        <li class=\"b-pagination-controls__item\">\n            <!-- Navigate to the next page -->\n            <bento-button :disabled=\"isNextButtonDisabled\" variant=\"tertiary\" condensed @click=\"navigate(page + 1)\">\n                <template #iconLeft>\n                    <chevron-right :svg-title=\"$t('navigateToTheNextPage')\" />\n                </template>\n            </bento-button>\n        </li>\n        <li class=\"b-pagination-controls__item\">\n            <!-- Navigate to the last page -->\n            <bento-button\n                :disabled=\"isLastPageButtonDisabled\"\n                variant=\"tertiary\"\n                condensed\n                @click=\"navigate(totalPages)\"\n            >\n                <template #iconLeft>\n                    <skip-right :svg-title=\"$t('navigateToTheLastPage')\" />\n                </template>\n            </bento-button>\n        </li>\n    </ul>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent } from 'vue';\n    import { BentoButton } from '@/components/button';\n    import SkipLeft from '@adyen/ui-assets-icons-16/vue/skip-left';\n    import SkipRight from '@adyen/ui-assets-icons-16/vue/skip-right';\n    import ChevronLeft from '@adyen/ui-assets-icons-16/vue/chevron-left-small';\n    import ChevronRight from '@adyen/ui-assets-icons-16/vue/chevron-right-small';\n\n    import messages from './messages.json';\n\n    export default defineComponent({\n        i18n: { messages },\n        name: 'adl-pagination-controls',\n        components: {\n            BentoButton,\n            SkipLeft,\n            SkipRight,\n            ChevronLeft,\n            ChevronRight,\n        },\n        props: {\n            /**\n             * Use to determine if the pager has a \"next page\".\n             */\n            hasNext: { type: Boolean, default: null },\n\n            /**\n             * The current page number of the pager.\n             */\n            page: { type: Number, required: true },\n\n            /**\n             * The current page number of the pager.\n             */\n            totalPages: { type: Number, default: null },\n        },\n        emits: ['navigate'],\n        setup(props, { emit }) {\n            const isCurrentPageFirst = computed(() => props.page === 1);\n            const isCurrentPageLast = computed(() => props.page === props.totalPages);\n            const isNextButtonDisabled = computed(() => {\n                const hasNoNextPage = !props.hasNext;\n                return hasNoNextPage || isCurrentPageLast.value;\n            });\n            const isLastPageButtonDisabled = computed(() => {\n                const hasNoNextPage = !props.hasNext;\n                const hasNoTotalPagesNumber = !props.totalPages;\n\n                return hasNoNextPage || isCurrentPageLast.value || hasNoTotalPagesNumber;\n            });\n\n            const navigate = (pageArg: number) => {\n                emit('navigate', pageArg);\n            };\n\n            return {\n                // Values\n                isNextButtonDisabled,\n                isCurrentPageFirst,\n                isCurrentPageLast,\n                isLastPageButtonDisabled,\n\n                // Events\n                navigate,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./pagination-controls.scss\" />\n","<template>\n    <div class=\"b-pagination\">\n        <nav :aria-label=\"computedAriaLabel\" class=\"b-pagination__navigation\" :class=\"navigationConditionalClasses\">\n            <bento-pagination-results-per-page\n                v-if=\"!hidePageSize\"\n                class=\"b-pagination__results-per-page\"\n                :items-per-page=\"size\"\n                :total-count=\"totalCount\"\n                @select=\"onItemsPerPageChange\"\n            />\n\n            <div class=\"b-pagination__page-navigator\">\n                <bento-pagination-context\n                    class=\"b-pagination__context\"\n                    :total-pages=\"totalPages\"\n                    :page=\"page\"\n                    :total-count=\"totalCount\"\n                    :virtual-scroll=\"virtualScroll\"\n                    @page-selected=\"onPageSelected\"\n                />\n\n                <div class=\"b-pagination__divider\"></div>\n\n                <bento-pagination-controls\n                    class=\"b-pagination__controls\"\n                    :has-next=\"hasNext\"\n                    :page=\"page\"\n                    :total-pages=\"totalPages\"\n                    @navigate=\"navigate\"\n                />\n            </div>\n        </nav>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, ref, toRefs } from 'vue';\n    import { useAriaLabel } from '@/utils/ts/aria-label';\n    import BentoPaginationResultsPerPage from './components/pagination-results-per-page/pagination-results-per-page.vue';\n    import BentoPaginationContext from './components/pagination-context/pagination-context.vue';\n    import BentoPaginationControls from './components/pagination-controls/pagination-controls.vue';\n    import messages from './messages.json';\n\n    /**\n     * Paginiation component to help users page through data sets.\n     *\n     * There are two ways of doing navigation in this component:\n     *      1. (Basic) You tell the component if there is a next page (hasNext)\n     *      2. (Enhanced) You tell the component:\n     *          - How many total items exist (totalCount)\n     *          - The max number of items that you show/fetch per page (size)\n     *          - In this case you should not set the hasNext props\n     *\n     * If you have the data available and opt to use the Enhanced way you get extra controls:\n     *      - Page dropdown selector\n     *      - Last page button\n     *      - \"Showing 10 of 200 items\" text\n     *\n     * @usage\n     * import { BentoPagination } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoPagination },\n     *     template: `\n     *         <bento-pagination :has-next=\"isNextPage\" />\n     *     `,\n     * }\n     */\n    export default defineComponent({\n        i18n: { messages },\n        name: 'bento-pagination',\n        components: {\n            BentoPaginationContext,\n            BentoPaginationControls,\n            BentoPaginationResultsPerPage,\n        },\n        props: {\n            /**\n             * @deprecated from version 2.0.0. Use the aria-label attribute instead.\n             */\n            /**\n             * A brief description of the purpose of the navigation (for a11y).\n             * Omit the term \"navigation\", as the screen reader will read both the role and the contents of the label.\n             */\n            ariaLabel: { type: String, default: null },\n\n            /**\n             * Use to determine if the pager has a \"next page\".\n             */\n            hasNext: { type: Boolean, default: null },\n\n            /**\n             * Toggles the visibility of the \"results per page\" part of the pagination component.\n             */\n            hidePageSize: {\n                type: Boolean,\n                default: false,\n            },\n\n            /**\n             * The current page number of the pager.\n             */\n            page: {\n                type: Number,\n                default: 1,\n                validator: (value: number) => Number.isFinite(value) && value > 0,\n            },\n\n            /**\n             *  The size of the items the pager is paging through.\n             */\n            size: {\n                type: Number,\n                default: 20,\n                validator: (itemsPerPageValue: number) => [10, 20, 50, 75, 100].includes(itemsPerPageValue),\n            },\n\n            /**\n             * The total number of items the pager is paging through.\n             */\n            totalCount: { type: Number, default: null },\n\n            /**\n             * Enables virtual scrolling on all dropdowns if set to true.\n             */\n            virtualScroll: {\n                type: Boolean,\n                default: false,\n            },\n        },\n        emits: ['navigate', 'items-page', 'update:page', 'update:size'],\n        setup(props, { attrs, emit }) {\n            const ariaLabelAttribute = ref(attrs['aria-label']);\n            const { ariaLabel } = toRefs(props);\n            const computedAriaLabel = useAriaLabel({\n                ariaLabel: ariaLabelAttribute.value as string,\n                // TODO: take this line away when the aria-label props is removed\n                label: ariaLabel,\n            });\n\n            const totalPages = computed(() =>\n                !props.totalCount || !props.size ? null : Math.ceil(props.totalCount / props.size)\n            );\n\n            const navigate = (pageArg: number) => {\n                emit('navigate', pageArg);\n                emit('update:page', pageArg);\n            };\n\n            const onPageSelected = (pageNumber: number) => {\n                navigate(pageNumber);\n            };\n\n            const onItemsPerPageChange = (elements: number) => {\n                emit('items-page', elements);\n                emit('update:size', elements);\n\n                // Always go to first page when the\n                // number of items page changes\n                navigate(1);\n            };\n\n            const navigationConditionalClasses = computed(() => ({\n                'b-pagination__navigation--no-results-per-page': props.hidePageSize,\n            }));\n\n            return {\n                // Values\n                computedAriaLabel,\n                totalPages,\n                navigationConditionalClasses,\n\n                // Events\n                navigate,\n                onItemsPerPageChange,\n                onPageSelected,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./pagination.scss\" />\n"],"names":["DEFAULT_NUMBER_OF_RESULTS","PREDEFINED_RESULTS_PER_PAGE_VALUES","_sfc_main$7","defineComponent","messages$3","BentoDropdown","BentoTypography","itemsPerPageValue","value","props","emit","dropdownId","generateUid","dropdownOptions","ref","i18nComponent","getI18nComponent","onSelectChange","selectedNumberOfResults","translationPathKey","computed","getI18nProps","_sfc_main$6","messages$2","onPageSelectChange","selectedPage","transformIntoOption","transformToPageNumber","_","index","listOfAvailablePages","uuid$3","_sfc_main$5","uuid$2","_sfc_main$4","uuid$1","_sfc_main$3","uuid","_sfc_main$2","_sfc_main$1","messages$1","BentoButton","SkipLeft","SkipRight","ChevronLeft","ChevronRight","isCurrentPageFirst","isCurrentPageLast","isNextButtonDisabled","isLastPageButtonDisabled","hasNoNextPage","hasNoTotalPagesNumber","pageArg","_sfc_main","messages","BentoPaginationContext","BentoPaginationControls","BentoPaginationResultsPerPage","attrs","ariaLabelAttribute","ariaLabel","toRefs","computedAriaLabel","useAriaLabel","totalPages","navigate","onPageSelected","pageNumber","onItemsPerPageChange","elements","navigationConditionalClasses"],"mappings":"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","x_google_ignoreList":[2,3,4,5]}
+{"version":3,"file":"pagination.js","sources":["../src/components/pagination/components/pagination-results-per-page/pagination-results-per-page.vue","../src/components/pagination/components/pagination-context/pagination-context.vue","../node_modules/@adyen/ui-assets-icons-16/dist/vue/skip-left.vue","../node_modules/@adyen/ui-assets-icons-16/dist/vue/skip-right.vue","../node_modules/@adyen/ui-assets-icons-16/dist/vue/chevron-left-small.vue","../node_modules/@adyen/ui-assets-icons-16/dist/vue/chevron-right-small.vue","../src/components/pagination/components/pagination-controls/pagination-controls.vue","../src/components/pagination/pagination.vue"],"sourcesContent":["<template>\n    <div class=\"b-pagination-results-per-page\">\n        <bento-typography el=\"div\">\n            <component\n                :is=\"i18nComponent\"\n                v-bind=\"getI18nProps(translationPathKey)\"\n                class=\"b-pagination-results-per-page__dropdown-container\"\n                tag=\"div\"\n                :plural=\"totalCount\"\n            >\n                <template #itemCount>\n                    <bento-dropdown\n                        :id=\"dropdownId\"\n                        :aria-label=\"$t(translationPathKey, { itemCount: itemsPerPage, totalCount })\"\n                        class=\"b-pagination-results-per-page__dropdown\"\n                        condensed\n                        :items=\"dropdownOptions\"\n                        :value=\"itemsPerPage\"\n                        @input=\"onSelectChange\"\n                    />\n                </template>\n                <template v-if=\"!!totalCount\" #totalCount>{{ totalCount }}</template>\n            </component>\n        </bento-typography>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, ref } from 'vue';\n    import { BentoTypography } from '@/components/typography';\n    import { BentoDropdown } from '@/components/dropdown';\n    import { generateUid } from '@/utils/ts/unique-id';\n    import { getI18nComponent, getI18nProps } from '@/utils/ts/i18n';\n\n    import messages from './messages.json';\n\n    const DEFAULT_NUMBER_OF_RESULTS = 50;\n    const PREDEFINED_RESULTS_PER_PAGE_VALUES = [\n        { label: '10', value: 10 },\n        { label: '20', value: 20 },\n        { label: '50', value: 50 }, // DEFAULT_NUMBER_OF_RESULTS\n        { label: '75', value: 75 },\n        { label: '100', value: 100 },\n    ];\n\n    export default defineComponent({\n        name: 'bento-pagination-context-results-per-page',\n        i18n: { messages },\n        components: {\n            BentoDropdown,\n            BentoTypography,\n        },\n        props: {\n            /**\n             *  The amount of items the pager is paging through.\n             */\n            itemsPerPage: {\n                type: Number,\n                default: DEFAULT_NUMBER_OF_RESULTS,\n                validator: (itemsPerPageValue: number) =>\n                    PREDEFINED_RESULTS_PER_PAGE_VALUES.some(({ value }) => value === itemsPerPageValue),\n            },\n            /**\n             * The total number of items the pager is paging through.\n             */\n            totalCount: { type: Number, default: null },\n        },\n        emits: ['select'],\n        setup(props, { emit }) {\n            const dropdownId = generateUid('b-pagination-context-number-elements');\n            const dropdownOptions = ref(PREDEFINED_RESULTS_PER_PAGE_VALUES);\n            const i18nComponent = getI18nComponent();\n\n            const onSelectChange = (selectedNumberOfResults: number) => {\n                emit('select', selectedNumberOfResults);\n            };\n\n            const translationPathKey = computed(() => (props.totalCount ? 'showingItemsWithTotal' : 'showingItems'));\n\n            return {\n                // Values\n                dropdownId,\n                dropdownOptions,\n                i18nComponent,\n                translationPathKey,\n\n                // Methods\n                getI18nProps,\n\n                // Events\n                onSelectChange,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./pagination-results-per-page.scss\" />\n","<template>\n    <div class=\"b-pagination-context\">\n        <bento-typography v-if=\"totalPages > 1\" el=\"div\">\n            <component :is=\"i18nComponent\" v-bind=\"getI18nProps('pageOfTotalPages')\" tag=\"div\">\n                <template #page>\n                    <bento-dropdown\n                        :id=\"dropdownId\"\n                        :aria-label=\"$t('pageOfTotalPages', { page, totalPages })\"\n                        class=\"b-pagination-context__dropdown\"\n                        condensed\n                        :items=\"listOfAvailablePages\"\n                        :value=\"page\"\n                        :virtual-scroll=\"virtualScroll\"\n                        @input=\"onPageSelectChange\"\n                    />\n                </template>\n                <template #totalPages>{{ totalPages }}</template>\n            </component>\n        </bento-typography>\n        <bento-typography v-else-if=\"totalPages === 1\" el=\"span\">\n            {{ $t('pageOneOfOne') }}\n        </bento-typography>\n        <bento-typography v-else el=\"span\">\n            {{ $t('pageNumber', { page }) }}\n        </bento-typography>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent } from 'vue';\n    import { BentoTypography } from '@/components/typography';\n    import { BentoDropdown } from '@/components/dropdown';\n    import { BentoListboxOptionItem } from '@/types';\n    import { generateUid } from '@/utils/ts/unique-id';\n    import messages from './messages.json';\n    import { getI18nComponent, getI18nProps } from '../../../../utils/ts/i18n';\n\n    export default defineComponent({\n        i18n: { messages },\n        name: 'bento-pagination-context',\n        components: {\n            BentoDropdown,\n            BentoTypography,\n        },\n        props: {\n            /**\n             * The current page number of the pager.\n             */\n            page: {\n                type: Number,\n                default: 1,\n                validator: (value: number) => Number.isFinite(value) && value > 0,\n            },\n\n            /**\n             * The total number of items the pager is paging through.\n             */\n            totalPages: { type: Number, default: null },\n\n            /**\n             * Enables virtual scrolling on all dropdowns if set to true.\n             */\n            virtualScroll: {\n                type: Boolean,\n                default: false,\n            },\n        },\n        emits: ['page-selected'],\n        setup(props, { emit }) {\n            const dropdownId = generateUid('bento-pagination-context-current-page');\n            const onPageSelectChange = (selectedPage: string | number) => emit('page-selected', selectedPage);\n            const i18nComponent = getI18nComponent();\n\n            // Generate a list of pages from 1 to \"totalPages\"\n            const transformIntoOption = (value: number): BentoListboxOptionItem => ({\n                label: value.toString(),\n                value,\n            });\n            const transformToPageNumber = (_, index) => index + 1;\n            const listOfAvailablePages = computed(() =>\n                Array.from(new Array(props.totalPages), transformToPageNumber).map(transformIntoOption)\n            );\n\n            return {\n                // Values\n                dropdownId,\n                listOfAvailablePages,\n                i18nComponent,\n\n                // Methods\n                getI18nProps,\n\n                // Events\n                onPageSelectChange,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./pagination-context.scss\" />\n","\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><path fill=\"#00112C\" d=\"M9.06055 8.00011L12.0605 5.00011L10.9999 3.93945L6.93923 8.00011L10.9999 12.0608L12.0605 11.0001L9.06055 8.00011Z\"/><path fill=\"#00112C\" d=\"M4.25 4.25L4.25 11.75H5.75L5.75 4.25L4.25 4.25Z\"/></svg>\n</template>\n<script>\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n<style>\n    @import '../css/main.css';\n</style>\n","\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><path fill=\"#00112C\" d=\"M6.93945 7.99962L3.93945 10.9996L5.00011 12.0603L9.06077 7.99963L5.00011 3.93896L3.93945 4.99963L6.93945 7.99962Z\"/><path fill=\"#00112C\" d=\"M11.75 11.7497V4.24974L10.25 4.24974V11.7497H11.75Z\"/></svg>\n</template>\n<script>\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n<style>\n    @import '../css/main.css';\n</style>\n","\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><path fill=\"#00112C\" d=\"M10.5608 5.00011L7.56077 8.00011L10.5608 11.0001L9.50011 12.0608L5.43945 8.00011L9.50011 3.93945L10.5608 5.00011Z\"/></svg>\n</template>\n<script>\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n<style>\n    @import '../css/main.css';\n</style>\n","\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><path fill=\"#00112C\" d=\"M5.43924 10.9999L8.43924 7.99989L5.43924 4.99989L6.4999 3.93923L10.5606 7.99989L6.4999 12.0605L5.43924 10.9999Z\"/></svg>\n</template>\n<script>\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n<style>\n    @import '../css/main.css';\n</style>\n","<template>\n    <ul class=\"b-pagination-controls\">\n        <li class=\"b-pagination-controls__item\">\n            <!-- Navigate to the first page -->\n            <bento-button :disabled=\"isCurrentPageFirst\" variant=\"tertiary\" condensed @click=\"navigate(1)\">\n                <template #iconLeft>\n                    <skip-left :svg-title=\"$t('navigateToTheFirstPage')\" />\n                </template>\n            </bento-button>\n        </li>\n        <li class=\"b-pagination-controls__item\">\n            <!-- Navigate to the previous page -->\n            <bento-button :disabled=\"isCurrentPageFirst\" variant=\"tertiary\" condensed @click=\"navigate(page - 1)\">\n                <template #iconLeft>\n                    <chevron-left :svg-title=\"$t('navigateToThePreviousPage')\" />\n                </template>\n            </bento-button>\n        </li>\n        <li class=\"b-pagination-controls__item\">\n            <!-- Navigate to the next page -->\n            <bento-button :disabled=\"isNextButtonDisabled\" variant=\"tertiary\" condensed @click=\"navigate(page + 1)\">\n                <template #iconLeft>\n                    <chevron-right :svg-title=\"$t('navigateToTheNextPage')\" />\n                </template>\n            </bento-button>\n        </li>\n        <li class=\"b-pagination-controls__item\">\n            <!-- Navigate to the last page -->\n            <bento-button\n                :disabled=\"isLastPageButtonDisabled\"\n                variant=\"tertiary\"\n                condensed\n                @click=\"navigate(totalPages)\"\n            >\n                <template #iconLeft>\n                    <skip-right :svg-title=\"$t('navigateToTheLastPage')\" />\n                </template>\n            </bento-button>\n        </li>\n    </ul>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent } from 'vue';\n    import { BentoButton } from '@/components/button';\n    import SkipLeft from '@adyen/ui-assets-icons-16/vue/skip-left';\n    import SkipRight from '@adyen/ui-assets-icons-16/vue/skip-right';\n    import ChevronLeft from '@adyen/ui-assets-icons-16/vue/chevron-left-small';\n    import ChevronRight from '@adyen/ui-assets-icons-16/vue/chevron-right-small';\n\n    import messages from './messages.json';\n\n    export default defineComponent({\n        i18n: { messages },\n        name: 'adl-pagination-controls',\n        components: {\n            BentoButton,\n            SkipLeft,\n            SkipRight,\n            ChevronLeft,\n            ChevronRight,\n        },\n        props: {\n            /**\n             * Use to determine if the pager has a \"next page\".\n             */\n            hasNext: { type: Boolean, default: null },\n\n            /**\n             * The current page number of the pager.\n             */\n            page: { type: Number, required: true },\n\n            /**\n             * The current page number of the pager.\n             */\n            totalPages: { type: Number, default: null },\n        },\n        emits: ['navigate'],\n        setup(props, { emit }) {\n            const isCurrentPageFirst = computed(() => props.page === 1);\n            const isCurrentPageLast = computed(() => props.page === props.totalPages);\n            const isNextButtonDisabled = computed(() => {\n                const hasNoNextPage = !props.hasNext;\n                return hasNoNextPage || isCurrentPageLast.value;\n            });\n            const isLastPageButtonDisabled = computed(() => {\n                const hasNoNextPage = !props.hasNext;\n                const hasNoTotalPagesNumber = !props.totalPages;\n\n                return hasNoNextPage || isCurrentPageLast.value || hasNoTotalPagesNumber;\n            });\n\n            const navigate = (pageArg: number) => {\n                emit('navigate', pageArg);\n            };\n\n            return {\n                // Values\n                isNextButtonDisabled,\n                isCurrentPageFirst,\n                isCurrentPageLast,\n                isLastPageButtonDisabled,\n\n                // Events\n                navigate,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./pagination-controls.scss\" />\n","<template>\n    <div class=\"b-pagination\">\n        <nav :aria-label=\"computedAriaLabel\" class=\"b-pagination__navigation\" :class=\"navigationConditionalClasses\">\n            <bento-pagination-results-per-page\n                v-if=\"!hidePageSize\"\n                class=\"b-pagination__results-per-page\"\n                :items-per-page=\"size\"\n                :total-count=\"totalCount\"\n                @select=\"onItemsPerPageChange\"\n            />\n\n            <div class=\"b-pagination__page-navigator\">\n                <bento-pagination-context\n                    class=\"b-pagination__context\"\n                    :total-pages=\"totalPages\"\n                    :page=\"page\"\n                    :total-count=\"totalCount\"\n                    :virtual-scroll=\"virtualScroll\"\n                    @page-selected=\"onPageSelected\"\n                />\n\n                <div class=\"b-pagination__divider\"></div>\n\n                <bento-pagination-controls\n                    class=\"b-pagination__controls\"\n                    :has-next=\"hasNext\"\n                    :page=\"page\"\n                    :total-pages=\"totalPages\"\n                    @navigate=\"navigate\"\n                />\n            </div>\n        </nav>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, ref, toRefs } from 'vue';\n    import { useAriaLabel } from '@/utils/ts/aria-label';\n    import BentoPaginationResultsPerPage from './components/pagination-results-per-page/pagination-results-per-page.vue';\n    import BentoPaginationContext from './components/pagination-context/pagination-context.vue';\n    import BentoPaginationControls from './components/pagination-controls/pagination-controls.vue';\n    import messages from './messages.json';\n\n    /**\n     * Paginiation component to help users page through data sets.\n     *\n     * There are two ways of doing navigation in this component:\n     *      1. (Basic) You tell the component if there is a next page (hasNext)\n     *      2. (Enhanced) You tell the component:\n     *          - How many total items exist (totalCount)\n     *          - The max number of items that you show/fetch per page (size)\n     *          - In this case you should not set the hasNext props\n     *\n     * If you have the data available and opt to use the Enhanced way you get extra controls:\n     *      - Page dropdown selector\n     *      - Last page button\n     *      - \"Showing 10 of 200 items\" text\n     *\n     * @usage\n     * import { BentoPagination } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoPagination },\n     *     template: `\n     *         <bento-pagination :has-next=\"isNextPage\" />\n     *     `,\n     * }\n     */\n    export default defineComponent({\n        i18n: { messages },\n        name: 'bento-pagination',\n        components: {\n            BentoPaginationContext,\n            BentoPaginationControls,\n            BentoPaginationResultsPerPage,\n        },\n        props: {\n            /**\n             * @deprecated from version 2.0.0. Use the aria-label attribute instead.\n             */\n            /**\n             * A brief description of the purpose of the navigation (for a11y).\n             * Omit the term \"navigation\", as the screen reader will read both the role and the contents of the label.\n             */\n            ariaLabel: { type: String, default: null },\n\n            /**\n             * Use to determine if the pager has a \"next page\".\n             */\n            hasNext: { type: Boolean, default: null },\n\n            /**\n             * Toggles the visibility of the \"results per page\" part of the pagination component.\n             */\n            hidePageSize: {\n                type: Boolean,\n                default: false,\n            },\n\n            /**\n             * The current page number of the pager.\n             */\n            page: {\n                type: Number,\n                default: 1,\n                validator: (value: number) => Number.isFinite(value) && value > 0,\n            },\n\n            /**\n             *  The size of the items the pager is paging through.\n             */\n            size: {\n                type: Number,\n                default: 20,\n                validator: (itemsPerPageValue: number) => [10, 20, 50, 75, 100].includes(itemsPerPageValue),\n            },\n\n            /**\n             * The total number of items the pager is paging through.\n             */\n            totalCount: { type: Number, default: null },\n\n            /**\n             * Enables virtual scrolling on all dropdowns if set to true.\n             */\n            virtualScroll: {\n                type: Boolean,\n                default: false,\n            },\n        },\n        emits: ['navigate', 'items-page', 'update:page', 'update:size'],\n        setup(props, { attrs, emit }) {\n            const ariaLabelAttribute = ref(attrs['aria-label']);\n            const { ariaLabel } = toRefs(props);\n            const computedAriaLabel = useAriaLabel({\n                ariaLabel: ariaLabelAttribute.value as string,\n                // TODO: take this line away when the aria-label props is removed\n                label: ariaLabel,\n            });\n\n            const totalPages = computed(() =>\n                !props.totalCount || !props.size ? null : Math.ceil(props.totalCount / props.size)\n            );\n\n            const navigate = (pageArg: number) => {\n                emit('navigate', pageArg);\n                emit('update:page', pageArg);\n            };\n\n            const onPageSelected = (pageNumber: number) => {\n                navigate(pageNumber);\n            };\n\n            const onItemsPerPageChange = (elements: number) => {\n                emit('items-page', elements);\n                emit('update:size', elements);\n\n                // Always go to first page when the\n                // number of items page changes\n                navigate(1);\n            };\n\n            const navigationConditionalClasses = computed(() => ({\n                'b-pagination__navigation--no-results-per-page': props.hidePageSize,\n            }));\n\n            return {\n                // Values\n                computedAriaLabel,\n                totalPages,\n                navigationConditionalClasses,\n\n                // Events\n                navigate,\n                onItemsPerPageChange,\n                onPageSelected,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./pagination.scss\" />\n"],"names":["DEFAULT_NUMBER_OF_RESULTS","PREDEFINED_RESULTS_PER_PAGE_VALUES","_sfc_main$7","defineComponent","messages$3","BentoDropdown","BentoTypography","itemsPerPageValue","value","props","emit","dropdownId","generateUid","dropdownOptions","ref","i18nComponent","getI18nComponent","onSelectChange","selectedNumberOfResults","translationPathKey","computed","getI18nProps","_sfc_main$6","messages$2","onPageSelectChange","selectedPage","transformIntoOption","transformToPageNumber","_","index","listOfAvailablePages","uuid$3","_sfc_main$5","uuid$2","_sfc_main$4","uuid$1","_sfc_main$3","uuid","_sfc_main$2","_sfc_main$1","messages$1","BentoButton","SkipLeft","SkipRight","ChevronLeft","ChevronRight","isCurrentPageFirst","isCurrentPageLast","isNextButtonDisabled","isLastPageButtonDisabled","hasNoNextPage","hasNoTotalPagesNumber","pageArg","_sfc_main","messages","BentoPaginationContext","BentoPaginationControls","BentoPaginationResultsPerPage","attrs","ariaLabelAttribute","ariaLabel","toRefs","computedAriaLabel","useAriaLabel","totalPages","navigate","onPageSelected","pageNumber","onItemsPerPageChange","elements","navigationConditionalClasses"],"mappings":"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","x_google_ignoreList":[2,3,4,5]}

package/dist/payment-method.js

@@ -1,5 +1,5 @@
 import { ref as O, watch as L, defineComponent as R, toRef as C, computed as r, inject as D } from "vue";
-import { B as c } from "./chunks/index.858b0720.js";
+import { B as c } from "./chunks/index.b0a89960.js";
 import { S as Y } from "./chunks/summary-grid.keys.1d1028c2.js";
 import S from "@adyen/ui-assets-payment-method-icons/vue/unknowncard";
 import { n as K } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";

package/dist/popover.js

@@ -1,4 +1,4 @@
-import { a as r, B as s } from "./chunks/index.ad4b770b.js";
+import { a as r, B as s } from "./chunks/index.f18f79eb.js";
 export {
   r as BentoPopover,
   s as BentoPopoverPositions

package/dist/popper-container.js

@@ -1,4 +1,4 @@
-import { a as n, b as a, c as i, P as r, d as p } from "./chunks/index.7039d901.js";
+import { a as n, b as a, c as i, P as r, d as p } from "./chunks/index.58282364.js";
 export {
   n as PopperContainer,
   a as PopperContainerAriaRole,

package/dist/radio-group.js

@@ -1,5 +1,5 @@
 import { defineComponent as I, toRefs as R, computed as r, toRef as S, watch as L } from "vue";
-import { B as N, d as B } from "./chunks/index.858b0720.js";
+import { B as N, d as B } from "./chunks/index.b0a89960.js";
 import { u as O } from "./chunks/aria-label.ac9651a5.js";
 import { g as E } from "./chunks/unique-id.a2a2b458.js";
 import { u as x } from "./chunks/use-default-slot-validator.b9bff4c6.js";
@@ -7,8 +7,8 @@ import { u as A } from "./chunks/use-has-slot.fbeb19ec.js";
 import { g } from "./chunks/get-slot-text.99c3d860.js";
 import { n as T } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
 import { u as M } from "./chunks/use-form-layout-loading.d03e5d48.js";
-import { C as D } from "./chunks/controls-group.24a9efb1.js";
-import { E as P } from "./chunks/field-label.bdf22f47.js";
+import { C as D } from "./chunks/controls-group.d25f5044.js";
+import { E as P } from "./chunks/field-label.a0c54b7d.js";
 import "./assets/index44.css";
 var _ = /* @__PURE__ */ ((t) => (t.DISABLED = "disabled", t.READONLY = "readonly", t.ERROR = "error", t))(_ || {}), p = /* @__PURE__ */ ((t) => (t.HORIZONTAL = "horizontal", t.VERTICAL = "vertical", t))(p || {}), s = /* @__PURE__ */ ((t) => (t.UPDATE = "update:model-value", t.INPUT = "input", t))(s || {});
 const k = I({

package/dist/search-bar.js

@@ -5,8 +5,8 @@ import { BentoInputField as m } from "./input-field.js";
 import { S as h } from "./chunks/search.471270fe.js";
 import { C as y } from "./chunks/cross-circle-fill.27580c4b.js";
 import { n as b } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import { u as w } from "./chunks/dropdown.f784ac67.js";
-import "./assets/index22.css";
+import { u as w } from "./chunks/dropdown.4152cc00.js";
+import "./assets/index46.css";
 var o = /* @__PURE__ */ ((t) => (t.CLEAR = "clear", t.ESCAPE = "escape-pressed", t.INPUT = "input", t.UPDATE = "update:search-term", t))(o || {}), C = /* @__PURE__ */ ((t) => (t.CLEAR = "search-clear", t.INPUT = "search-input", t.UPDATE = "update:search-term", t))(C || {});
 const v = {
   "en-US": {

package/dist/secondary-nav.js

@@ -0,0 +1,98 @@
+import { defineComponent as r, inject as d, computed as p, ref as y, readonly as f, provide as m } from "vue";
+import { B as o } from "./chunks/index.b0a89960.js";
+import { n as c } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
+import "./assets/index32.css";
+const u = Symbol("secondary nav state"), b = {}, C = /* @__PURE__ */ r({
+  ...b,
+  __name: "secondary-nav-item",
+  props: {
+    label: null,
+    value: null
+  },
+  emits: ["click"],
+  setup(n, { emit: e }) {
+    const a = n, { activeItemValue: s, updateActiveItemValue: t } = d(u), _ = p(() => ({
+      "b-secondary-nav-item--active": s.value === a.value
+    }));
+    return { __sfc: !0, activeItemValue: s, updateActiveItemValue: t, props: a, conditionalClasses: _, emit: e, onClick: (v) => {
+      e("click", v), t(a.value);
+    }, BentoTypography: o };
+  }
+});
+var g = function() {
+  var e = this, a = e._self._c, s = e._self._setupProxy;
+  return a("button", { staticClass: "b-secondary-nav-item", class: s.conditionalClasses, on: { click: s.onClick } }, [a(s.BentoTypography, { staticClass: "b-secondary-nav-item__title", attrs: { variant: "body", stronger: "" } }, [e._v(" " + e._s(e.label) + " ")])], 1);
+}, N = [], x = /* @__PURE__ */ c(
+  C,
+  g,
+  N,
+  !1,
+  null,
+  "88034e97",
+  null,
+  null
+);
+const i = x.exports, $ = {}, h = /* @__PURE__ */ r({
+  ...$,
+  __name: "secondary-nav-category",
+  props: {
+    label: null,
+    items: null
+  },
+  setup(n) {
+    return { __sfc: !0, BentoTypography: o, SecondaryNavItem: i };
+  }
+});
+var I = function() {
+  var e = this, a = e._self._c, s = e._self._setupProxy;
+  return a("section", { staticClass: "b-secondary-nav-category", attrs: { "aria-label": e.label } }, [a(s.BentoTypography, { staticClass: "b-secondary-nav-category__label", attrs: { el: "h1", variant: "caption", stronger: "" } }, [e._v(e._s(e.label))]), a("ul", { staticClass: "b-secondary-nav__list" }, e._l(e.items, function(t) {
+    return a("li", { key: t.value }, [a(s.SecondaryNavItem, { attrs: { label: t.label, value: t.value } })], 1);
+  }), 0)], 1);
+}, S = [], k = /* @__PURE__ */ c(
+  h,
+  I,
+  S,
+  !1,
+  null,
+  "e84d58de",
+  null,
+  null
+);
+const V = k.exports, A = {}, B = /* @__PURE__ */ r({
+  ...A,
+  __name: "secondary-nav",
+  props: {
+    items: null,
+    value: null
+  },
+  emits: ["change"],
+  setup(n, { emit: e }) {
+    const a = n, s = y(a.value), t = (l) => {
+      s.value = l, e("change", l);
+    }, _ = {
+      activeItemValue: f(s),
+      updateActiveItemValue: t
+    };
+    return m(u, _), { __sfc: !0, props: a, emit: e, activeItemValue: s, updateActiveItemValue: t, state: _, SecondaryNavItem: i, SecondaryNavCategory: V };
+  }
+});
+var T = function() {
+  var e = this, a = e._self._c, s = e._self._setupProxy;
+  return a("nav", { staticClass: "b-secondary-nav" }, [a("ul", { staticClass: "b-secondary-nav__list" }, e._l(e.items, function(t) {
+    return a("li", { key: t.label }, ["items" in t ? a(s.SecondaryNavCategory, { attrs: { label: t.label, items: t.items } }) : a(s.SecondaryNavItem, { attrs: { label: t.label, value: t.value } })], 1);
+  }), 0)]);
+}, R = [], F = /* @__PURE__ */ c(
+  B,
+  T,
+  R,
+  !1,
+  null,
+  "7f3beaf9",
+  null,
+  null
+);
+const z = F.exports;
+export {
+  z as BentoSecondaryNav
+};
+//# sourceMappingURL=secondary-nav.js.map

package/dist/secondary-nav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"secondary-nav.js","sources":["../src/components/secondary-nav/secondary-nav.keys.ts","../src/components/secondary-nav/components/secondary-nav-item/secondary-nav-item.vue","../src/components/secondary-nav/components/secondary-nav-category/secondary-nav-category.vue","../src/components/secondary-nav/secondary-nav.vue"],"sourcesContent":["import { InjectionKey } from 'vue';\nimport { BentoSecondaryNavState } from './secondary-nav.types';\n\nexport const SECONDARY_NAV_STATE = Symbol('secondary nav state') as InjectionKey<BentoSecondaryNavState>;\n","<template>\n    <button class=\"b-secondary-nav-item\" :class=\"conditionalClasses\" @click=\"onClick\">\n        <bento-typography class=\"b-secondary-nav-item__title\" variant=\"body\" stronger>\n            {{ label }}\n        </bento-typography>\n    </button>\n</template>\n\n<script lang=\"ts\" setup>\n    import { SECONDARY_NAV_STATE } from '../../secondary-nav.keys';\n    import { BentoTypography } from '@/components/typography';\n    import { computed, inject } from 'vue';\n\n    const { activeItemValue, updateActiveItemValue } = inject(SECONDARY_NAV_STATE);\n\n    const props = defineProps<{\n        /**\n         * The display name of the navigation item\n         */\n        label: string;\n        /**\n         * The value of this item.\n         */\n        value: string;\n    }>();\n\n    const conditionalClasses = computed(() => ({\n        'b-secondary-nav-item--active': activeItemValue.value === props.value,\n    }));\n\n    const emit = defineEmits<{\n        /**\n         * Event emitted when this element is clicked\n         */\n        (e: 'click', clickEvent: MouseEvent): void;\n    }>();\n\n    const onClick = (e: MouseEvent) => {\n        emit('click', e);\n        updateActiveItemValue(props.value);\n    };\n</script>\n\n<script lang=\"ts\">\n    /**\n     * This component shouldn't be used directly. It is internally used by {@see BentoSecondaryNav}\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./secondary-nav-item.scss\" />\n","<template>\n    <section class=\"b-secondary-nav-category\" :aria-label=\"label\">\n        <bento-typography el=\"h1\" class=\"b-secondary-nav-category__label\" variant=\"caption\" stronger>{{\n            label\n        }}</bento-typography>\n        <ul class=\"b-secondary-nav__list\">\n            <li v-for=\"item in items\" :key=\"item.value\">\n                <secondary-nav-item :label=\"item.label\" :value=\"item.value\" />\n            </li>\n        </ul>\n    </section>\n</template>\n\n<script lang=\"ts\" setup>\n    import { BentoTypography } from '@/components/typography';\n    import { SecondaryNavItem } from '../secondary-nav-item';\n    import { BentoSecondaryNavItemsItem } from '../../secondary-nav.types';\n\n    defineProps<{\n        /**\n         * The display name of the category\n         */\n        label: string;\n        /**\n         * A list of {@see BentoSecondaryNavItemsItem} that belongs to this category\n         */\n        items: BentoSecondaryNavItemsItem[];\n    }>();\n</script>\n\n<script lang=\"ts\">\n    /**\n     * This component shouldn't be used directly. It is internally used by {@see BentoSecondaryNav}\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./secondary-nav-category.scss\" />\n","<template>\n    <nav class=\"b-secondary-nav\">\n        <ul class=\"b-secondary-nav__list\">\n            <li v-for=\"item in items\" :key=\"item.label\">\n                <secondary-nav-category v-if=\"'items' in item\" :label=\"item.label\" :items=\"item.items\" />\n                <secondary-nav-item v-else :label=\"item.label\" :value=\"item.value\" />\n            </li>\n        </ul>\n    </nav>\n</template>\n\n<script setup lang=\"ts\">\n    import { provide, readonly, ref } from 'vue';\n    import { SecondaryNavItem } from './components/secondary-nav-item';\n    import { SecondaryNavCategory } from './components/secondary-nav-category';\n    import { SECONDARY_NAV_STATE } from './secondary-nav.keys';\n    import { BentoSecondaryNavItems, BentoSecondaryNavState } from './secondary-nav.types';\n\n    const props = defineProps<{\n        /**\n         * An array containing all the items on the nav. The array can have either {@see BentoSecondaryNavItemsCategory },\n         * which is used to group different items or {@see BentoSecondaryNavItemsItem } if you don't need to group them.\n         */\n        items: BentoSecondaryNavItems;\n        /**\n         * The value of the selected item.\n         */\n        value?: string;\n    }>();\n\n    const emit = defineEmits<{\n        /**\n         * Emmited when the current selected item changes\n         */\n        (e: 'change', category: string): void;\n    }>();\n\n    const activeItemValue = ref(props.value);\n    const updateActiveItemValue = (value: string) => {\n        activeItemValue.value = value;\n        emit('change', value);\n    };\n\n    // The component's state is inject on `secondary-nav-item` to determine the\n    // current active item and to change its value\n    const state: BentoSecondaryNavState = {\n        activeItemValue: readonly(activeItemValue),\n        updateActiveItemValue,\n    };\n\n    provide(SECONDARY_NAV_STATE, state);\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Secondary Nav offers users a structured way to access information.\n     * It also provides a clear hierarchy for users to understand and navigate through various information.\n     *\n     * @example\n     * import { BentoSecondaryNav } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoSecondaryNav },\n     *     template: `\n     *          <bento-secondary-nav :value=\"value\" :items=\"items\" />\n     *     `,\n     *     setup() {\n     *         const value = ref(2) // Active item value\n     *         const items: BentoSecondaryNavItemInfo[] = [\n     *              { label: 'Option 1', value: 1 },\n     *              { label: 'Option 2', value: 2 },\n     *         ];\n     *         return { items, value };\n     *     }\n     * }\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./secondary-nav.scss\" />\n"],"names":["SECONDARY_NAV_STATE","__default__$2","activeItemValue","updateActiveItemValue","inject","conditionalClasses","computed","props","e","emit","__default__$1","__default__","ref","value","state","readonly","provide"],"mappings":";;;;AAGa,MAAAA,IAAA,OAAA,qBAAA,GC4CTC,IAAA,CAAA;;;;;;;;;iBAlCA,EAAA,iBAAAC,GAAA,uBAAAC,EAAA,IAAAC,EAAAJ,CAAA,GAaAK,IAAAC,EAAA,OAAA;AAAA,MAA2C,gCAAAJ,EAAA,UAAAK,EAAA;AAAA,IACyB,EAAA;yHAUpE,CAAAC,MAAA;AACI,MAAAC,EAAA,SAAAD,CAAA,GACAL,EAAAI,EAAA,KAAA;AAAA,IAAiC;;;;;;;;;;;;;;;;qBCLrCG,IAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;qBC0CAC,IAAA,CAAA;;;;;;;;;iBAvCAT,IAAAU,EAAAL,EAAA,KAAA,GACAJ,IAAA,CAAAU,MAAA;AACI,MAAAX,EAAA,QAAAW,GACAJ,EAAA,UAAAI,CAAA;AAAA,IAAoB,GAKxBC,IAAA;AAAA,MAAsC,iBAAAC,EAAAb,CAAA;AAAA,MACO,uBAAAC;AAAA,IACzC;AAGJ,WAAAa,EAAAhB,GAAAc,CAAA;;;;;;;;;;;;;;;;;;;"}

package/dist/segmented-control.js

@@ -1,13 +1,13 @@
 import { defineComponent as g, ref as r, computed as s, toRef as k, toRefs as w, onMounted as L } from "vue";
-import { B as x } from "./chunks/index.858b0720.js";
+import { B as x } from "./chunks/index.b0a89960.js";
 import { g as I } from "./chunks/unique-id.a2a2b458.js";
 import { C as S } from "./chunks/checkmark.a6ed8f47.js";
 import { n as v } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
 import { u as $ } from "./chunks/i18n.eb5b985b.js";
 import { u as W } from "./chunks/aria-label.ac9651a5.js";
 import { o as T } from "./chunks/resize.a041304d.js";
-import { b as A } from "./chunks/tooltip.4a1300d5.js";
-import "./assets/index23.css";
+import { b as A } from "./chunks/tooltip.f48beb54.js";
+import "./assets/index37.css";
 const F = g({
   name: "bento-segmented-control-button",
   components: { BentoTypography: x, CheckmarkIcon: S },

package/dist/sidepanel.js

@@ -1,13 +1,13 @@
 import { defineComponent as L, ref as r, inject as B, onUnmounted as V, computed as p, watch as y, nextTick as N, toRefs as F, provide as O } from "vue";
-import { a as w } from "./chunks/button.f3f05408.js";
-import { B as G } from "./chunks/index.858b0720.js";
-import { F as $ } from "./chunks/footer-actions.08a8323b.js";
+import { a as w } from "./chunks/button.bb5b4909.js";
+import { B as G } from "./chunks/index.b0a89960.js";
+import { F as $ } from "./chunks/footer-actions.b14cfca8.js";
 import { A as H } from "./chunks/arrow-left.2db60716.js";
 import { u as R } from "./chunks/i18n.eb5b985b.js";
 import { n as D } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import { B as j } from "./chunks/index.6c299479.js";
+import { B as j } from "./chunks/index.7d2ea1de.js";
 import { C as J } from "./chunks/cross.04678d81.js";
-import "./assets/index24.css";
+import "./assets/index40.css";
 var h = /* @__PURE__ */ ((l) => (l.UPDATE_ACTIVE_PAGE = "update:active-page", l.UPDATE_IS_OPEN = "update:is-open", l))(h || {}), T = /* @__PURE__ */ ((l) => (l.TRANSITION_LEVEL_DEEPER = "b-sidepanel-page__animation--level-deeper", l.TRANSITION_LEVEL_UPPER = "b-sidepanel-page__animation--level-upper", l))(T || {});
 const k = Symbol("sidepanel registerPage injection key"), x = Symbol("sidepanel config data injection key"), K = {
   "en-US": {

package/dist/status.js

@@ -1,7 +1,7 @@
 import { defineComponent as n, computed as a } from "vue";
-import { B as o } from "./chunks/index.858b0720.js";
+import { B as o } from "./chunks/index.b0a89960.js";
 import { n as l } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import "./assets/index25.css";
+import "./assets/index39.css";
 var r = /* @__PURE__ */ ((s) => (s.BLUE = "blue", s.GREEN = "green", s.GREY = "grey", s.ORANGE = "orange", s.RED = "red", s.YELLOW = "yellow", s))(r || {});
 const _ = n({
   name: "bento-status",

package/dist/stepper.js

@@ -1,11 +1,11 @@
 import { defineComponent as V, ref as p, computed as o, watch as A, provide as w, readonly as K, useSlots as W, inject as z, onMounted as Z } from "vue";
-import { B as L } from "./chunks/index.858b0720.js";
+import { B as L } from "./chunks/index.b0a89960.js";
 import { B as I, a as M } from "./chunks/keyboard-navigation.ca47dfa8.js";
 import { u as U } from "./chunks/i18n.eb5b985b.js";
 import { n as T } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import { B as j } from "./chunks/base-button.46843461.js";
+import { B as j } from "./chunks/base-button.bd61ab14.js";
 import { C as G } from "./chunks/checkmark-small.520f01b1.js";
-import "./assets/index26.css";
+import "./assets/index30.css";
 const q = (i) => {
   function s(r) {
     return ({ detail: u }) => {

package/dist/structured-list.js

@@ -1,4 +1,4 @@
-import { B as r, a as o } from "./chunks/index.9bdf4d78.js";
+import { B as r, a as o } from "./chunks/index.75f0e99f.js";
 export {
   r as BentoStructuredList,
   o as BentoStructuredListItem

package/dist/summary-grid.js

@@ -4,10 +4,10 @@ import { S as h } from "./chunks/summary-grid.keys.1d1028c2.js";
 import { G as E } from "./chunks/grid-layout.e0025286.js";
 import { n as c } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
 import { BentoInfoIcon as O } from "./info-icon.js";
-import { B as L, a as g } from "./chunks/index.858b0720.js";
+import { B as L, a as g } from "./chunks/index.b0a89960.js";
 import { BentoTag as M, BentoTagVariant as f } from "./tag.js";
-import { C as G } from "./chunks/copy.f4019f8d.js";
-import "./assets/index29.css";
+import { C as G } from "./chunks/copy.36c058e9.js";
+import "./assets/index27.css";
 const P = l({
   name: "bento-summary-grid",
   components: { GridLayout: E },