@adyen/bento-vue3 1.55.1 → 1.56.0

package/dist/chunks/use-click-outside.BnhTgpSt.js

@@ -0,0 +1,14 @@
+import { o as e } from "./on-click-outside.D9aY9g8G.js";
+import { onMounted as u, onUnmounted as s } from "vue";
+const m = (t, i, n = {}) => {
+  let o;
+  u(() => {
+    o = e(t, i, n);
+  }), s(() => {
+    o && (o(), o = null);
+  });
+};
+export {
+  m as u
+};
+//# sourceMappingURL=use-click-outside.BnhTgpSt.js.map

package/dist/chunks/use-click-outside.BnhTgpSt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-click-outside.BnhTgpSt.js","sources":["../../../vue2/src/composables/use-click-outside/use-click-outside.ts"],"sourcesContent":["import { onClickOutside } from '@/directives/click-outside/on-click-outside';\nimport { OnClickOutsideHandler, OnClickOutsideOptions } from '@/directives/click-outside/types';\nimport { MaybeElementRef } from '@/types';\nimport { onMounted, onUnmounted } from 'vue';\n\n/**\n * Composable to listen for clicks outside of an element ref.\n *\n * @param {MaybeElementRef} target - HTML Element or \"ref\" to an Element on which the click outside listener will be attached to\n * @param {OnClickOutsideHandler} handler - Function that will be called when the listener gets triggered\n * @param {OnClickOutsideOptions} options - Options to be passed to the listener\n */\nexport const useClickOutside = <T extends OnClickOutsideOptions>(\n    target: MaybeElementRef,\n    handler: OnClickOutsideHandler,\n    options: T = {} as T\n) => {\n    let onClickOutsideStop: () => void;\n\n    onMounted(() => {\n        onClickOutsideStop = onClickOutside(target, handler, options);\n    });\n\n    onUnmounted(() => {\n        if (onClickOutsideStop) {\n            onClickOutsideStop();\n\n            onClickOutsideStop = null;\n        }\n    });\n};\n"],"names":["useClickOutside","target","handler","options","onClickOutsideStop","onMounted","onClickOutside","onUnmounted"],"mappings":";;AAYO,MAAMA,IAAkB,CAC3BC,GACAC,GACAC,IAAa,CAAA,MACZ;AACG,MAAAC;AAEJ,EAAAC,EAAU,MAAM;AACS,IAAAD,IAAAE,EAAeL,GAAQC,GAASC,CAAO;AAAA,EAAA,CAC/D,GAEDI,EAAY,MAAM;AACd,IAAIH,MACmBA,EAAA,GAEEA,IAAA;AAAA,EACzB,CACH;AACL;"}

package/dist/chunks/{use-country-items.BMhCqIWd.js → use-country-items.4kZgVg_l.js}

@@ -1,6 +1,6 @@
 import { computed as t } from "vue";
 import { B as o, u as s } from "./country.types.C0Q_hhgJ.js";
