@adyen/bento-vue2 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":["../../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/code-snippet.js

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

package/dist/dashboard-template.js

@@ -1,4 +1,4 @@
-import { a as e, d as t } from "./chunks/dashboard-section.Cn7UfGjF.js";
+import { a as e, d as t } from "./chunks/dashboard-section.DJ39VLp3.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.0K0Xbu6k.js";
+import { B as o } from "./chunks/dashed-underline.D29Z776j.js";
 export {
   o as BentoDashedUnderline
 };

package/dist/data-grid-template.js

@@ -1,4 +1,4 @@
-import { d as t } from "./chunks/data-grid-template.Bm08fIsa.js";
+import { d as t } from "./chunks/data-grid-template.BrgmYdx9.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.C8S9cY5p.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.NedqR1ap.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.DPSJvBlj.js";
-import { C as i } from "./chunks/calendar.C9bRwE-l.js";
+import { B as a, a as r } from "./chunks/date-picker.2shSM0mi.js";
+import { C as i } from "./chunks/calendar.CiLR27-B.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.B03wCOPP.js";
-import { C as o } from "./chunks/calendar.C9bRwE-l.js";
+import { B as t, a as r } from "./chunks/date-range-picker.PzjjjdoC.js";
+import { C as o } from "./chunks/calendar.CiLR27-B.js";
 export {
   t as BentoDateRangePicker,
   r as BentoDateRangePickerEvent,

package/dist/dropdown.js

@@ -1,7 +1,7 @@
-import { B as r } from "./chunks/dropdown.DihPVajz.js";
+import { B as r } from "./chunks/dropdown.aeiLxODy.js";
 import { B as t } from "./chunks/dropdown-default-textbox.AUsF-RIc.js";
-import { a as p, B as d } from "./chunks/use-cached-selected-values.D6lOsd0o.js";
-import { d as s, a as w, b as D, c as m, e as y } from "./chunks/dropdown-tag.DUlkje2L.js";
+import { a as p, B as d } from "./chunks/use-cached-selected-values.DHN-_Me4.js";
+import { d as s, a as w, b as D, c as m, e as y } from "./chunks/dropdown-tag.BuW-M1zn.js";
 export {
   r as BentoDropdown,
   s 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.aBO3bh4N.js";
+import { B as e, b as m, c as n, a as o } from "./chunks/empty-state.Z97lmDoK.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.P_s39Esv.js";
+import { f as r } from "./chunks/file-uploader.DtiNK2cF.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.Djv7J4G1.js";
+import { B as r, b as a, a as B, c as n } from "./chunks/filter-bar.C3-x0K8J.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.C9P21KnX.js";
+import { f as a, a as e, c as r, b as m } from "./chunks/form-layout-title.CbdwXVqj.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.siHZ-MsA.js";
+import { h as r } from "./chunks/header-with-views.C8yPUp97.js";
 export {
   r as BentoHeaderWithViews
 };

package/dist/header.js

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

package/dist/index.js

@@ -4,82 +4,82 @@ import { u as N } from "./chunks/use-bento-toast-controller.Cn_2Eogn.js";
 import { p as g, d } from "./chunks/typography.J1v_SPG3.js";
 import { B as _, c as Y, b as j, a as U } from "./chunks/typography.J1v_SPG3.js";
 import { a as K, b as H } from "./chunks/accordion-item.C4tyRMCt.js";
-import { B as W } from "./chunks/action-bar.DQ1JoKzt.js";
-import { B as J, c as Q, b as X, a as $ } from "./chunks/alert.C5Y5RBx9.js";
+import { B as W } from "./chunks/action-bar.c68S34TI.js";
+import { B as J, c as Q, b as X, a as $ } from "./chunks/alert.D8qqrobi.js";
 import { B as te } from "./chunks/avatar.BgwjpLQO.js";
-import { B as ae, b as ne, a as re } from "./chunks/button.DUApwEu1.js";
-import { B as Be } from "./chunks/dashed-underline.0K0Xbu6k.js";
-import { B as me, d as pe, a as ue, f as de, e as le, c as ce, b as fe } from "./chunks/data-grid.C8S9cY5p.js";
-import { c as Se, B as Te, a as ye } from "./chunks/card.Ba5Jqezr.js";
-import { B as he, a as be } from "./chunks/date-picker.DPSJvBlj.js";
-import { B as Ce, a as De } from "./chunks/date-range-picker.B03wCOPP.js";
-import { B as ve, u as Le } from "./chunks/dropdown.DihPVajz.js";
+import { B as ae, b as ne, a as re } from "./chunks/button.D7K0uXQm.js";
+import { B as Be } from "./chunks/dashed-underline.D29Z776j.js";
+import { B as me, d as pe, a as ue, f as de, e as le, c as ce, b as fe } from "./chunks/data-grid.NedqR1ap.js";
+import { c as Se, B as Te, a as ye } from "./chunks/card.CZkqwnNe.js";
+import { B as he, a as be } from "./chunks/date-picker.2shSM0mi.js";
+import { B as Ce, a as De } from "./chunks/date-range-picker.PzjjjdoC.js";
+import { B as ve, u as Le } from "./chunks/dropdown.aeiLxODy.js";
 import { B as Fe } from "./chunks/dropdown-default-textbox.AUsF-RIc.js";
-import { B as Oe, a as ke } from "./chunks/checkbox.LFeWM5p4.js";
+import { B as Oe, a as ke } from "./chunks/checkbox.DXP-ooRp.js";
 import { B as Me } from "./chunks/chip.BeK9uqmW.js";
 import { B as Ae } from "./chunks/click-outside.C1Ud8AA2.js";
-import { c as Re, b as _e, a as Ye, B as je } from "./chunks/code-snippet.Q1HB3T_K.js";
+import { c as Re, b as _e, a as Ye, B as je } from "./chunks/code-snippet.DhxRuYQ7.js";
 import { c as ze } from "./chunks/country.Df7erZov.js";
 import { a as He, B as qe, u as We } from "./chunks/country.types.C0Q_hhgJ.js";
 import { c as Je, B as Qe } from "./chunks/currency.B1F9YOIx.js";
 import { B as $e, a as et } from "./chunks/date.dYFFEunA.js";
 import { B as ot } from "./chunks/divider.Cc4JFWG_.js";
-import { B as nt, b as rt, c as st, a as Bt } from "./chunks/empty-state.aBO3bh4N.js";
-import { f as mt } from "./chunks/file-uploader.P_s39Esv.js";
-import { B as ut, b as dt, a as lt, c as ct } from "./chunks/filter-bar.Djv7J4G1.js";
-import { f as xt, a as St, c as Tt, b as yt } from "./chunks/form-layout-title.C9P21KnX.js";
-import { h as ht } from "./chunks/header-with-views.siHZ-MsA.js";
+import { B as nt, b as rt, c as st, a as Bt } from "./chunks/empty-state.Z97lmDoK.js";
+import { f as mt } from "./chunks/file-uploader.DtiNK2cF.js";
+import { B as ut, b as dt, a as lt, c as ct } from "./chunks/filter-bar.C3-x0K8J.js";
+import { f as xt, a as St, c as Tt, b as yt } from "./chunks/form-layout-title.CbdwXVqj.js";
+import { h as ht } from "./chunks/header-with-views.C8yPUp97.js";
 import { B as Et, a as Ct, b as Dt } from "./chunks/image.C2D2hKat.js";
 import { B as vt } from "./chunks/info-icon.Dn0FHy-U.js";
-import { B as Pt, b as Ft, e as Gt, c as Ot, d as kt, a as wt } from "./chunks/input-field.DcOnDLTc.js";
-import { i as Vt, m as At, r as Nt, b as Rt, c as _t, a as Yt } from "./chunks/input-field-password.Dz_8fr0j.js";
-import { i as Ut } from "./chunks/input-field-phone-number.CPlRrAGe.js";
-import { i as Kt, B as Ht } from "./chunks/inspector.types.D1m792RZ.js";
+import { B as Pt, b as Ft, e as Gt, c as Ot, d as kt, a as wt } from "./chunks/input-field._ceh_k5o.js";
+import { i as Vt, m as At, r as Nt, b as Rt, c as _t, a as Yt } from "./chunks/input-field-password.CbPAafAh.js";
+import { i as Ut } from "./chunks/input-field-phone-number.DAE8TPO4.js";
+import { i as Kt, B as Ht } from "./chunks/inspector.types.Cloa1Rnz.js";
 import { l as Wt, a as Zt } from "./chunks/layout-row.DWRoI0dm.js";
 import { B as Qt, a as Xt } from "./chunks/loading-indicator.z8COalOc.js";
 import { B as eo, a as to } from "./chunks/link.BH3eB_7E.js";
-import { B as ao, a as no } from "./chunks/menu.DFatjXpw.js";
-import { d as so, f as Bo, g as io, B as mo, e as po, c as uo, a as lo, b as co } from "./chunks/base-modal.CEHMcrwC.js";
-import { B as xo } from "./chunks/modal.CpZzd8fG.js";
-import { m as To, B as yo } from "./chunks/modal-fullscreen._NBj0IXu.js";
-import { B as ho } from "./chunks/header.BXGTPqZK.js";
-import { B as Eo } from "./chunks/pagination.PQCpgVVF.js";
+import { B as ao, a as no } from "./chunks/menu.BKcBx2qB.js";
+import { d as so, f as Bo, g as io, B as mo, e as po, c as uo, a as lo, b as co } from "./chunks/base-modal.B9JnRNty.js";
+import { B as xo } from "./chunks/modal.BL-FWXsY.js";
+import { m as To, B as yo } from "./chunks/modal-fullscreen.BwVQfDn1.js";
+import { B as ho } from "./chunks/header.DbB-XuIe.js";
+import { B as Eo } from "./chunks/pagination.DHFaDRoD.js";
 import { B as Do } from "./chunks/payment-method.Cx4nPDtE.js";
 import { B as vo } from "./chunks/payment-method.types.BqtH7RM2.js";
-import { B as Po, a as Fo } from "./chunks/popover.BVLuUYSi.js";
-import { p as Oo, B as ko, a as wo } from "./chunks/promo-banner.C4jiwSeA.js";
+import { B as Po, a as Fo } from "./chunks/popover.Bb9JeZVy.js";
+import { p as Oo, B as ko, a as wo } from "./chunks/promo-banner.D5QXTiEH.js";
 import { b as Vo, B as Ao, a as No } from "./chunks/radio-group.BuKC_n23.js";
-import { B as _o, b as Yo, a as jo } from "./chunks/search-bar.BPnYyZ9S.js";
-import { s as zo } from "./chunks/secondary-nav.CDykzeRU.js";
-import { B as Ho, s as qo, a as Wo } from "./chunks/selection-card-group.Dj9wWfmY.js";
+import { B as _o, b as Yo, a as jo } from "./chunks/search-bar.BxZHV9BD.js";
+import { s as zo } from "./chunks/secondary-nav.BDGDhhEE.js";
+import { B as Ho, s as qo, a as Wo } from "./chunks/selection-card-group.0nbaCMHW.js";
 import { B as Jo } from "./chunks/segmented-control.CCgCeLDQ.js";
 import { B as Xo } from "./chunks/segmented-control.types.BHRLV8KU.js";
-import { a as ea, B as ta, s as oa } from "./chunks/sidepanel.DcBdDgec.js";
+import { a as ea, B as ta, s as oa } from "./chunks/sidepanel.DMXzlqbw.js";
 import { s as na, B as ra } from "./chunks/status.types.p_TCvoo0.js";
 import { a as Ba, s as ia, B as ma, b as pa } from "./chunks/step.CuOpi-Ye.js";
-import { B as da, a as la } from "./chunks/structured-list-item.w0GVxwQf.js";
-import { s as fa, a as xa, e as Sa, b as Ta, c as ya, B as ga, d as ha, f as ba } from "./chunks/summary-grid.types.DoD7Ls0O.js";
-import { B as Ca, a as Da } from "./chunks/tabs.T3A3YNdF.js";
+import { B as da, a as la } from "./chunks/structured-list-item.DZ1_vy5W.js";
+import { s as fa, a as xa, e as Sa, b as Ta, c as ya, B as ga, d as ha, f as ba } from "./chunks/summary-grid.types.D-OotxnX.js";
+import { B as Ca, a as Da } from "./chunks/tabs.BfL4CUD1.js";
 import { B as va, a as La } from "./chunks/tag.C7ATWnRW.js";
-import { B as Fa } from "./chunks/textarea.CrPdkIGL.js";
-import { t as Oa, b as ka, a as wa, c as Ma, B as Va, d as Aa } from "./chunks/timeline-item.B6XTUyr8.js";
-import { t as Ra } from "./chunks/toast.CjJW9t4G.js";
+import { B as Fa } from "./chunks/textarea.BkUzMu8d.js";
+import { t as Oa, b as ka, a as wa, c as Ma, B as Va, d as Aa } from "./chunks/timeline-item.DcutETie.js";
+import { t as Ra } from "./chunks/toast.BV0qP2AF.js";
 import { B as Ya, b as ja, a as Ua } from "./chunks/toggle.Q52IIKfi.js";
-import { t as Ka } from "./chunks/tutorial.CTzjDY6m.js";
-import { a as qa, d as Wa } from "./chunks/dashboard-section.Cn7UfGjF.js";
-import { d as Ja } from "./chunks/data-grid-template.Bm08fIsa.js";
-import { B as Xa, c as $a, a as en, b as tn, d as on, e as an } from "./chunks/button-actions.C5Dp4DeK.js";
-import { B as rn } from "./chunks/toggle-button.Dj2uoRyw.js";
-import { C as Bn, C as mn } from "./chunks/calendar.C9bRwE-l.js";
-import { a as un, B as dn, a as ln, B as cn } from "./chunks/use-cached-selected-values.D6lOsd0o.js";
-import { d as xn, a as Sn, b as Tn, c as yn, e as gn } from "./chunks/dropdown-tag.DUlkje2L.js";
+import { t as Ka } from "./chunks/tutorial.AOMH-Jq3.js";
+import { a as qa, d as Wa } from "./chunks/dashboard-section.DJ39VLp3.js";
+import { d as Ja } from "./chunks/data-grid-template.BrgmYdx9.js";
+import { B as Xa, c as $a, a as en, b as tn, d as on, e as an } from "./chunks/button-actions.ZBlB7bp4.js";
+import { B as rn } from "./chunks/toggle-button.TDry-9iu.js";
+import { C as Bn, C as mn } from "./chunks/calendar.CiLR27-B.js";
+import { a as un, B as dn, a as ln, B as cn } from "./chunks/use-cached-selected-values.DHN-_Me4.js";
+import { d as xn, a as Sn, b as Tn, c as yn, e as gn } from "./chunks/dropdown-tag.BuW-M1zn.js";
 import { C as bn } from "./chunks/checkbox-input.CMhyJDdo.js";
-import { c as Cn, B as Dn } from "./chunks/checkbox-group.COqNevz5.js";
+import { c as Cn, B as Dn } from "./chunks/checkbox-group.C5JSUREN.js";
 import { u as vn, a as Ln } from "./chunks/use-country-phon-code.DVgE19zT.js";
 import { R as Fn } from "./chunks/radio-input.uJAhxKRs.js";
 import { shallowRef as h, ref as l, getCurrentInstance as b } from "vue";
 import * as s from "zod";
-import { u as On } from "./chunks/teleport.5oodkxuB.js";
+import { u as On } from "./chunks/use-click-outside.BnhTgpSt.js";
 import { D as wn } from "./chunks/date-input.BqBdAO1E.js";
 import { a as Vn, B as An } from "./chunks/keyboard-navigation.pB8weElW.js";
 import { B as Rn } from "./chunks/directive.Cbdox5VL.js";

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.Dz_8fr0j.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.CbPAafAh.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.CPlRrAGe.js";
+import { i as n } from "./chunks/input-field-phone-number.DAE8TPO4.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.DcOnDLTc.js";
+import { B as n, b as a, e as o, c as i, d as s, a as l } from "./chunks/input-field._ceh_k5o.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.D1m792RZ.js";
+import { i as t, B as n } from "./chunks/inspector.types.Cloa1Rnz.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.C9bRwE-l.js";
-import { C as n, a as l } from "./chunks/copy.C7gFAgeL.js";
+import { a as e, b as r, C as t, c as s, d as p } from "./chunks/calendar.CiLR27-B.js";
+import { C as n, a as l } from "./chunks/copy.JmRKnqLo.js";
 import { C as f } from "./chunks/controls-group.B-JUz-ir.js";
-import { B as I, b as m, a as E, D as T } from "./chunks/dialog-page.C8iNK4bf.js";
+import { B as I, b as m, a as E, D as T } from "./chunks/dialog-page.BveDXzz1.js";
 import { E as d, F as N } from "./chunks/error-message.7bsic_sK.js";
-import { F as O } from "./chunks/fixed-scroller.C7Eug22g.js";
+import { F as O } from "./chunks/fixed-scroller.BJh4fxeV.js";
 import { G as A, a as L } from "./chunks/grid-layout.HvTAa4to.js";
-import { I as c } from "./chunks/info-icon-with-popover.CdZ1_8hG.js";
-import { b, c as g, u as y } from "./chunks/use-cached-selected-values.D6lOsd0o.js";
+import { I as c } from "./chunks/info-icon-with-popover.CzP2P-pl.js";
+import { b, c as g, u as y } from "./chunks/use-cached-selected-values.DHN-_Me4.js";
 import { L as F } from "./chunks/listbox-option-tag.BSQ8bM-O.js";
-import { B as M } from "./chunks/teleport.5oodkxuB.js";
+import { B as M } from "./chunks/teleport.BV6zrDjA.js";
 import { T as h } from "./chunks/tooltip.CfER_5In.js";
-import { B as J } from "./chunks/button-actions-with-menu.BehknT6F.js";
-import { f as R } from "./chunks/button-actions.C5Dp4DeK.js";
+import { B as J } from "./chunks/button-actions-with-menu.DhPRdnSt.js";
+import { f as R } from "./chunks/button-actions.ZBlB7bp4.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.DFatjXpw.js";
+import { B as o, a as t } from "./chunks/menu.BKcBx2qB.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._NBj0IXu.js";
+import { m as o, B as a } from "./chunks/modal-fullscreen.BwVQfDn1.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 B, c as d, a as M, b as s } from "./chunks/base-modal.CEHMcrwC.js";
-import { B as i } from "./chunks/modal.CpZzd8fG.js";
+import { d as e, f as t, g as n, B as l, e as B, c as d, a as M, b as s } from "./chunks/base-modal.B9JnRNty.js";
+import { B as i } from "./chunks/modal.BL-FWXsY.js";
 export {
   i as BentoModal,
   e as BentoModalColumnLayoutVariant,

package/dist/pagination.js

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

package/dist/popover.js

@@ -1,4 +1,4 @@
-import { B as r, a as s } from "./chunks/popover.BVLuUYSi.js";
+import { B as r, a as s } from "./chunks/popover.Bb9JeZVy.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.C4jiwSeA.js";
+import { p as r, B as a, a as e } from "./chunks/promo-banner.D5QXTiEH.js";
 export {
   r as BentoPromoBanner,
   a as BentoPromoBannerColor,

package/dist/search-bar.js

@@ -1,5 +1,5 @@
-import { B as r, b as t, a as B } from "./chunks/search-bar.BPnYyZ9S.js";
-import { u as o } from "./chunks/dropdown.DihPVajz.js";
+import { B as r, b as t, a as B } from "./chunks/search-bar.BxZHV9BD.js";
+import { u as o } from "./chunks/dropdown.aeiLxODy.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.CDykzeRU.js";
+import { s as e } from "./chunks/secondary-nav.BDGDhhEE.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.Dj9wWfmY.js";
+import { B as t, s as a, a as n } from "./chunks/selection-card-group.0nbaCMHW.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.DcBdDgec.js";
+import { a as n, B as o, s as t } from "./chunks/sidepanel.DMXzlqbw.js";
 export {
   n as BentoSidepanel,
   o as BentoSidepanelEvent,

package/dist/structured-list.js

@@ -1,4 +1,4 @@
-import { B as r, a as o } from "./chunks/structured-list-item.w0GVxwQf.js";
+import { B as r, a as o } from "./chunks/structured-list-item.DZ1_vy5W.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);

package/dist/styles/bento.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);