-import { u as l } from "./i18n.D9azDLPe.js";
+import { u as l } from "./i18n.B6g5VX0q.js";
 import { u as n, a as m } from "./use-country-phon-code.DVgE19zT.js";
 const y = (r, u) => {
   const { locale: a } = l(void 0, !0);
@@ -27,4 +27,4 @@ const y = (r, u) => {
 export {
   y as u
 };
-//# sourceMappingURL=use-country-items.BMhCqIWd.js.map
+//# sourceMappingURL=use-country-items.4kZgVg_l.js.map

package/dist/chunks/{use-country-items.BMhCqIWd.js.map → use-country-items.4kZgVg_l.js.map}

@@ -1 +1 @@
-{"version":3,"file":"use-country-items.BMhCqIWd.js","sources":["../../../vue2/src/components/dropdown/components/variants/dropdown-country/composables/use-country-items.ts"],"sourcesContent":["import { computed, ComputedRef, Ref } from 'vue';\nimport { BentoCountryVariant, useCountryCapital, useCountryName, useCountryPhoneCode } from '@/components/country';\nimport { BentoCountryListboxOptions } from '../dropdown-country.types';\nimport { useI18n } from '@/utils/ts/i18n';\nimport { BentoListboxOptions } from '@/types';\n\n/**\n * Transforms a list of country codes into a specific variant (phone, country or name)\n * and assigns it to the label of the country item.\n *\n * @param variant Ref to the country variant\n * @param items List of country items to be transformed\n * @returns List of country items with the label formatted to the variant\n */\nexport const useCountryItems = (\n    variant: Ref<BentoCountryVariant | `${BentoCountryVariant}`>,\n    items: Ref<BentoCountryListboxOptions>\n) => {\n    const { locale } = useI18n(undefined, true);\n\n    return computed(() => {\n        switch (variant?.value) {\n            case BentoCountryVariant.PHONE_CODE:\n                return items.value.map(({ value }) => ({\n                    value,\n                    label: useCountryPhoneCode(value).value,\n                }));\n            case BentoCountryVariant.CAPITAL:\n                return items.value.map(({ value }) => ({\n                    value,\n                    label: useCountryCapital(value, locale).value,\n                }));\n            case BentoCountryVariant.NAME:\n                return items.value.map(({ value }) => ({ value, label: useCountryName(value, locale).value }));\n            case BentoCountryVariant.CUSTOM:\n            default:\n                return items.value;\n        }\n    }) as ComputedRef<BentoListboxOptions>;\n};\n"],"names":["useCountryItems","variant","items","locale","useI18n","computed","BentoCountryVariant","value","useCountryPhoneCode","useCountryCapital","useCountryName"],"mappings":";;;;AAca,MAAAA,IAAkB,CAC3BC,GACAC,MACC;AACD,QAAM,EAAE,QAAAC,EAAW,IAAAC,EAAQ,QAAW,EAAI;AAE1C,SAAOC,EAAS,MAAM;AAClB,YAAQJ,KAAA,gBAAAA,EAAS,OAAO;AAAA,MACpB,KAAKK,EAAoB;AACrB,eAAOJ,EAAM,MAAM,IAAI,CAAC,EAAE,OAAAK,SAAa;AAAA,UACnC,OAAAA;AAAA,UACA,OAAOC,EAAoBD,CAAK,EAAE;AAAA,QAAA,EACpC;AAAA,MACN,KAAKD,EAAoB;AACrB,eAAOJ,EAAM,MAAM,IAAI,CAAC,EAAE,OAAAK,SAAa;AAAA,UACnC,OAAAA;AAAA,UACA,OAAOE,EAAkBF,GAAOJ,CAAM,EAAE;AAAA,QAAA,EAC1C;AAAA,MACN,KAAKG,EAAoB;AACrB,eAAOJ,EAAM,MAAM,IAAI,CAAC,EAAE,OAAAK,EAAM,OAAO,EAAE,OAAAA,GAAO,OAAOG,EAAeH,GAAOJ,CAAM,EAAE,MAAQ,EAAA;AAAA,MACjG,KAAKG,EAAoB;AAAA,MACzB;AACI,eAAOJ,EAAM;AAAA,IAAA;AAAA,EACrB,CACH;AACL;"}
+{"version":3,"file":"use-country-items.4kZgVg_l.js","sources":["../../../vue2/src/components/dropdown/components/variants/dropdown-country/composables/use-country-items.ts"],"sourcesContent":["import { computed, ComputedRef, Ref } from 'vue';\nimport { BentoCountryVariant, useCountryCapital, useCountryName, useCountryPhoneCode } from '@/components/country';\nimport { BentoCountryListboxOptions } from '../dropdown-country.types';\nimport { useI18n } from '@/utils/ts/i18n';\nimport { BentoListboxOptions } from '@/types';\n\n/**\n * Transforms a list of country codes into a specific variant (phone, country or name)\n * and assigns it to the label of the country item.\n *\n * @param variant Ref to the country variant\n * @param items List of country items to be transformed\n * @returns List of country items with the label formatted to the variant\n */\nexport const useCountryItems = (\n    variant: Ref<BentoCountryVariant | `${BentoCountryVariant}`>,\n    items: Ref<BentoCountryListboxOptions>\n) => {\n    const { locale } = useI18n(undefined, true);\n\n    return computed(() => {\n        switch (variant?.value) {\n            case BentoCountryVariant.PHONE_CODE:\n                return items.value.map(({ value }) => ({\n                    value,\n                    label: useCountryPhoneCode(value).value,\n                }));\n            case BentoCountryVariant.CAPITAL:\n                return items.value.map(({ value }) => ({\n                    value,\n                    label: useCountryCapital(value, locale).value,\n                }));\n            case BentoCountryVariant.NAME:\n                return items.value.map(({ value }) => ({ value, label: useCountryName(value, locale).value }));\n            case BentoCountryVariant.CUSTOM:\n            default:\n                return items.value;\n        }\n    }) as ComputedRef<BentoListboxOptions>;\n};\n"],"names":["useCountryItems","variant","items","locale","useI18n","computed","BentoCountryVariant","value","useCountryPhoneCode","useCountryCapital","useCountryName"],"mappings":";;;;AAca,MAAAA,IAAkB,CAC3BC,GACAC,MACC;AACD,QAAM,EAAE,QAAAC,EAAW,IAAAC,EAAQ,QAAW,EAAI;AAE1C,SAAOC,EAAS,MAAM;AAClB,YAAQJ,KAAA,gBAAAA,EAAS,OAAO;AAAA,MACpB,KAAKK,EAAoB;AACrB,eAAOJ,EAAM,MAAM,IAAI,CAAC,EAAE,OAAAK,SAAa;AAAA,UACnC,OAAAA;AAAA,UACA,OAAOC,EAAoBD,CAAK,EAAE;AAAA,QAAA,EACpC;AAAA,MACN,KAAKD,EAAoB;AACrB,eAAOJ,EAAM,MAAM,IAAI,CAAC,EAAE,OAAAK,SAAa;AAAA,UACnC,OAAAA;AAAA,UACA,OAAOE,EAAkBF,GAAOJ,CAAM,EAAE;AAAA,QAAA,EAC1C;AAAA,MACN,KAAKG,EAAoB;AACrB,eAAOJ,EAAM,MAAM,IAAI,CAAC,EAAE,OAAAK,EAAM,OAAO,EAAE,OAAAA,GAAO,OAAOG,EAAeH,GAAOJ,CAAM,EAAE,MAAQ,EAAA;AAAA,MACjG,KAAKG,EAAoB;AAAA,MACzB;AACI,eAAOJ,EAAM;AAAA,IAAA;AAAA,EACrB,CACH;AACL;"}

package/dist/code-snippet.js

@@ -1,4 +1,4 @@
-import { c as n, b as o, a as p, B as a } from "./chunks/code-snippet.DJgiqDzZ.js";
+import { c as n, b as o, a as p, B as a } from "./chunks/code-snippet.Df5XwyWD.js";
 export {
   n as BentoCodeSnippet,
   o as BentoCodeSnippetEvent,

package/dist/country.js

@@ -1,4 +1,4 @@
-import { c as a } from "./chunks/country.D0WFfaql.js";
+import { c as a } from "./chunks/country.BhAcCmRx.js";
 import { a as r, B as n, u } from "./chunks/country.types.C0Q_hhgJ.js";
 import { u as C, a as y } from "./chunks/use-country-phon-code.DVgE19zT.js";
 export {

package/dist/dashboard-template.js

@@ -1,4 +1,4 @@
-import { a as e, d as t } from "./chunks/dashboard-section.CrbSjoA8.js";
+import { a as e, d as t } from "./chunks/dashboard-section.tza4iYcv.js";
 export {
   e as BentoDashboardSection,
   t as BentoDashboardTemplate

package/dist/dashed-underline.js

@@ -1,4 +1,4 @@
-import { B as o } from "./chunks/dashed-underline.DWhGZIhS.js";
+import { B as o } from "./chunks/dashed-underline.B2cIJkg_.js";
 export {
   o as BentoDashedUnderline
 };

package/dist/data-grid-template.js

@@ -1,4 +1,4 @@
-import { d as t } from "./chunks/data-grid-template.LlK-7o84.js";
+import { d as t } from "./chunks/data-grid-template.PGPytWvk.js";
 export {
   t as BentoDataGridTemplate
 };

package/dist/data-grid.js

@@ -1,4 +1,4 @@
-import { B as e, d as o, a as r, f as n, e as i, c as B, b as d } from "./chunks/data-grid.CsyayKK3.js";
+import { B as e, d as o, a as r, f as n, e as i, c as B, b as d } from "./chunks/data-grid.DsZQ-F9m.js";
 export {
   e as BentoColumnOverflow,
   o as BentoDataGrid,

package/dist/date-picker.js

@@ -1,5 +1,5 @@
-import { B as a, a as r } from "./chunks/date-picker.CjwoOQ3B.js";
-import { C as i } from "./chunks/calendar.CNt90BvO.js";
+import { B as a, a as r } from "./chunks/date-picker.8jgg3MJm.js";
+import { C as i } from "./chunks/calendar.Dymq4e0Y.js";
 export {
   a as BentoDatePicker,
   r as BentoDatePickerEvent,

package/dist/date-range-picker.js

@@ -1,5 +1,5 @@
-import { B as t, a as r } from "./chunks/date-range-picker.DGY91Rwc.js";
-import { C as o } from "./chunks/calendar.CNt90BvO.js";
+import { B as t, a as r } from "./chunks/date-range-picker.uGwtO7SA.js";
+import { C as o } from "./chunks/calendar.Dymq4e0Y.js";
 export {
   t as BentoDateRangePicker,
   r as BentoDateRangePickerEvent,

package/dist/date.js

@@ -1,4 +1,4 @@
-import { B as e, a as o } from "./chunks/date.DoJuTLhO.js";
+import { B as e, a as o } from "./chunks/date.CKXySBQv.js";
 export {
   e as BentoDate,
   o as BentoDateFormat

package/dist/dropdown.js

@@ -1,7 +1,7 @@
-import { B as r } from "./chunks/dropdown.CQvyjn6d.js";
-import { B as t } from "./chunks/dropdown-default-textbox.CTyt2klK.js";
-import { _ as p, a as d, b as B, c as s, d as w } from "./chunks/dropdown-tag.CJtSH5cZ.js";
-import { a as m, B as y } from "./chunks/use-cached-selected-values.CQKeFUJd.js";
+import { B as r } from "./chunks/dropdown.CVa4_qCe.js";
+import { B as t } from "./chunks/dropdown-default-textbox.BNhy-QDH.js";
+import { _ as p, a as d, b as B, c as s, d as w } from "./chunks/dropdown-tag.DEAOevYN.js";
+import { a as m, B as y } from "./chunks/use-cached-selected-values.DHUa2Emx.js";
 export {
   r as BentoDropdown,
   p as BentoDropdownAvatar,

package/dist/empty-state.js

@@ -1,4 +1,4 @@
-import { B as e, b as m, c as n, a as o } from "./chunks/empty-state.m0U14LVw.js";
+import { B as e, b as m, c as n, a as o } from "./chunks/empty-state.DiXLZmQJ.js";
 export {
   e as BentoEmptyState,
   m as BentoEmptyStateImage,

package/dist/file-uploader.js

@@ -1,4 +1,4 @@
-import { f as r } from "./chunks/file-uploader.D3KUe-MO.js";
+import { f as r } from "./chunks/file-uploader.Dv4sh1IO.js";
 export {
   r as BentoFileUploader
 };

package/dist/filter-bar.js

@@ -1,4 +1,4 @@
-import { B as r, b as a, a as B, c as n } from "./chunks/filter-bar.cRJmUX-v.js";
+import { B as r, b as a, a as B, c as n } from "./chunks/filter-bar.DfIcZ5dX.js";
 export {
   r as BentoFilterBar,
   a as BentoFilterBarEvent,

package/dist/form-layout.js

@@ -1,4 +1,4 @@
-import { f as a, a as e, c as r, b as m } from "./chunks/form-layout-title.P5ajTo4C.js";
+import { f as a, a as e, c as r, b as m } from "./chunks/form-layout-title.dcT8eXwc.js";
 export {
   a as BentoFormLayout,
   e as BentoFormLayoutFieldTip,

package/dist/header-with-views.js

@@ -1,4 +1,4 @@
-import { h as r } from "./chunks/header-with-views.BJIQZVAq.js";
+import { h as r } from "./chunks/header-with-views.DEn9HFkT.js";
 export {
   r as BentoHeaderWithViews
 };

package/dist/header.js

@@ -1,4 +1,4 @@
-import { B as r } from "./chunks/header.vHSsdURt.js";
+import { B as r } from "./chunks/header.hDkWwQuQ.js";
 export {
   r as BentoHeader
 };

package/dist/index.js

@@ -3,85 +3,85 @@ import { t as y, c as h } from "./chunks/use-bento-toast-controller.D3LA1FCd.js"
 import { u as A } from "./chunks/use-bento-toast-controller.D3LA1FCd.js";
 import { p as b, d as u } from "./chunks/typography.DN5eC5ch.js";
 import { B as _, c as R, b as j, a as Y } from "./chunks/typography.DN5eC5ch.js";
-import { B as z } from "./chunks/action-bar.CDOaDenE.js";
-import { a as H, b as q } from "./chunks/accordion-item.DLyCF015.js";
-import { B as Z, c as J, b as Q, a as X } from "./chunks/alert.4SefwHLO.js";
+import { B as z } from "./chunks/action-bar.CD5FQjE9.js";
+import { a as H, b as q } from "./chunks/accordion-item.CihL7JaZ.js";
+import { B as Z, c as J, b as Q, a as X } from "./chunks/alert.CFb4Sejw.js";
 import { B as ee } from "./chunks/avatar.B0-9jC6H.js";
-import { B as oe, b as ae, a as ne } from "./chunks/button.DEVuqLVT.js";
-import { c as se, B as Be, a as ie } from "./chunks/card.E2xhS_6Z.js";
-import { B as pe } from "./chunks/dashed-underline.DWhGZIhS.js";
-import { B as le, d as ue, a as ce, f as fe, e as xe, c as Se, b as Te } from "./chunks/data-grid.CsyayKK3.js";
-import { B as ye, a as he } from "./chunks/date-picker.CjwoOQ3B.js";
-import { B as Ee, a as Ce } from "./chunks/date-range-picker.DGY91Rwc.js";
-import { B as ve, u as Ie } from "./chunks/dropdown.CQvyjn6d.js";
-import { B as Pe } from "./chunks/dropdown-default-textbox.CTyt2klK.js";
+import { B as oe, b as ae, a as ne } from "./chunks/button.BHZgsGkp.js";
+import { c as se, B as Be, a as ie } from "./chunks/card.DQ6g6hqK.js";
+import { B as pe } from "./chunks/dashed-underline.B2cIJkg_.js";
+import { B as le, d as ue, a as ce, f as fe, e as xe, c as Se, b as Te } from "./chunks/data-grid.DsZQ-F9m.js";
+import { B as ye, a as he } from "./chunks/date-picker.8jgg3MJm.js";
+import { B as Ee, a as Ce } from "./chunks/date-range-picker.uGwtO7SA.js";
+import { B as ve, u as Ie } from "./chunks/dropdown.CVa4_qCe.js";
+import { B as Pe } from "./chunks/dropdown-default-textbox.BNhy-QDH.js";
 import { B as Ge } from "./chunks/divider.qUOSAbU6.js";
-import { B as ke, a as we } from "./chunks/checkbox.BIaD03Bg.js";
-import { B as Ve } from "./chunks/chip.3T0x6FuI.js";
+import { B as ke, a as we } from "./chunks/checkbox.Bti_jnp2.js";
+import { B as Ve } from "./chunks/chip.DbhxDQiT.js";
 import { B as Ne } from "./chunks/click-outside.C1Ud8AA2.js";
-import { c as Re, b as je, a as Ye, B as Ue } from "./chunks/code-snippet.DJgiqDzZ.js";
-import { c as Ke } from "./chunks/country.D0WFfaql.js";
+import { c as Re, b as je, a as Ye, B as Ue } from "./chunks/code-snippet.Df5XwyWD.js";
+import { c as Ke } from "./chunks/country.BhAcCmRx.js";
 import { a as qe, B as We, u as Ze } from "./chunks/country.types.C0Q_hhgJ.js";
 import { c as Qe, B as Xe } from "./chunks/currency.DagWnTry.js";
-import { B as et, a as tt } from "./chunks/date.DoJuTLhO.js";
-import { B as at, b as nt, c as rt, a as st } from "./chunks/empty-state.m0U14LVw.js";
-import { f as it } from "./chunks/file-uploader.D3KUe-MO.js";
-import { B as pt, b as dt, a as lt, c as ut } from "./chunks/filter-bar.cRJmUX-v.js";
-import { f as ft, a as xt, c as St, b as Tt } from "./chunks/form-layout-title.P5ajTo4C.js";
-import { h as yt } from "./chunks/header-with-views.BJIQZVAq.js";
+import { B as et, a as tt } from "./chunks/date.CKXySBQv.js";
+import { B as at, b as nt, c as rt, a as st } from "./chunks/empty-state.DiXLZmQJ.js";
+import { f as it } from "./chunks/file-uploader.Dv4sh1IO.js";
+import { B as pt, b as dt, a as lt, c as ut } from "./chunks/filter-bar.DfIcZ5dX.js";
+import { f as ft, a as xt, c as St, b as Tt } from "./chunks/form-layout-title.dcT8eXwc.js";
+import { h as yt } from "./chunks/header-with-views.DEn9HFkT.js";
 import { _ as bt, B as Et, a as Ct } from "./chunks/image.vue_vue_type_script_setup_true_lang.DQT2oNEF.js";
 import { B as vt } from "./chunks/info-icon.7uhGVIn5.js";
-import { B as Lt, b as Pt, e as Ft, c as Gt, d as Ot, a as kt } from "./chunks/input-field.CR262X1w.js";
-import { i as Mt, m as Vt, r as At, b as Nt, c as _t, a as Rt } from "./chunks/input-field-password.CWr26esx.js";
-import { i as Yt } from "./chunks/input-field-phone-number.zf8WxBCn.js";
-import { i as zt, B as Kt } from "./chunks/inspector.types.YK45k4D_.js";
+import { B as Lt, b as Pt, e as Ft, c as Gt, d as Ot, a as kt } from "./chunks/input-field.Cr1r2STY.js";
+import { i as Mt, m as Vt, r as At, b as Nt, c as _t, a as Rt } from "./chunks/input-field-password._CliYJ7N.js";
+import { i as Yt } from "./chunks/input-field-phone-number.WPcQbE3z.js";
+import { i as zt, B as Kt } from "./chunks/inspector.types.D5QBC3-G.js";
 import { l as qt, a as Wt } from "./chunks/layout-row.BC3Z1mQx.js";
 import { B as Jt, a as Qt } from "./chunks/loading-indicator.DEepb9Wl.js";
 import { B as $t, a as eo } from "./chunks/link.D3Fq5tt_.js";
-import { B as oo, a as ao } from "./chunks/menu.CVMSGvtb.js";
-import { d as ro, f as so, g as Bo, B as io, e as mo, c as po, a as lo, b as uo } from "./chunks/base-modal.DZy1WuJs.js";
-import { _ as fo } from "./chunks/modal.vue_vue_type_script_setup_true_lang.dXxru4S9.js";
-import { m as So, B as To } from "./chunks/modal-fullscreen.Cqlf6PWo.js";
-import { B as yo } from "./chunks/header.vHSsdURt.js";
-import { B as bo } from "./chunks/pagination.C65tc-nX.js";
+import { B as oo, a as ao } from "./chunks/menu.B0q9q97N.js";
+import { d as ro, f as so, g as Bo, B as io, e as mo, c as po, a as lo, b as uo } from "./chunks/base-modal.qhldLovE.js";
+import { _ as fo } from "./chunks/modal.vue_vue_type_script_setup_true_lang.Dr847POU.js";
+import { m as So, B as To } from "./chunks/modal-fullscreen.BgqNc9jE.js";
+import { B as yo } from "./chunks/header.hDkWwQuQ.js";
+import { B as bo } from "./chunks/pagination.Bi5BwIWq.js";
 import { B as Co } from "./chunks/payment-method.eazefwm6.js";
 import { B as vo } from "./chunks/payment-method.types.BqtH7RM2.js";
-import { B as Lo, a as Po } from "./chunks/popover.DjbACET6.js";
-import { p as Go, B as Oo, a as ko } from "./chunks/promo-banner.ZCfJQh-S.js";
-import { b as Mo, B as Vo, a as Ao } from "./chunks/radio-group.Tgf3BF5X.js";
-import { B as _o, b as Ro, a as jo } from "./chunks/search-bar.CTn5DIQZ.js";
-import { s as Uo } from "./chunks/secondary-nav.CnE-aV2P.js";
+import { B as Lo, a as Po } from "./chunks/popover.R5OM_tFu.js";
+import { p as Go, B as Oo, a as ko } from "./chunks/promo-banner.DFt2dVxk.js";
+import { b as Mo, B as Vo, a as Ao } from "./chunks/radio-group.muZVaVEm.js";
+import { B as _o, b as Ro, a as jo } from "./chunks/search-bar.DlVK3bBQ.js";
+import { s as Uo } from "./chunks/secondary-nav.CIEVFTYS.js";
 import { B as Ko } from "./chunks/segmented-control.Dg_ktsiS.js";
 import { B as qo } from "./chunks/segmented-control.types.BHRLV8KU.js";
-import { B as Zo, s as Jo, a as Qo } from "./chunks/selection-card-group.C2OFZgKd.js";
-import { a as $o, B as ea, s as ta } from "./chunks/sidepanel.Drn-lKR3.js";
+import { B as Zo, s as Jo, a as Qo } from "./chunks/selection-card-group.BgANSy3b.js";
+import { a as $o, B as ea, s as ta } from "./chunks/sidepanel.BjR0Ab22.js";
 import { s as aa, B as na } from "./chunks/status.types.Bdv2zuuh.js";
-import { a as sa, s as Ba, B as ia, b as ma } from "./chunks/step.BGFaHGFO.js";
-import { B as da, a as la } from "./chunks/structured-list-item.CWiwoP5F.js";
-import { s as ca, a as fa, d as xa, _ as Sa, b as Ta, B as ga, c as ya, e as ha } from "./chunks/summary-grid.types.DOYW579A.js";
-import { B as Ea, a as Ca } from "./chunks/tabs.DZk78MLK.js";
+import { a as sa, s as Ba, B as ia, b as ma } from "./chunks/step.7l-t-eN9.js";
+import { B as da, a as la } from "./chunks/structured-list-item.BMsATRrU.js";
+import { s as ca, a as fa, d as xa, _ as Sa, b as Ta, B as ga, c as ya, e as ha } from "./chunks/summary-grid.types.lGX16F4w.js";
+import { B as Ea, a as Ca } from "./chunks/tabs.BVuOvNxx.js";
 import { B as va, a as Ia } from "./chunks/tag.CmYkknFj.js";
-import { B as Pa } from "./chunks/textarea.CR7su54i.js";
-import { t as Ga, b as Oa, a as ka, c as wa, B as Ma, d as Va } from "./chunks/timeline-item.BhQp0ICP.js";
-import { t as Na } from "./chunks/toast.DxVfamh-.js";
+import { B as Pa } from "./chunks/textarea.CAc_VYFm.js";
+import { t as Ga, b as Oa, a as ka, c as wa, B as Ma, d as Va } from "./chunks/timeline-item.BQ4qiBii.js";
+import { t as Na } from "./chunks/toast.BOpWHAfu.js";
 import { B as Ra, b as ja, a as Ya } from "./chunks/toggle.hoD_i2Ey.js";
-import { _ as za } from "./chunks/tutorial.vue_vue_type_script_setup_true_lang.ENhKvQLv.js";
+import { _ as za } from "./chunks/tutorial.vue_vue_type_script_setup_true_lang.CTx9Z9xB.js";
 import * as s from "zod";
-import { u as Ha } from "./chunks/teleport.zSiKZmRE.js";
-import { a as Wa, d as Za } from "./chunks/dashboard-section.CrbSjoA8.js";
-import { d as Qa } from "./chunks/data-grid-template.LlK-7o84.js";
+import { u as Ha } from "./chunks/use-click-outside.BnhTgpSt.js";
+import { a as Wa, d as Za } from "./chunks/dashboard-section.tza4iYcv.js";
+import { d as Qa } from "./chunks/data-grid-template.PGPytWvk.js";
 import { D as $a } from "./chunks/date-input.BqBdAO1E.js";
 import { a as tn, B as on } from "./chunks/keyboard-navigation.CqgGzfZQ.js";
-import { a as nn, B as rn, a as sn, B as Bn } from "./chunks/use-cached-selected-values.CQKeFUJd.js";
+import { a as nn, B as rn, a as sn, B as Bn } from "./chunks/use-cached-selected-values.DHUa2Emx.js";
 import { B as pn } from "./chunks/directive.Cbdox5VL.js";
 import { B as ln, a as un } from "./chunks/events.FNmSWp_P.js";
 import { B as fn } from "./chunks/tooltip.BkBDReK0.js";
-import { _ as Sn, a as Tn, b as gn, c as yn, d as hn } from "./chunks/dropdown-tag.CJtSH5cZ.js";
-import { B as En, c as Cn, a as Dn, b as vn, d as In, e as Ln } from "./chunks/button-actions.N99QthUv.js";
-import { B as Fn } from "./chunks/toggle-button.D-9TFTy8.js";
-import { C as On, C as kn } from "./chunks/calendar.CNt90BvO.js";
+import { _ as Sn, a as Tn, b as gn, c as yn, d as hn } from "./chunks/dropdown-tag.DEAOevYN.js";
+import { B as En, c as Cn, a as Dn, b as vn, d as In, e as Ln } from "./chunks/button-actions.ODJKaCW7.js";
+import { B as Fn } from "./chunks/toggle-button.E0VQtyEX.js";
+import { C as On, C as kn } from "./chunks/calendar.Dymq4e0Y.js";
 import { C as Mn } from "./chunks/checkbox-input.CgbJsFXD.js";
-import { c as An, B as Nn } from "./chunks/checkbox-group.BMzsgOeI.js";
+import { c as An, B as Nn } from "./chunks/checkbox-group.DFmUrvgx.js";
 import { u as Rn, a as jn } from "./chunks/use-country-phon-code.DVgE19zT.js";
 import { R as Un } from "./chunks/radio-input.DKfQGxtp.js";
 function G(e) {

package/dist/input-field-password.js

@@ -1,4 +1,4 @@
-import { i as a, m as s, r as i, b as c, c as u, a as o } from "./chunks/input-field-password.CWr26esx.js";
+import { i as a, m as s, r as i, b as c, c as u, a as o } from "./chunks/input-field-password._CliYJ7N.js";
 export {
   a as BentoInputFieldPassword,
   s as minLength,

package/dist/input-field-phone-number.js

@@ -1,4 +1,4 @@
-import { i as n } from "./chunks/input-field-phone-number.zf8WxBCn.js";
+import { i as n } from "./chunks/input-field-phone-number.WPcQbE3z.js";
 export {
   n as BentoInputFieldPhoneNumber
 };

package/dist/input-field.js

@@ -1,4 +1,4 @@
-import { B as n, b as a, e as o, c as i, d as s, a as l } from "./chunks/input-field.CR262X1w.js";
+import { B as n, b as a, e as o, c as i, d as s, a as l } from "./chunks/input-field.Cr1r2STY.js";
 export {
   n as BentoInputField,
   a as BentoInputFieldElementPosition,

package/dist/inspector.js

@@ -1,4 +1,4 @@
-import { i as t, B as n } from "./chunks/inspector.types.YK45k4D_.js";
+import { i as t, B as n } from "./chunks/inspector.types.D5QBC3-G.js";
 export {
   t as BentoInspector,
   n as BentoInspectorSizeOptions

package/dist/internal.js

@@ -1,17 +1,17 @@
-import { a as e, b as r, C as t, c as s, d as p } from "./chunks/calendar.CNt90BvO.js";
-import { C as n, a as l } from "./chunks/copy.MId-I684.js";
-import { C as f } from "./chunks/controls-group.DJqvAWte.js";
-import { B as I, b as m, a as E, D as T } from "./chunks/dialog-page.BRlAYf5w.js";
-import { E as d, F as N } from "./chunks/error-message.CMgsMDny.js";
-import { F as O } from "./chunks/fixed-scroller.BNP4SR5J.js";
+import { a as e, b as r, C as t, c as s, d as p } from "./chunks/calendar.Dymq4e0Y.js";
+import { C as n, a as l } from "./chunks/copy.CfFh4b_c.js";
+import { C as f } from "./chunks/controls-group.DgrzEh4C.js";
+import { B as I, b as m, a as E, D as T } from "./chunks/dialog-page.MLFdqTcL.js";
+import { E as d, F as N } from "./chunks/error-message.CPw3y44N.js";
+import { F as O } from "./chunks/fixed-scroller.DsTyshyt.js";
 import { G as A, a as L } from "./chunks/grid-layout.BTLE3rac.js";
-import { I as c } from "./chunks/info-icon-with-popover.CXaaxjeT.js";
-import { b, c as g, u as y } from "./chunks/use-cached-selected-values.CQKeFUJd.js";
+import { I as c } from "./chunks/info-icon-with-popover.COJrCw_o.js";
+import { b, c as g, u as y } from "./chunks/use-cached-selected-values.DHUa2Emx.js";
 import { L as F } from "./chunks/listbox-option-tag.BJh2kEN1.js";
-import { B as M } from "./chunks/teleport.zSiKZmRE.js";
+import { B as M } from "./chunks/teleport.CfGWjxe2.js";
 import { T as h } from "./chunks/tooltip.BkBDReK0.js";
-import { B as J } from "./chunks/button-actions-with-menu.DQRTu42W.js";
-import { f as R } from "./chunks/button-actions.N99QthUv.js";
+import { B as J } from "./chunks/button-actions-with-menu.CxB1fVvx.js";
+import { f as R } from "./chunks/button-actions.ODJKaCW7.js";
 export {
   R as BUTTON_ACTIONS_WITH_MENU_CONTAINER_INJECTION_KEY,
   I as BentoDialogPageAnimation,

package/dist/menu.js

@@ -1,4 +1,4 @@
-import { B as o, a as t } from "./chunks/menu.CVMSGvtb.js";
+import { B as o, a as t } from "./chunks/menu.B0q9q97N.js";
 export {
   o as BentoMenu,
   t as BentoMenuEvent

package/dist/modal-fullscreen.js

@@ -1,4 +1,4 @@
-import { m as o, B as a } from "./chunks/modal-fullscreen.Cqlf6PWo.js";
+import { m as o, B as a } from "./chunks/modal-fullscreen.BgqNc9jE.js";
 export {
   o as BentoModalFullscreen,
   a as BentoModalFullscreenPage

package/dist/modal.js

@@ -1,5 +1,5 @@
-import { d as e, f as t, g as n, B as l, e as d, c as B, a as M, b as s } from "./chunks/base-modal.DZy1WuJs.js";
-import { _ as i } from "./chunks/modal.vue_vue_type_script_setup_true_lang.dXxru4S9.js";
+import { d as e, f as t, g as n, B as l, e as d, c as B, a as M, b as s } from "./chunks/base-modal.qhldLovE.js";
+import { _ as i } from "./chunks/modal.vue_vue_type_script_setup_true_lang.Dr847POU.js";
 export {
   i as BentoModal,
   e as BentoModalColumnLayoutVariant,

package/dist/pagination.js

@@ -1,4 +1,4 @@
-import { B as n } from "./chunks/pagination.C65tc-nX.js";
+import { B as n } from "./chunks/pagination.Bi5BwIWq.js";
 export {
   n as BentoPagination
 };

package/dist/popover.js

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

package/dist/promo-banner.js

@@ -1,4 +1,4 @@
-import { p as r, B as a, a as e } from "./chunks/promo-banner.ZCfJQh-S.js";
+import { p as r, B as a, a as e } from "./chunks/promo-banner.DFt2dVxk.js";
 export {
   r as BentoPromoBanner,
   a as BentoPromoBannerColor,

package/dist/radio-group.js

@@ -1,4 +1,4 @@
-import { b as t, B as e, a as n } from "./chunks/radio-group.Tgf3BF5X.js";
+import { b as t, B as e, a as n } from "./chunks/radio-group.muZVaVEm.js";
 import { R as B } from "./chunks/radio-input.DKfQGxtp.js";
 export {
   t as BentoRadioButton,

package/dist/search-bar.js

@@ -1,5 +1,5 @@
-import { B as r, b as t, a as B } from "./chunks/search-bar.CTn5DIQZ.js";
-import { u as o } from "./chunks/dropdown.CQvyjn6d.js";
+import { B as r, b as t, a as B } from "./chunks/search-bar.DlVK3bBQ.js";
+import { u as o } from "./chunks/dropdown.CVa4_qCe.js";
 export {
   r as BentoSearchBar,
   t as BentoSearchBarEvent,

package/dist/secondary-nav.js

@@ -1,4 +1,4 @@
-import { s as e } from "./chunks/secondary-nav.CnE-aV2P.js";
+import { s as e } from "./chunks/secondary-nav.CIEVFTYS.js";
 export {
   e as BentoSecondaryNav
 };

package/dist/selection-card.js

@@ -1,4 +1,4 @@
-import { B as t, s as a, a as n } from "./chunks/selection-card-group.C2OFZgKd.js";
+import { B as t, s as a, a as n } from "./chunks/selection-card-group.BgANSy3b.js";
 export {
   t as BentoSelectionCard,
   a as BentoSelectionCardGroup,

package/dist/sidepanel.js

@@ -1,4 +1,4 @@
-import { a as n, B as o, s as t } from "./chunks/sidepanel.Drn-lKR3.js";
+import { a as n, B as o, s as t } from "./chunks/sidepanel.BjR0Ab22.js";
 export {
   n as BentoSidepanel,
   o as BentoSidepanelEvent,

package/dist/stepper.js

@@ -1,4 +1,4 @@
-import { a as p, s as o, B as a, b as n } from "./chunks/step.BGFaHGFO.js";
+import { a as p, s as o, B as a, b as n } from "./chunks/step.7l-t-eN9.js";
 export {
   p as BentoStep,
   o as BentoStepper,

package/dist/structured-list.js

@@ -1,4 +1,4 @@
-import { B as r, a as o } from "./chunks/structured-list-item.CWiwoP5F.js";
+import { B as r, a as o } from "./chunks/structured-list-item.BMsATRrU.js";
 export {
   r as BentoStructuredList,
   o as BentoStructuredListItem

package/dist/styles/bento-dark.css

@@ -1236,13 +1236,14 @@
   --b-filter-bar-container-gap: var(--b-spacer-040);
   --b-filter-bar-before-filters-gap: var(--b-spacer-040);
   --b-filter-bar-actions-gap: var(--b-spacer-040);
+  --b-filter-bar-filters-gap: var(--b-spacer-040);
+  --b-filter-bar-search-external-container-margin-bottom: var(--b-spacer-040);
   --b-filter-bar-persistent-filters-padding-right: var(--b-spacer-040);
   --b-filter-bar-persistent-filters-border-color: var(--b-color-outline-secondary);
   --b-filter-bar-z-index: var(--b-z-index-global-elevated);
   --b-filter-bar-padding-right: var(--b-spacer-070);
   --b-filter-bar-gap: var(--b-spacer-040);
-  --b-filter-bar-button-secondary-label-hover-color: var(--b-color-label-inverse-primary);
-  --b-filter-bar-button-secondary-label-color: var(--b-color-label-inverse-primary);
+  --b-filter-bar-button-secondary-label-color: var(--b-color-label-primary);
   --b-filter-bar-button-label-container-gap: var(--b-spacer-020);
   --b-filter-bar-button-hover-color: var(--b-color-label-secondary);
   --b-filter-bar-button-hover-background-color: var(--b-color-background-primary-hover);
@@ -1263,6 +1264,7 @@
   --b-filter-bar-button-container-gap: var(--b-spacer-040);
   --b-filter-bar-button-with-secondary-label-container-padding-right: var(--b-spacer-050);
   --b-filter-bar-button-with-counter-container-padding-right: var(--b-spacer-020);
+  --b-filter-bar-button-with-counter-padding-right: var(--b-spacer-020);
   --b-filter-bar-button-disabled-color: var(--b-color-label-disabled);
   --b-filter-bar-button-disabled-background-color: var(--b-color-background-primary);
   --b-filter-bar-button-applied-filter-open-color: var(--b-color-label-inverse-primary);
@@ -1280,10 +1282,16 @@
   --b-filter-bar-button-attention-outline: 0.5px solid var(--b-color-outline-secondary-active);
   --b-filter-bar-button-attention-border: var(--b-border-width-s) solid var(--b-color-outline-secondary-active);
   --b-filter-bar-button-active-border: var(--b-border-width-s) solid var(--b-color-outline-secondary-active);
+  --b-filter-bar-button-icon-only-padding: var(--b-spacer-020);
+  --b-filter-bar-button-padding: var(--b-spacer-020) var(--b-spacer-050);
   --b-filter-bar-button-color: var(--b-color-label-primary);
   --b-filter-bar-button-border-radius: var(--b-border-radius-m);
   --b-filter-bar-button-border: var(--b-border-width-s) solid var(--b-color-outline-secondary);
   --b-filter-bar-button-background-color: var(--b-color-background-primary);
+  --b-filter-bar-button-group-button-active-border: calc(var(--b-border-width-s) / 2) solid var(--b-color-outline-inverse-primary-active);
+  --b-filter-bar-button-group-button-hover-border: calc(var(--b-border-width-s) / 2) solid var(--b-color-outline-inverse-primary-hover);
+  --b-filter-bar-button-group-button-padding: var(--b-spacer-020);
+  --b-filter-bar-button-group-button-border: calc(var(--b-border-width-s) / 2) solid var(--b-color-outline-inverse-primary);
   --b-file-uploader-restrictions-error-color: var(--b-color-label-critical);
   --b-file-uploader-restrictions-disabled-color: var(--b-color-label-disabled);
   --b-file-uploader-restrictions-margin-top: var(--b-spacer-020);
@@ -1560,7 +1568,10 @@
   --b-data-grid-template-data-grid-filters-padding-right: var(--b-spacer-090);
   --b-data-grid-template-tabs-padding: var(--b-spacer-000) var(--b-spacer-090);
   --b-data-grid-template-tabs-background-color: var(--b-color-background-primary);
+  --b-data-grid-template-additional-content-z-index: var(--b-z-index-local-tier-2);
+  --b-data-grid-template-additional-content-padding: var(--b-spacer-000) var(--b-spacer-090) var(--b-spacer-000) var(--b-spacer-090);
   --b-data-grid-template-additional-content-margin: var(--b-spacer-000) var(--b-spacer-090) var(--b-spacer-000) var(--b-spacer-090);
+  --b-data-grid-template-additional-content-background-color: var(--b-color-background-primary);
   --b-data-grid-template-header-z-index: var(--b-z-index-local-tier-3);
   --b-data-grid-template-header-margin: var(--b-spacer-080) var(--b-spacer-090) var(--b-spacer-000) var(--b-spacer-090);
   --b-data-grid-template-gap: var(--b-spacer-060);

package/dist/styles/bento-light.css

@@ -1235,13 +1235,14 @@
   --b-filter-bar-container-gap: var(--b-spacer-040);
   --b-filter-bar-before-filters-gap: var(--b-spacer-040);
   --b-filter-bar-actions-gap: var(--b-spacer-040);
+  --b-filter-bar-filters-gap: var(--b-spacer-040);
+  --b-filter-bar-search-external-container-margin-bottom: var(--b-spacer-040);
   --b-filter-bar-persistent-filters-padding-right: var(--b-spacer-040);
   --b-filter-bar-persistent-filters-border-color: var(--b-color-outline-secondary);
   --b-filter-bar-z-index: var(--b-z-index-global-elevated);
   --b-filter-bar-padding-right: var(--b-spacer-070);
   --b-filter-bar-gap: var(--b-spacer-040);
-  --b-filter-bar-button-secondary-label-hover-color: var(--b-color-label-inverse-primary);
-  --b-filter-bar-button-secondary-label-color: var(--b-color-label-inverse-primary);
+  --b-filter-bar-button-secondary-label-color: var(--b-color-label-primary);
   --b-filter-bar-button-label-container-gap: var(--b-spacer-020);
   --b-filter-bar-button-hover-color: var(--b-color-label-secondary);
   --b-filter-bar-button-hover-background-color: var(--b-color-background-primary-hover);
@@ -1262,6 +1263,7 @@
   --b-filter-bar-button-container-gap: var(--b-spacer-040);
   --b-filter-bar-button-with-secondary-label-container-padding-right: var(--b-spacer-050);
   --b-filter-bar-button-with-counter-container-padding-right: var(--b-spacer-020);
+  --b-filter-bar-button-with-counter-padding-right: var(--b-spacer-020);
   --b-filter-bar-button-disabled-color: var(--b-color-label-disabled);
   --b-filter-bar-button-disabled-background-color: var(--b-color-background-primary);
   --b-filter-bar-button-applied-filter-open-color: var(--b-color-label-inverse-primary);
@@ -1279,10 +1281,16 @@
   --b-filter-bar-button-attention-outline: 0.5px solid var(--b-color-outline-secondary-active);
   --b-filter-bar-button-attention-border: var(--b-border-width-s) solid var(--b-color-outline-secondary-active);
   --b-filter-bar-button-active-border: var(--b-border-width-s) solid var(--b-color-outline-secondary-active);
+  --b-filter-bar-button-icon-only-padding: var(--b-spacer-020);
+  --b-filter-bar-button-padding: var(--b-spacer-020) var(--b-spacer-050);
   --b-filter-bar-button-color: var(--b-color-label-primary);
   --b-filter-bar-button-border-radius: var(--b-border-radius-m);
   --b-filter-bar-button-border: var(--b-border-width-s) solid var(--b-color-outline-secondary);
   --b-filter-bar-button-background-color: var(--b-color-background-primary);
+  --b-filter-bar-button-group-button-active-border: calc(var(--b-border-width-s) / 2) solid var(--b-color-outline-inverse-primary-active);
+  --b-filter-bar-button-group-button-hover-border: calc(var(--b-border-width-s) / 2) solid var(--b-color-outline-inverse-primary-hover);
+  --b-filter-bar-button-group-button-padding: var(--b-spacer-020);
+  --b-filter-bar-button-group-button-border: calc(var(--b-border-width-s) / 2) solid var(--b-color-outline-inverse-primary);
   --b-file-uploader-restrictions-error-color: var(--b-color-label-critical);
   --b-file-uploader-restrictions-disabled-color: var(--b-color-label-disabled);
   --b-file-uploader-restrictions-margin-top: var(--b-spacer-020);
@@ -1558,7 +1566,10 @@
   --b-data-grid-template-data-grid-filters-padding-right: var(--b-spacer-090);
   --b-data-grid-template-tabs-padding: var(--b-spacer-000) var(--b-spacer-090);
   --b-data-grid-template-tabs-background-color: var(--b-color-background-primary);
+  --b-data-grid-template-additional-content-z-index: var(--b-z-index-local-tier-2);
+  --b-data-grid-template-additional-content-padding: var(--b-spacer-000) var(--b-spacer-090) var(--b-spacer-000) var(--b-spacer-090);
   --b-data-grid-template-additional-content-margin: var(--b-spacer-000) var(--b-spacer-090) var(--b-spacer-000) var(--b-spacer-090);
+  --b-data-grid-template-additional-content-background-color: var(--b-color-background-primary);
   --b-data-grid-template-header-z-index: var(--b-z-index-local-tier-3);
   --b-data-grid-template-header-margin: var(--b-spacer-080) var(--b-spacer-090) var(--b-spacer-000) var(--b-spacer-090);
   --b-data-grid-template-gap: var(--b-spacer-060);