@adyen/bento-vue2 1.68.1 → 1.69.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (428) hide show
  1. package/dist/@types/components.d.ts +1 -0
  2. package/dist/@types/index.d.ts +625 -1272
  3. package/dist/accordion.js +1 -1
  4. package/dist/action-bar.js +1 -1
  5. package/dist/alert.js +1 -1
  6. package/dist/assets/accordion-item.css +1 -1
  7. package/dist/assets/action-bar.css +1 -1
  8. package/dist/assets/base-button.css +1 -1
  9. package/dist/assets/base-modal.css +1 -1
  10. package/dist/assets/button-actions-with-menu.css +1 -1
  11. package/dist/assets/button.css +1 -1
  12. package/dist/assets/calendar.css +1 -1
  13. package/dist/assets/card.css +1 -1
  14. package/dist/assets/checkbox-group.css +1 -1
  15. package/dist/assets/checkbox-input.css +1 -1
  16. package/dist/assets/checkbox.css +1 -1
  17. package/dist/assets/chip.css +1 -1
  18. package/dist/assets/copy.css +1 -1
  19. package/dist/assets/country.css +1 -1
  20. package/dist/assets/currency.css +1 -1
  21. package/dist/assets/dashed-underline.css +1 -1
  22. package/dist/assets/data-grid-template.css +1 -1
  23. package/dist/assets/data-grid.css +1 -1
  24. package/dist/assets/date-picker.css +1 -1
  25. package/dist/assets/date-range-picker.css +1 -1
  26. package/dist/assets/dialog-page.css +1 -1
  27. package/dist/assets/divider.css +1 -1
  28. package/dist/assets/dropdown-default-textbox.css +1 -1
  29. package/dist/assets/dropdown-tag.css +1 -1
  30. package/dist/assets/dropdown.css +1 -1
  31. package/dist/assets/empty-state.css +1 -1
  32. package/dist/assets/file-uploader.css +1 -1
  33. package/dist/assets/filter-bar.css +1 -1
  34. package/dist/assets/focus-trap.css +1 -1
  35. package/dist/assets/footer-actions.css +1 -1
  36. package/dist/assets/form-layout-title.css +1 -1
  37. package/dist/assets/grid-layout.css +1 -1
  38. package/dist/assets/header-meta.css +1 -1
  39. package/dist/assets/header-with-views.css +1 -1
  40. package/dist/assets/header.css +1 -1
  41. package/dist/assets/info-icon.css +1 -1
  42. package/dist/assets/input-field-password.css +1 -1
  43. package/dist/assets/input-field-phone-number.css +1 -1
  44. package/dist/assets/input-field.css +1 -1
  45. package/dist/assets/inspector.css +1 -1
  46. package/dist/assets/layout-row.css +1 -1
  47. package/dist/assets/link.css +1 -1
  48. package/dist/assets/listbox-option-tag.css +1 -1
  49. package/dist/assets/loading-indicator.css +1 -1
  50. package/dist/assets/modal-fullscreen.css +1 -1
  51. package/dist/assets/pagination.css +1 -1
  52. package/dist/assets/payment-method.css +1 -1
  53. package/dist/assets/popper-container.css +1 -1
  54. package/dist/assets/promo-banner.css +1 -1
  55. package/dist/assets/radio-group.css +1 -1
  56. package/dist/assets/radio-input.css +1 -1
  57. package/dist/assets/rich-text-editor.css +1 -1
  58. package/dist/assets/search-bar.css +1 -1
  59. package/dist/assets/secondary-nav.css +1 -1
  60. package/dist/assets/segmented-control.css +1 -1
  61. package/dist/assets/selection-card-group.css +1 -1
  62. package/dist/assets/sidepanel.css +1 -1
  63. package/dist/assets/status.css +1 -1
  64. package/dist/assets/step.css +1 -1
  65. package/dist/assets/structured-list-item.css +1 -1
  66. package/dist/assets/tab.css +1 -1
  67. package/dist/assets/tag.css +1 -1
  68. package/dist/assets/textarea.css +1 -1
  69. package/dist/assets/timeline-item.css +1 -1
  70. package/dist/assets/toast.css +1 -1
  71. package/dist/assets/toggle-button.css +1 -1
  72. package/dist/assets/toggle.css +1 -1
  73. package/dist/assets/tooltip.css +1 -1
  74. package/dist/assets/tutorial.css +1 -1
  75. package/dist/assets/typography.css +1 -1
  76. package/dist/assets/use-cached-selected-values.css +1 -1
  77. package/dist/avatar.js +1 -1
  78. package/dist/button.js +9 -9
  79. package/dist/card.js +1 -1
  80. package/dist/checkbox.js +2 -2
  81. package/dist/chip.js +1 -1
  82. package/dist/chunks/{accordion-item.BNtdoVto.js → accordion-item.NSQ50RyR.js} +3 -3
  83. package/dist/chunks/accordion-item.NSQ50RyR.js.map +1 -0
  84. package/dist/chunks/{action-bar.Dy6tfK8c.js → action-bar.Dhi6k0CP.js} +18 -19
  85. package/dist/chunks/action-bar.Dhi6k0CP.js.map +1 -0
  86. package/dist/chunks/{alert.c1rhDDrU.js → alert.Dx9P_L2k.js} +3 -3
  87. package/dist/chunks/{alert.c1rhDDrU.js.map → alert.Dx9P_L2k.js.map} +1 -1
  88. package/dist/chunks/aria-label.CaUURpnB.js.map +1 -1
  89. package/dist/chunks/{avatar.BgwjpLQO.js → avatar.CWmZ2n1W.js} +2 -2
  90. package/dist/chunks/avatar.CWmZ2n1W.js.map +1 -0
  91. package/dist/chunks/{base-button.-gx_u8Bd.js → base-button.BPZ_qSAu.js} +6 -6
  92. package/dist/chunks/base-button.BPZ_qSAu.js.map +1 -0
  93. package/dist/chunks/{base-modal.CkkfT6r6.js → base-modal.Cehud1uW.js} +19 -19
  94. package/dist/chunks/base-modal.Cehud1uW.js.map +1 -0
  95. package/dist/chunks/button-actions-with-menu.DIpUg6BF.js +85 -0
  96. package/dist/chunks/button-actions-with-menu.DIpUg6BF.js.map +1 -0
  97. package/dist/chunks/button-actions.types.BptAXjD8.js +8 -0
  98. package/dist/chunks/button-actions.types.BptAXjD8.js.map +1 -0
  99. package/dist/chunks/{button.hF-nD1Og.js → button.B0hSQWOR.js} +4 -4
  100. package/dist/chunks/button.B0hSQWOR.js.map +1 -0
  101. package/dist/chunks/{calendar.DvIQEYwN.js → calendar.BuAVH2aU.js} +8 -8
  102. package/dist/chunks/calendar.BuAVH2aU.js.map +1 -0
  103. package/dist/chunks/{card.CASAAsuJ.js → card.DLRC9V0Q.js} +20 -19
  104. package/dist/chunks/card.DLRC9V0Q.js.map +1 -0
  105. package/dist/chunks/{checkbox-group.DLJUsfPM.js → checkbox-group.Cdt2Ik2_.js} +6 -6
  106. package/dist/chunks/checkbox-group.Cdt2Ik2_.js.map +1 -0
  107. package/dist/chunks/{checkbox-input.CNWigbX4.js → checkbox-input.C9vmlMZe.js} +7 -7
  108. package/dist/chunks/checkbox-input.C9vmlMZe.js.map +1 -0
  109. package/dist/chunks/{checkbox.D45-Bhm3.js → checkbox.JhfbjDfJ.js} +20 -20
  110. package/dist/chunks/checkbox.JhfbjDfJ.js.map +1 -0
  111. package/dist/chunks/{chip.OV0EWIP3.js → chip.Cn68PNxA.js} +10 -10
  112. package/dist/chunks/chip.Cn68PNxA.js.map +1 -0
  113. package/dist/chunks/{code-snippet.dIKi0D7d.js → code-snippet.hYghglvk.js} +8 -8
  114. package/dist/chunks/code-snippet.hYghglvk.js.map +1 -0
  115. package/dist/chunks/{controls-group.CccuLkgP.js → controls-group.B1cxRdIA.js} +3 -3
  116. package/dist/chunks/{controls-group.CccuLkgP.js.map → controls-group.B1cxRdIA.js.map} +1 -1
  117. package/dist/chunks/{copy.CF8Fzu2Y.js → copy.UbMV4m6b.js} +14 -14
  118. package/dist/chunks/copy.UbMV4m6b.js.map +1 -0
  119. package/dist/chunks/{country.melpzEsY.js → country.CZQYhKpE.js} +6 -6
  120. package/dist/chunks/country.CZQYhKpE.js.map +1 -0
  121. package/dist/chunks/country.types.C0Q_hhgJ.js.map +1 -1
  122. package/dist/chunks/{currency.BM9OXTqe.js → currency.Oq7zcRM5.js} +3 -3
  123. package/dist/chunks/currency.Oq7zcRM5.js.map +1 -0
  124. package/dist/chunks/{dashboard-section.DBT99mLj.js → dashboard-section.BRnRO3AZ.js} +4 -4
  125. package/dist/chunks/{dashboard-section.DBT99mLj.js.map → dashboard-section.BRnRO3AZ.js.map} +1 -1
  126. package/dist/chunks/{dashed-underline.BbH6Lnd2.js → dashed-underline.BN_whJrR.js} +12 -13
  127. package/dist/chunks/dashed-underline.BN_whJrR.js.map +1 -0
  128. package/dist/chunks/{data-grid-template.B2lDfM2o.js → data-grid-template.BlRKgkX6.js} +5 -5
  129. package/dist/chunks/data-grid-template.BlRKgkX6.js.map +1 -0
  130. package/dist/chunks/{data-grid.CLz90HDC.js → data-grid.B0bOXr4p.js} +1219 -1167
  131. package/dist/chunks/data-grid.B0bOXr4p.js.map +1 -0
  132. package/dist/chunks/{date-picker.DGIS6Pp-.js → date-picker.Dyf6HJwP.js} +11 -11
  133. package/dist/chunks/date-picker.Dyf6HJwP.js.map +1 -0
  134. package/dist/chunks/date-range-picker.-FSh7RLm.js +967 -0
  135. package/dist/chunks/date-range-picker.-FSh7RLm.js.map +1 -0
  136. package/dist/chunks/{date.BfyWX2PY.js → date.w2Ya6_lp.js} +2 -2
  137. package/dist/chunks/{date.BfyWX2PY.js.map → date.w2Ya6_lp.js.map} +1 -1
  138. package/dist/chunks/{dialog-page.CLHZqQeU.js → dialog-page.CdJloGXQ.js} +9 -9
  139. package/dist/chunks/dialog-page.CdJloGXQ.js.map +1 -0
  140. package/dist/chunks/{divider.Cc4JFWG_.js → divider.CFbtmKeQ.js} +6 -6
  141. package/dist/chunks/divider.CFbtmKeQ.js.map +1 -0
  142. package/dist/chunks/{dropdown-default-textbox.94q6opSD.js → dropdown-default-textbox.DzpZoK-P.js} +81 -80
  143. package/dist/chunks/dropdown-default-textbox.DzpZoK-P.js.map +1 -0
  144. package/dist/chunks/dropdown-tag.CRbOHBPK.js +273 -0
  145. package/dist/chunks/dropdown-tag.CRbOHBPK.js.map +1 -0
  146. package/dist/chunks/{dropdown.DazYAy4B.js → dropdown.DB_MlO1F.js} +43 -43
  147. package/dist/chunks/dropdown.DB_MlO1F.js.map +1 -0
  148. package/dist/chunks/{empty-state.mtXfb1BB.js → empty-state.BqMgiQAu.js} +6 -6
  149. package/dist/chunks/empty-state.BqMgiQAu.js.map +1 -0
  150. package/dist/chunks/{error-message.BgxnwPLF.js → error-message.PWgUfpvo.js} +3 -3
  151. package/dist/chunks/{error-message.BgxnwPLF.js.map → error-message.PWgUfpvo.js.map} +1 -1
  152. package/dist/chunks/es6.MoTTyETW.js +12 -0
  153. package/dist/chunks/es6.MoTTyETW.js.map +1 -0
  154. package/dist/chunks/events.CMzGybJJ.js.map +1 -1
  155. package/dist/chunks/{file-uploader.BPslxGI8.js → file-uploader.llBOTc1s.js} +41 -41
  156. package/dist/chunks/file-uploader.llBOTc1s.js.map +1 -0
  157. package/dist/chunks/{filter-bar.DL19SXF1.js → filter-bar.8rNB7K2X.js} +189 -192
  158. package/dist/chunks/filter-bar.8rNB7K2X.js.map +1 -0
  159. package/dist/chunks/{fixed-scroller.XN-jvWqb.js → fixed-scroller.CRnBrXfk.js} +2 -2
  160. package/dist/chunks/{fixed-scroller.XN-jvWqb.js.map → fixed-scroller.CRnBrXfk.js.map} +1 -1
  161. package/dist/chunks/{focus-trap.C-wIQqpO.js → focus-trap.B4C5TXxl.js} +2 -2
  162. package/dist/chunks/focus-trap.B4C5TXxl.js.map +1 -0
  163. package/dist/chunks/{footer-actions.BE_zzX-e.js → footer-actions.C9ZYDWNU.js} +12 -12
  164. package/dist/chunks/footer-actions.C9ZYDWNU.js.map +1 -0
  165. package/dist/chunks/{form-layout-title.CIynHgCF.js → form-layout-title.CboZDCN9.js} +5 -5
  166. package/dist/chunks/form-layout-title.CboZDCN9.js.map +1 -0
  167. package/dist/chunks/{grid-layout.HvTAa4to.js → grid-layout.1aIiz2N_.js} +4 -4
  168. package/dist/chunks/grid-layout.1aIiz2N_.js.map +1 -0
  169. package/dist/chunks/{header-meta.CfloYa86.js → header-meta.C75OXHwb.js} +26 -27
  170. package/dist/chunks/{header-meta.CfloYa86.js.map → header-meta.C75OXHwb.js.map} +1 -1
  171. package/dist/chunks/{header-with-views.DzsU00YA.js → header-with-views.Dzifal09.js} +129 -133
  172. package/dist/chunks/header-with-views.Dzifal09.js.map +1 -0
  173. package/dist/chunks/{header.DvHS-PnC.js → header.DAcRpRch.js} +8 -8
  174. package/dist/chunks/header.DAcRpRch.js.map +1 -0
  175. package/dist/chunks/image.C2D2hKat.js.map +1 -1
  176. package/dist/chunks/{info-icon.CYOXx8CL.js → info-icon.B4P_Zi58.js} +10 -10
  177. package/dist/chunks/info-icon.B4P_Zi58.js.map +1 -0
  178. package/dist/chunks/{input-field-password.C1zTapiN.js → input-field-password.DsslmTb_.js} +29 -29
  179. package/dist/chunks/input-field-password.DsslmTb_.js.map +1 -0
  180. package/dist/chunks/{input-field-phone-number.K8BYjWfa.js → input-field-phone-number.D2T8jzAr.js} +8 -7
  181. package/dist/chunks/{input-field-phone-number.K8BYjWfa.js.map → input-field-phone-number.D2T8jzAr.js.map} +1 -1
  182. package/dist/chunks/{input-field.5S-pUNxA.js → input-field.DnnXXill.js} +5 -5
  183. package/dist/chunks/input-field.DnnXXill.js.map +1 -0
  184. package/dist/chunks/{inspector.BI28vKQz.js → inspector.H05UI3LY.js} +6 -6
  185. package/dist/chunks/inspector.H05UI3LY.js.map +1 -0
  186. package/dist/chunks/keyboard-navigation.pB8weElW.js.map +1 -1
  187. package/dist/chunks/{layout-row.C_F2wX6d.js → layout-row.BWxn-eQ-.js} +12 -12
  188. package/dist/chunks/layout-row.BWxn-eQ-.js.map +1 -0
  189. package/dist/chunks/{link.CXy_LoFI.js → link.B3F22FTY.js} +3 -3
  190. package/dist/chunks/link.B3F22FTY.js.map +1 -0
  191. package/dist/chunks/{listbox-option-tag.D0Cql_R3.js → listbox-option-tag.On3eD2RE.js} +4 -4
  192. package/dist/chunks/listbox-option-tag.On3eD2RE.js.map +1 -0
  193. package/dist/chunks/{loading-indicator.z8COalOc.js → loading-indicator.Iy1CVr_T.js} +2 -2
  194. package/dist/chunks/loading-indicator.Iy1CVr_T.js.map +1 -0
  195. package/dist/chunks/minus-small.DJacLGTw.js.map +1 -1
  196. package/dist/chunks/{modal-fullscreen.DHotw1RI.js → modal-fullscreen.BgmKDCl4.js} +31 -32
  197. package/dist/chunks/modal-fullscreen.BgmKDCl4.js.map +1 -0
  198. package/dist/chunks/{modal.eoNQ6E3U.js → modal.DMqbIDcX.js} +6 -6
  199. package/dist/chunks/modal.DMqbIDcX.js.map +1 -0
  200. package/dist/chunks/{pagination.4J7ZMyf5.js → pagination.38ahUAk8.js} +5 -5
  201. package/dist/chunks/pagination.38ahUAk8.js.map +1 -0
  202. package/dist/chunks/{payment-method.Cx4nPDtE.js → payment-method.CRluCp_L.js} +3 -3
  203. package/dist/chunks/payment-method.CRluCp_L.js.map +1 -0
  204. package/dist/chunks/popover.types.B1HUQoCG.js +6 -0
  205. package/dist/chunks/popover.types.B1HUQoCG.js.map +1 -0
  206. package/dist/chunks/{popper-container.DIFqmRsp.js → popper-container.Bu75g2nc.js} +3 -3
  207. package/dist/chunks/popper-container.Bu75g2nc.js.map +1 -0
  208. package/dist/chunks/{promo-banner.Bbc2U3S3.js → promo-banner.BGMV3nRn.js} +6 -6
  209. package/dist/chunks/promo-banner.BGMV3nRn.js.map +1 -0
  210. package/dist/chunks/{radio-group.4_KKjvAm.js → radio-group.BVLoYrgU.js} +8 -8
  211. package/dist/chunks/radio-group.BVLoYrgU.js.map +1 -0
  212. package/dist/chunks/{radio-input.uJAhxKRs.js → radio-input.BRceOAA4.js} +7 -7
  213. package/dist/chunks/radio-input.BRceOAA4.js.map +1 -0
  214. package/dist/chunks/{rich-text-editor.DQd_kHTx.js → rich-text-editor.BZ6CyBsK.js} +8 -8
  215. package/dist/chunks/rich-text-editor.BZ6CyBsK.js.map +1 -0
  216. package/dist/chunks/{search-bar.CuBj5FAE.js → search-bar.VfZoy5FX.js} +6 -5
  217. package/dist/chunks/search-bar.VfZoy5FX.js.map +1 -0
  218. package/dist/chunks/{secondary-nav.C6usurfD.js → secondary-nav.BXXKo5HE.js} +9 -9
  219. package/dist/chunks/secondary-nav.BXXKo5HE.js.map +1 -0
  220. package/dist/chunks/{segmented-control.DHZEfmT-.js → segmented-control.CGBrRBLL.js} +11 -11
  221. package/dist/chunks/segmented-control.CGBrRBLL.js.map +1 -0
  222. package/dist/chunks/{selection-card-group.BHvjGlKU.js → selection-card-group.DgQLQ4Wo.js} +15 -15
  223. package/dist/chunks/selection-card-group.DgQLQ4Wo.js.map +1 -0
  224. package/dist/chunks/{sidepanel.DyThBUgV.js → sidepanel.BR0coAJl.js} +9 -9
  225. package/dist/chunks/sidepanel.BR0coAJl.js.map +1 -0
  226. package/dist/chunks/{status.types.p_TCvoo0.js → status.types.DBYsEsiT.js} +3 -3
  227. package/dist/chunks/status.types.DBYsEsiT.js.map +1 -0
  228. package/dist/chunks/{step.DMMofD4B.js → step.DJkLl2s4.js} +5 -5
  229. package/dist/chunks/step.DJkLl2s4.js.map +1 -0
  230. package/dist/chunks/{structured-list-item.Bnn6-Z3q.js → structured-list-item.CACpjdy4.js} +7 -7
  231. package/dist/chunks/structured-list-item.CACpjdy4.js.map +1 -0
  232. package/dist/chunks/{summary-grid.types.D_FU3sUq.js → summary-grid.types.CVuvqM3p.js} +7 -7
  233. package/dist/chunks/{summary-grid.types.D_FU3sUq.js.map → summary-grid.types.CVuvqM3p.js.map} +1 -1
  234. package/dist/chunks/{tab.BhWPBxcB.js → tab.D33__imf.js} +5 -5
  235. package/dist/chunks/tab.D33__imf.js.map +1 -0
  236. package/dist/chunks/{tag.CGkclKVL.js → tag.DfHE26ZN.js} +4 -4
  237. package/dist/chunks/tag.DfHE26ZN.js.map +1 -0
  238. package/dist/chunks/textarea.D7uQzuRr.js +214 -0
  239. package/dist/chunks/textarea.D7uQzuRr.js.map +1 -0
  240. package/dist/chunks/{timeline-item.DqLhj0Lb.js → timeline-item.QOBiWKEL.js} +11 -11
  241. package/dist/chunks/timeline-item.QOBiWKEL.js.map +1 -0
  242. package/dist/chunks/{toast.BOyeuS19.js → toast.CZxRRsPl.js} +5 -5
  243. package/dist/chunks/toast.CZxRRsPl.js.map +1 -0
  244. package/dist/chunks/toggle-button.DeECoGRn.js +1031 -0
  245. package/dist/chunks/toggle-button.DeECoGRn.js.map +1 -0
  246. package/dist/chunks/{toggle.DyXL09-x.js → toggle.hylSNOmz.js} +8 -8
  247. package/dist/chunks/toggle.hylSNOmz.js.map +1 -0
  248. package/dist/chunks/{tooltip.wQsyAwkC.js → tooltip.BYj8cc9F.js} +66 -62
  249. package/dist/chunks/tooltip.BYj8cc9F.js.map +1 -0
  250. package/dist/chunks/{tutorial.DRRfp81j.js → tutorial.BkAXmyzV.js} +29 -31
  251. package/dist/chunks/tutorial.BkAXmyzV.js.map +1 -0
  252. package/dist/chunks/{typography.J1v_SPG3.js → typography.w3m-EY4E.js} +7 -7
  253. package/dist/chunks/typography.w3m-EY4E.js.map +1 -0
  254. package/dist/chunks/{use-bento-toast-controller.Cn_2Eogn.js → use-bento-toast-controller.uglKlMjv.js} +2 -2
  255. package/dist/chunks/{use-bento-toast-controller.Cn_2Eogn.js.map → use-bento-toast-controller.uglKlMjv.js.map} +1 -1
  256. package/dist/chunks/{use-cached-selected-values.0EeyFfyF.js → use-cached-selected-values.CI9xi8dE.js} +12 -12
  257. package/dist/chunks/use-cached-selected-values.CI9xi8dE.js.map +1 -0
  258. package/dist/chunks/use-country-items.BllTb5MK.js.map +1 -1
  259. package/dist/chunks/use-country-phon-code.BOaJ9PDl.js.map +1 -1
  260. package/dist/chunks/use-has-slot.C9lQZ6nz.js.map +1 -1
  261. package/dist/code-snippet.js +1 -1
  262. package/dist/country.js +1 -1
  263. package/dist/currency.js +1 -1
  264. package/dist/dashboard-template.js +1 -1
  265. package/dist/dashed-underline.js +1 -1
  266. package/dist/data-grid-template.js +1 -1
  267. package/dist/data-grid.js +1 -1
  268. package/dist/date-picker.js +2 -2
  269. package/dist/date-range-picker.js +2 -2
  270. package/dist/date.js +1 -1
  271. package/dist/divider.js +1 -1
  272. package/dist/dropdown.js +4 -4
  273. package/dist/empty-state.js +1 -1
  274. package/dist/file-uploader.js +1 -1
  275. package/dist/filter-bar.js +1 -1
  276. package/dist/focus-trap.js +1 -1
  277. package/dist/form-layout.js +1 -1
  278. package/dist/header-with-views.js +1 -1
  279. package/dist/header.js +1 -1
  280. package/dist/index.js +175 -177
  281. package/dist/index.js.map +1 -1
  282. package/dist/info-icon.js +1 -1
  283. package/dist/input-field-password.js +1 -1
  284. package/dist/input-field-phone-number.js +3 -2
  285. package/dist/input-field.js +1 -1
  286. package/dist/inspector.js +1 -1
  287. package/dist/internal.js +33 -32
  288. package/dist/internal.js.map +1 -1
  289. package/dist/layout.js +1 -1
  290. package/dist/link.js +1 -1
  291. package/dist/loading-indicator.js +1 -1
  292. package/dist/menu.js +1 -1
  293. package/dist/modal-fullscreen.js +1 -1
  294. package/dist/modal.js +2 -2
  295. package/dist/pagination.js +1 -1
  296. package/dist/payment-method.js +1 -1
  297. package/dist/popover.js +2 -2
  298. package/dist/popper-container.js +1 -1
  299. package/dist/promo-banner.js +1 -1
  300. package/dist/radio-group.js +2 -2
  301. package/dist/rich-text-editor.js +1 -1
  302. package/dist/search-bar.js +2 -2
  303. package/dist/secondary-nav.js +1 -1
  304. package/dist/segmented-control.js +1 -1
  305. package/dist/selection-card.js +1 -1
  306. package/dist/sidepanel.js +1 -1
  307. package/dist/status.js +1 -1
  308. package/dist/stepper.js +1 -1
  309. package/dist/structured-list.js +1 -1
  310. package/dist/styles/bento-dark.css +17 -4
  311. package/dist/styles/bento-light.css +17 -4
  312. package/dist/styles/bento.css +17 -4
  313. package/dist/styles/legacy.css +17 -4
  314. package/dist/styles/styleguide.css +17 -4
  315. package/dist/styles/utility.css +3 -0
  316. package/dist/summary-grid.js +1 -1
  317. package/dist/tabs.js +1 -1
  318. package/dist/tag.js +1 -1
  319. package/dist/textarea.js +1 -1
  320. package/dist/timeline.js +1 -1
  321. package/dist/toast.js +1 -1
  322. package/dist/toggle.js +1 -1
  323. package/dist/tutorial.js +1 -1
  324. package/dist/typography.js +1 -1
  325. package/dist/use-form-v4.js.map +1 -1
  326. package/dist/web-types.json +934 -363
  327. package/package.json +7 -7
  328. package/dist/assets/button-actions.css +0 -1
  329. package/dist/assets/menu.css +0 -1
  330. package/dist/assets/popover.css +0 -1
  331. package/dist/assets/teleport.css +0 -1
  332. package/dist/chunks/accordion-item.BNtdoVto.js.map +0 -1
  333. package/dist/chunks/action-bar.Dy6tfK8c.js.map +0 -1
  334. package/dist/chunks/avatar.BgwjpLQO.js.map +0 -1
  335. package/dist/chunks/base-button.-gx_u8Bd.js.map +0 -1
  336. package/dist/chunks/base-modal.CkkfT6r6.js.map +0 -1
  337. package/dist/chunks/base-modal.keys.C2PQXcE2.js +0 -5
  338. package/dist/chunks/base-modal.keys.C2PQXcE2.js.map +0 -1
  339. package/dist/chunks/button-actions-with-menu.CcxUTbsI.js +0 -83
  340. package/dist/chunks/button-actions-with-menu.CcxUTbsI.js.map +0 -1
  341. package/dist/chunks/button-actions.Ju27CRNG.js +0 -194
  342. package/dist/chunks/button-actions.Ju27CRNG.js.map +0 -1
  343. package/dist/chunks/button.hF-nD1Og.js.map +0 -1
  344. package/dist/chunks/calendar.DvIQEYwN.js.map +0 -1
  345. package/dist/chunks/card.CASAAsuJ.js.map +0 -1
  346. package/dist/chunks/checkbox-group.DLJUsfPM.js.map +0 -1
  347. package/dist/chunks/checkbox-input.CNWigbX4.js.map +0 -1
  348. package/dist/chunks/checkbox.D45-Bhm3.js.map +0 -1
  349. package/dist/chunks/chip.OV0EWIP3.js.map +0 -1
  350. package/dist/chunks/code-snippet.dIKi0D7d.js.map +0 -1
  351. package/dist/chunks/copy.CF8Fzu2Y.js.map +0 -1
  352. package/dist/chunks/country.melpzEsY.js.map +0 -1
  353. package/dist/chunks/currency.BM9OXTqe.js.map +0 -1
  354. package/dist/chunks/dashed-underline.BbH6Lnd2.js.map +0 -1
  355. package/dist/chunks/data-grid-template.B2lDfM2o.js.map +0 -1
  356. package/dist/chunks/data-grid.CLz90HDC.js.map +0 -1
  357. package/dist/chunks/date-picker.DGIS6Pp-.js.map +0 -1
  358. package/dist/chunks/date-range-picker.CIaKRXIQ.js +0 -1021
  359. package/dist/chunks/date-range-picker.CIaKRXIQ.js.map +0 -1
  360. package/dist/chunks/dialog-page.CLHZqQeU.js.map +0 -1
  361. package/dist/chunks/divider.Cc4JFWG_.js.map +0 -1
  362. package/dist/chunks/dropdown-default-textbox.94q6opSD.js.map +0 -1
  363. package/dist/chunks/dropdown-tag.BaosvGGZ.js +0 -240
  364. package/dist/chunks/dropdown-tag.BaosvGGZ.js.map +0 -1
  365. package/dist/chunks/dropdown.DazYAy4B.js.map +0 -1
  366. package/dist/chunks/empty-state.mtXfb1BB.js.map +0 -1
  367. package/dist/chunks/es6.n1ewaW31.js +0 -11
  368. package/dist/chunks/es6.n1ewaW31.js.map +0 -1
  369. package/dist/chunks/file-uploader.BPslxGI8.js.map +0 -1
  370. package/dist/chunks/filter-bar.DL19SXF1.js.map +0 -1
  371. package/dist/chunks/focus-trap.C-wIQqpO.js.map +0 -1
  372. package/dist/chunks/footer-actions.BE_zzX-e.js.map +0 -1
  373. package/dist/chunks/form-layout-title.CIynHgCF.js.map +0 -1
  374. package/dist/chunks/grid-layout.HvTAa4to.js.map +0 -1
  375. package/dist/chunks/header-with-views.DzsU00YA.js.map +0 -1
  376. package/dist/chunks/header.DvHS-PnC.js.map +0 -1
  377. package/dist/chunks/info-icon.CYOXx8CL.js.map +0 -1
  378. package/dist/chunks/input-field-password.C1zTapiN.js.map +0 -1
  379. package/dist/chunks/input-field.5S-pUNxA.js.map +0 -1
  380. package/dist/chunks/inspector.BI28vKQz.js.map +0 -1
  381. package/dist/chunks/layout-row.C_F2wX6d.js.map +0 -1
  382. package/dist/chunks/link.CXy_LoFI.js.map +0 -1
  383. package/dist/chunks/listbox-option-tag.D0Cql_R3.js.map +0 -1
  384. package/dist/chunks/loading-indicator.z8COalOc.js.map +0 -1
  385. package/dist/chunks/menu.dX3_vU05.js +0 -515
  386. package/dist/chunks/menu.dX3_vU05.js.map +0 -1
  387. package/dist/chunks/modal-fullscreen.DHotw1RI.js.map +0 -1
  388. package/dist/chunks/modal-fullscreen.keys.CMba3hYp.js +0 -5
  389. package/dist/chunks/modal-fullscreen.keys.CMba3hYp.js.map +0 -1
  390. package/dist/chunks/modal.eoNQ6E3U.js.map +0 -1
  391. package/dist/chunks/pagination.4J7ZMyf5.js.map +0 -1
  392. package/dist/chunks/payment-method.Cx4nPDtE.js.map +0 -1
  393. package/dist/chunks/popover.Bo4Bkudr.js +0 -145
  394. package/dist/chunks/popover.Bo4Bkudr.js.map +0 -1
  395. package/dist/chunks/popover.types.CBqyA4ly.js +0 -6
  396. package/dist/chunks/popover.types.CBqyA4ly.js.map +0 -1
  397. package/dist/chunks/popper-container.DIFqmRsp.js.map +0 -1
  398. package/dist/chunks/promo-banner.Bbc2U3S3.js.map +0 -1
  399. package/dist/chunks/radio-group.4_KKjvAm.js.map +0 -1
  400. package/dist/chunks/radio-input.uJAhxKRs.js.map +0 -1
  401. package/dist/chunks/rich-text-editor.DQd_kHTx.js.map +0 -1
  402. package/dist/chunks/search-bar.CuBj5FAE.js.map +0 -1
  403. package/dist/chunks/secondary-nav.C6usurfD.js.map +0 -1
  404. package/dist/chunks/segmented-control.DHZEfmT-.js.map +0 -1
  405. package/dist/chunks/selection-card-group.BHvjGlKU.js.map +0 -1
  406. package/dist/chunks/sidepanel.DyThBUgV.js.map +0 -1
  407. package/dist/chunks/sidepanel.keys.R0DKQuYx.js +0 -5
  408. package/dist/chunks/sidepanel.keys.R0DKQuYx.js.map +0 -1
  409. package/dist/chunks/status.types.p_TCvoo0.js.map +0 -1
  410. package/dist/chunks/step.DMMofD4B.js.map +0 -1
  411. package/dist/chunks/structured-list-item.Bnn6-Z3q.js.map +0 -1
  412. package/dist/chunks/tab.BhWPBxcB.js.map +0 -1
  413. package/dist/chunks/tag.CGkclKVL.js.map +0 -1
  414. package/dist/chunks/teleport.BV6zrDjA.js +0 -128
  415. package/dist/chunks/teleport.BV6zrDjA.js.map +0 -1
  416. package/dist/chunks/textarea.UPM6N9V1.js +0 -203
  417. package/dist/chunks/textarea.UPM6N9V1.js.map +0 -1
  418. package/dist/chunks/timeline-item.DqLhj0Lb.js.map +0 -1
  419. package/dist/chunks/toast.BOyeuS19.js.map +0 -1
  420. package/dist/chunks/toggle-button.DEVVvpkw.js +0 -83
  421. package/dist/chunks/toggle-button.DEVVvpkw.js.map +0 -1
  422. package/dist/chunks/toggle.DyXL09-x.js.map +0 -1
  423. package/dist/chunks/tooltip.wQsyAwkC.js.map +0 -1
  424. package/dist/chunks/tutorial.DRRfp81j.js.map +0 -1
  425. package/dist/chunks/typography.J1v_SPG3.js.map +0 -1
  426. package/dist/chunks/use-cached-selected-values.0EeyFfyF.js.map +0 -1
  427. package/dist/chunks/use-click-outside.BnhTgpSt.js +0 -14
  428. package/dist/chunks/use-click-outside.BnhTgpSt.js.map +0 -1
@@ -15,7 +15,7 @@ import { DirectiveBinding } from 'vue';
15
15
  import type { DirectiveHook } from 'vue';
16
16
  import { ExtractComputedReturns } from 'vue/types/v3-component-options';
17
17
  import { ExtractPropTypes } from 'vue';
18
- import type { HTMLAttributes } from 'vue/types/jsx.d.ts';
18
+ import { HTMLAttributes } from 'vue';
19
19
  import type { Middleware } from '@floating-ui/vue';
20
20
  import { MiddlewareReturn } from '@floating-ui/vue';
21
21
  import { MiddlewareState } from '@floating-ui/vue';
@@ -121,6 +121,10 @@ declare type __VLS_NonUndefinedable_49<T> = T extends undefined ? never : T;
121
121
 
122
122
  declare type __VLS_NonUndefinedable_5<T> = T extends undefined ? never : T;
123
123
 
124
+ declare type __VLS_NonUndefinedable_50<T> = T extends undefined ? never : T;
125
+
126
+ declare type __VLS_NonUndefinedable_51<T> = T extends undefined ? never : T;
127
+
124
128
  declare type __VLS_NonUndefinedable_6<T> = T extends undefined ? never : T;
125
129
 
126
130
  declare type __VLS_NonUndefinedable_7<T> = T extends undefined ? never : T;
@@ -534,6 +538,24 @@ declare type __VLS_TypePropsToRuntimeProps_5<T> = {
534
538
  };
535
539
  };
536
540
 
541
+ declare type __VLS_TypePropsToRuntimeProps_50<T> = {
542
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
543
+ type: PropType<__VLS_NonUndefinedable_50<T[K]>>;
544
+ } : {
545
+ type: PropType<T[K]>;
546
+ required: true;
547
+ };
548
+ };
549
+
550
+ declare type __VLS_TypePropsToRuntimeProps_51<T> = {
551
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
552
+ type: PropType<__VLS_NonUndefinedable_51<T[K]>>;
553
+ } : {
554
+ type: PropType<T[K]>;
555
+ required: true;
556
+ };
557
+ };
558
+
537
559
  declare type __VLS_TypePropsToRuntimeProps_6<T> = {
538
560
  [K in keyof T]-?: {} extends Pick<T, K> ? {
539
561
  type: PropType<__VLS_NonUndefinedable_6<T[K]>>;
@@ -816,6 +838,18 @@ declare type __VLS_WithDefaults_46<P, D> = {
816
838
  } : P[K];
817
839
  };
818
840
 
841
+ declare type __VLS_WithDefaults_47<P, D> = {
842
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
843
+ default: D[K];
844
+ } : P[K];
845
+ };
846
+
847
+ declare type __VLS_WithDefaults_48<P, D> = {
848
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
849
+ default: D[K];
850
+ } : P[K];
851
+ };
852
+
819
853
  declare type __VLS_WithDefaults_5<P, D> = {
820
854
  [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
821
855
  default: D[K];
@@ -1493,6 +1527,20 @@ selectionLabel: string;
1493
1527
 
1494
1528
  export declare type BentoActionBarVariant = 'default' | 'confirmation';
1495
1529
 
1530
+ /**
1531
+ * Type for the Buttons passed as objects to Button Actions
1532
+ */
1533
+ declare interface BentoActionButton extends BentoButtonActionBase, BentoButtonProps {
1534
+ event?: (event: Event) => void;
1535
+ state?: BentoLoadingButtonState | `${BentoLoadingButtonState}`;
1536
+ iconOnly?: boolean;
1537
+ }
1538
+
1539
+ /**
1540
+ * Type for the Menus passed as objects to Button Actions
1541
+ */
1542
+ declare type BentoActionMenu = BentoButtonActionBase & OmitStrict<BentoMenuProps, 'button' | 'data'> & Partial<Pick<BentoMenuProps, 'data'>>;
1543
+
1496
1544
  /**
1497
1545
  * An Alert component is used to display a persistent
1498
1546
  * notification containing information important to the user
@@ -1815,16 +1863,21 @@ inverse: boolean;
1815
1863
  iconRight: (_: {}) => any;
1816
1864
  }>;
1817
1865
 
1818
- export declare interface BentoButtonActionObject extends BentoButtonProps_2 {
1866
+ /**
1867
+ * Private
1868
+ */
1869
+ /**
1870
+ * Base interface for the Button and Menu objects
1871
+ */
1872
+ declare interface BentoButtonActionBase {
1819
1873
  title: string;
1820
- event?: (event: Event) => void;
1821
1874
  icon?: VueNodeElement;
1822
1875
  iconLeft?: VueNodeElement;
1823
1876
  iconRight?: VueNodeElement;
1824
- state?: BentoLoadingButtonState_2 | `${BentoLoadingButtonState_2}`;
1825
- iconOnly?: boolean;
1826
1877
  }
1827
1878
 
1879
+ export declare type BentoButtonActionObject = BentoActionButton;
1880
+
1828
1881
  /**
1829
1882
  * ButtonActions component manages a set of actions a user can choose from by displaying a group of buttons.
1830
1883
  *
@@ -1852,13 +1905,13 @@ export declare interface BentoButtonActionObject extends BentoButtonProps_2 {
1852
1905
  */
1853
1906
  export declare const BentoButtonActions: DefineComponent<__VLS_WithDefaults_3<__VLS_TypePropsToRuntimeProps_3<BentoButtonActionsProps>, {
1854
1907
  inverse: boolean;
1855
- layout: BentoButtonActionsLayoutBasic;
1908
+ layout: string;
1856
1909
  }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_3<__VLS_TypePropsToRuntimeProps_3<BentoButtonActionsProps>, {
1857
1910
  inverse: boolean;
1858
- layout: BentoButtonActionsLayoutBasic;
1911
+ layout: string;
1859
1912
  }>>>, {
1860
1913
  inverse: boolean;
1861
- layout: BentoButtonActionsLayout | `${BentoButtonActionsLayout}`;
1914
+ layout: string;
1862
1915
  }>;
1863
1916
 
1864
1917
  /**
@@ -1885,7 +1938,7 @@ export declare enum BentoButtonActionsLayoutExtended {
1885
1938
  BUTTONS_START = "buttons-start"
1886
1939
  }
1887
1940
 
1888
- export declare type BentoButtonActionsList = Array<BentoButtonActionObject>;
1941
+ export declare type BentoButtonActionsList = Array<BentoActionButton & BentoActionMenu>;
1889
1942
 
1890
1943
  export declare interface BentoButtonActionsProps {
1891
1944
  /**
@@ -1938,7 +1991,7 @@ export declare interface BentoButtonActionsProps {
1938
1991
  * @values SPACE_BETWEEN
1939
1992
  * @values VERTICAL_STACK
1940
1993
  */
1941
- layout?: BentoButtonActionsLayout | `${BentoButtonActionsLayout}`;
1994
+ layout?: string;
1942
1995
  }
1943
1996
 
1944
1997
  export declare enum BentoButtonPropClass {
@@ -1959,16 +2012,6 @@ export declare interface BentoButtonProps {
1959
2012
  link?: object;
1960
2013
  }
1961
2014
 
1962
- declare interface BentoButtonProps_2 {
1963
- condensed?: boolean;
1964
- critical?: boolean;
1965
- disabled?: boolean;
1966
- inverse?: boolean;
1967
- variant?: BentoButtonVariant_2 | `${BentoButtonVariant_2}`;
1968
- type?: string;
1969
- link?: object;
1970
- }
1971
-
1972
2015
  /**
1973
2016
  * @deprecated for usage with properties since version 2.0. Use the string literal instead.
1974
2017
  */
@@ -1979,16 +2022,6 @@ export declare enum BentoButtonVariant {
1979
2022
  TERTIARY_WITH_BACKGROUND = "tertiary-with-background"
1980
2023
  }
1981
2024
 
1982
- /**
1983
- * @deprecated for usage with properties since version 2.0. Use the string literal instead.
1984
- */
1985
- declare enum BentoButtonVariant_2 {
1986
- PRIMARY = 'primary',
1987
- SECONDARY = 'secondary',
1988
- TERTIARY = 'tertiary',
1989
- TERTIARY_WITH_BACKGROUND = 'tertiary-with-background',
1990
- }
1991
-
1992
2025
  /**
1993
2026
  * A card is a flexible and composable container.
1994
2027
  * Use cards to represent a single object or to visually group certain content, like legal information within company settings.
@@ -2763,7 +2796,7 @@ export declare type BentoCheckboxType = boolean | BentoMultiCheckboxType;
2763
2796
  * `
2764
2797
  * }
2765
2798
  */
2766
- export declare const BentoChip: DefineComponent<__VLS_WithDefaults_9<__VLS_TypePropsToRuntimeProps_9<BentoChipProps>, {
2799
+ export declare const BentoChip: DefineComponent<__VLS_WithDefaults_11<__VLS_TypePropsToRuntimeProps_11<BentoChipProps>, {
2767
2800
  disabled: boolean;
2768
2801
  readonly: boolean;
2769
2802
  error: boolean;
@@ -2771,7 +2804,7 @@ condensed: boolean;
2771
2804
  characterLimit: any;
2772
2805
  }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
2773
2806
  click: () => void;
2774
- }, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_9<__VLS_TypePropsToRuntimeProps_9<BentoChipProps>, {
2807
+ }, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_11<__VLS_TypePropsToRuntimeProps_11<BentoChipProps>, {
2775
2808
  disabled: boolean;
2776
2809
  readonly: boolean;
2777
2810
  error: boolean;
@@ -2853,7 +2886,7 @@ export declare const BentoClickOutsideDirective: {
2853
2886
  * `
2854
2887
  * }
2855
2888
  */
2856
- export declare const BentoCodeSnippet: __VLS_WithTemplateSlots_12<DefineComponent<__VLS_WithDefaults_10<__VLS_TypePropsToRuntimeProps_10<BentoCodeSnippetProps>, {
2889
+ export declare const BentoCodeSnippet: __VLS_WithTemplateSlots_12<DefineComponent<__VLS_WithDefaults_12<__VLS_TypePropsToRuntimeProps_12<BentoCodeSnippetProps>, {
2857
2890
  actionable: boolean;
2858
2891
  actionableText: any;
2859
2892
  content: string;
@@ -2863,7 +2896,7 @@ lang: BentoCodeSnippetSupportedLanguage;
2863
2896
  langLabel: any;
2864
2897
  loading: boolean;
2865
2898
  variant: BentoCodeSnippetVariant;
2866
- }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, BentoCodeSnippetEvent[], string, Readonly<ExtractPropTypes<__VLS_WithDefaults_10<__VLS_TypePropsToRuntimeProps_10<BentoCodeSnippetProps>, {
2899
+ }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, BentoCodeSnippetEvent[], string, Readonly<ExtractPropTypes<__VLS_WithDefaults_12<__VLS_TypePropsToRuntimeProps_12<BentoCodeSnippetProps>, {
2867
2900
  actionable: boolean;
2868
2901
  actionableText: any;
2869
2902
  content: string;
@@ -2875,8 +2908,8 @@ loading: boolean;
2875
2908
  variant: BentoCodeSnippetVariant;
2876
2909
  }>>>, {
2877
2910
  variant: BentoCodeSnippetVariant | `${BentoCodeSnippetVariant}`;
2878
- loading: boolean;
2879
2911
  content: string;
2912
+ loading: boolean;
2880
2913
  expandable: boolean;
2881
2914
  actionable: boolean;
2882
2915
  actionableText: string;
@@ -3378,13 +3411,13 @@ export declare enum BentoCountryVariant {
3378
3411
  * `
3379
3412
  * }
3380
3413
  */
3381
- export declare const BentoCurrency: DefineComponent<__VLS_WithDefaults_11<__VLS_TypePropsToRuntimeProps_11<BentoCurrencyProps>, {
3414
+ export declare const BentoCurrency: DefineComponent<__VLS_WithDefaults_13<__VLS_TypePropsToRuntimeProps_13<BentoCurrencyProps>, {
3382
3415
  currency: BentoCurrencyISOCode;
3383
3416
  disableTypography: boolean;
3384
3417
  majorUnits: boolean;
3385
3418
  value: any;
3386
3419
  currencySign: string;
3387
- }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_11<__VLS_TypePropsToRuntimeProps_11<BentoCurrencyProps>, {
3420
+ }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_13<__VLS_TypePropsToRuntimeProps_13<BentoCurrencyProps>, {
3388
3421
  currency: BentoCurrencyISOCode;
3389
3422
  disableTypography: boolean;
3390
3423
  majorUnits: boolean;
@@ -3399,175 +3432,175 @@ majorUnits: boolean;
3399
3432
  }>;
3400
3433
 
3401
3434
  export declare enum BentoCurrencyISOCode {
3402
- AED = 'AED',
3403
- AFA = 'AFA',
3404
- ALL = 'ALL',
3405
- AMD = 'AMD',
3406
- ANG = 'ANG',
3407
- AOA = 'AOA',
3408
- ARS = 'ARS',
3409
- AUD = 'AUD',
3410
- AWG = 'AWG',
3411
- AZN = 'AZN',
3412
- BAM = 'BAM',
3413
- BBD = 'BBD',
3414
- BDT = 'BDT',
3415
- BEF = 'BEF',
3416
- BGN = 'BGN',
3417
- BHD = 'BHD',
3418
- BIF = 'BIF',
3419
- BMD = 'BMD',
3420
- BND = 'BND',
3421
- BOB = 'BOB',
3422
- BRL = 'BRL',
3423
- BSD = 'BSD',
3424
- BTC = 'BTC',
3425
- BTN = 'BTN',
3426
- BWP = 'BWP',
3427
- BYR = 'BYR',
3428
- BZD = 'BZD',
3429
- CAD = 'CAD',
3430
- CDF = 'CDF',
3431
- CHF = 'CHF',
3432
- CLF = 'CLF',
3433
- CLP = 'CLP',
3434
- CNY = 'CNY',
3435
- COP = 'COP',
3436
- CRC = 'CRC',
3437
- CUC = 'CUC',
3438
- CVE = 'CVE',
3439
- CZK = 'CZK',
3440
- DEM = 'DEM',
3441
- DJF = 'DJF',
3442
- DKK = 'DKK',
3443
- DOP = 'DOP',
3444
- DZD = 'DZD',
3445
- EEK = 'EEK',
3446
- EGP = 'EGP',
3447
- ERN = 'ERN',
3448
- ETB = 'ETB',
3449
- EUR = 'EUR',
3450
- FJD = 'FJD',
3451
- FKP = 'FKP',
3452
- GBP = 'GBP',
3453
- GEL = 'GEL',
3454
- GHS = 'GHS',
3455
- GIP = 'GIP',
3456
- GMD = 'GMD',
3457
- GNF = 'GNF',
3458
- GRD = 'GRD',
3459
- GTQ = 'GTQ',
3460
- GYD = 'GYD',
3461
- HKD = 'HKD',
3462
- HNL = 'HNL',
3463
- HRK = 'HRK',
3464
- HTG = 'HTG',
3465
- HUF = 'HUF',
3466
- IDR = 'IDR',
3467
- ILS = 'ILS',
3468
- INR = 'INR',
3469
- IQD = 'IQD',
3470
- IRR = 'IRR',
3471
- ISK = 'ISK',
3472
- ITL = 'ITL',
3473
- JMD = 'JMD',
3474
- JOD = 'JOD',
3475
- JPY = 'JPY',
3476
- KES = 'KES',
3477
- KGS = 'KGS',
3478
- KHR = 'KHR',
3479
- KMF = 'KMF',
3480
- KPW = 'KPW',
3481
- KRW = 'KRW',
3482
- KWD = 'KWD',
3483
- KYD = 'KYD',
3484
- KZT = 'KZT',
3485
- LAK = 'LAK',
3486
- LBP = 'LBP',
3487
- LKR = 'LKR',
3488
- LRD = 'LRD',
3489
- LSL = 'LSL',
3490
- LTC = 'LTC',
3491
- LTL = 'LTL',
3492
- LVL = 'LVL',
3493
- LYD = 'LYD',
3494
- MAD = 'MAD',
3495
- MDL = 'MDL',
3496
- MGA = 'MGA',
3497
- MKD = 'MKD',
3498
- MMK = 'MMK',
3499
- MNT = 'MNT',
3500
- MOP = 'MOP',
3501
- MRO = 'MRO',
3502
- MRU = 'MRU',
3503
- MUR = 'MUR',
3504
- MVR = 'MVR',
3505
- MWK = 'MWK',
3506
- MXN = 'MXN',
3507
- MYR = 'MYR',
3508
- MZM = 'MZM',
3509
- NAD = 'NAD',
3510
- NGN = 'NGN',
3511
- NIO = 'NIO',
3512
- NOK = 'NOK',
3513
- NPR = 'NPR',
3514
- NZD = 'NZD',
3515
- OMR = 'OMR',
3516
- PAB = 'PAB',
3517
- PEN = 'PEN',
3518
- PGK = 'PGK',
3519
- PHP = 'PHP',
3520
- PKR = 'PKR',
3521
- PLN = 'PLN',
3522
- PYG = 'PYG',
3523
- QAR = 'QAR',
3524
- RON = 'RON',
3525
- RSD = 'RSD',
3526
- RUB = 'RUB',
3527
- RWF = 'RWF',
3528
- SAR = 'SAR',
3529
- SBD = 'SBD',
3530
- SCR = 'SCR',
3531
- SDG = 'SDG',
3532
- SEK = 'SEK',
3533
- SGD = 'SGD',
3534
- SHP = 'SHP',
3535
- SKK = 'SKK',
3536
- SLL = 'SLL',
3537
- SOS = 'SOS',
3538
- SRD = 'SRD',
3539
- SSP = 'SSP',
3540
- STD = 'STD',
3541
- SVC = 'SVC',
3542
- SYP = 'SYP',
3543
- SZL = 'SZL',
3544
- THB = 'THB',
3545
- TJS = 'TJS',
3546
- TMT = 'TMT',
3547
- TND = 'TND',
3548
- TOP = 'TOP',
3549
- TRY = 'TRY',
3550
- TTD = 'TTD',
3551
- TWD = 'TWD',
3552
- TZS = 'TZS',
3553
- UAH = 'UAH',
3554
- UGX = 'UGX',
3555
- USD = 'USD',
3556
- UYU = 'UYU',
3557
- UZS = 'UZS',
3558
- VEF = 'VEF',
3559
- VND = 'VND',
3560
- VUV = 'VUV',
3561
- WST = 'WST',
3562
- XAF = 'XAF',
3563
- XCD = 'XCD',
3564
- XDR = 'XDR',
3565
- XOF = 'XOF',
3566
- XPF = 'XPF',
3567
- YER = 'YER',
3568
- ZAR = 'ZAR',
3569
- ZMK = 'ZMK',
3570
- ZWL = 'ZWL',
3435
+ AED = "AED",
3436
+ AFA = "AFA",
3437
+ ALL = "ALL",
3438
+ AMD = "AMD",
3439
+ ANG = "ANG",
3440
+ AOA = "AOA",
3441
+ ARS = "ARS",
3442
+ AUD = "AUD",
3443
+ AWG = "AWG",
3444
+ AZN = "AZN",
3445
+ BAM = "BAM",
3446
+ BBD = "BBD",
3447
+ BDT = "BDT",
3448
+ BEF = "BEF",
3449
+ BGN = "BGN",
3450
+ BHD = "BHD",
3451
+ BIF = "BIF",
3452
+ BMD = "BMD",
3453
+ BND = "BND",
3454
+ BOB = "BOB",
3455
+ BRL = "BRL",
3456
+ BSD = "BSD",
3457
+ BTC = "BTC",
3458
+ BTN = "BTN",
3459
+ BWP = "BWP",
3460
+ BYR = "BYR",
3461
+ BZD = "BZD",
3462
+ CAD = "CAD",
3463
+ CDF = "CDF",
3464
+ CHF = "CHF",
3465
+ CLF = "CLF",
3466
+ CLP = "CLP",
3467
+ CNY = "CNY",
3468
+ COP = "COP",
3469
+ CRC = "CRC",
3470
+ CUC = "CUC",
3471
+ CVE = "CVE",
3472
+ CZK = "CZK",
3473
+ DEM = "DEM",
3474
+ DJF = "DJF",
3475
+ DKK = "DKK",
3476
+ DOP = "DOP",
3477
+ DZD = "DZD",
3478
+ EEK = "EEK",
3479
+ EGP = "EGP",
3480
+ ERN = "ERN",
3481
+ ETB = "ETB",
3482
+ EUR = "EUR",
3483
+ FJD = "FJD",
3484
+ FKP = "FKP",
3485
+ GBP = "GBP",
3486
+ GEL = "GEL",
3487
+ GHS = "GHS",
3488
+ GIP = "GIP",
3489
+ GMD = "GMD",
3490
+ GNF = "GNF",
3491
+ GRD = "GRD",
3492
+ GTQ = "GTQ",
3493
+ GYD = "GYD",
3494
+ HKD = "HKD",
3495
+ HNL = "HNL",
3496
+ HRK = "HRK",
3497
+ HTG = "HTG",
3498
+ HUF = "HUF",
3499
+ IDR = "IDR",
3500
+ ILS = "ILS",
3501
+ INR = "INR",
3502
+ IQD = "IQD",
3503
+ IRR = "IRR",
3504
+ ISK = "ISK",
3505
+ ITL = "ITL",
3506
+ JMD = "JMD",
3507
+ JOD = "JOD",
3508
+ JPY = "JPY",
3509
+ KES = "KES",
3510
+ KGS = "KGS",
3511
+ KHR = "KHR",
3512
+ KMF = "KMF",
3513
+ KPW = "KPW",
3514
+ KRW = "KRW",
3515
+ KWD = "KWD",
3516
+ KYD = "KYD",
3517
+ KZT = "KZT",
3518
+ LAK = "LAK",
3519
+ LBP = "LBP",
3520
+ LKR = "LKR",
3521
+ LRD = "LRD",
3522
+ LSL = "LSL",
3523
+ LTC = "LTC",
3524
+ LTL = "LTL",
3525
+ LVL = "LVL",
3526
+ LYD = "LYD",
3527
+ MAD = "MAD",
3528
+ MDL = "MDL",
3529
+ MGA = "MGA",
3530
+ MKD = "MKD",
3531
+ MMK = "MMK",
3532
+ MNT = "MNT",
3533
+ MOP = "MOP",
3534
+ MRO = "MRO",
3535
+ MRU = "MRU",
3536
+ MUR = "MUR",
3537
+ MVR = "MVR",
3538
+ MWK = "MWK",
3539
+ MXN = "MXN",
3540
+ MYR = "MYR",
3541
+ MZM = "MZM",
3542
+ NAD = "NAD",
3543
+ NGN = "NGN",
3544
+ NIO = "NIO",
3545
+ NOK = "NOK",
3546
+ NPR = "NPR",
3547
+ NZD = "NZD",
3548
+ OMR = "OMR",
3549
+ PAB = "PAB",
3550
+ PEN = "PEN",
3551
+ PGK = "PGK",
3552
+ PHP = "PHP",
3553
+ PKR = "PKR",
3554
+ PLN = "PLN",
3555
+ PYG = "PYG",
3556
+ QAR = "QAR",
3557
+ RON = "RON",
3558
+ RSD = "RSD",
3559
+ RUB = "RUB",
3560
+ RWF = "RWF",
3561
+ SAR = "SAR",
3562
+ SBD = "SBD",
3563
+ SCR = "SCR",
3564
+ SDG = "SDG",
3565
+ SEK = "SEK",
3566
+ SGD = "SGD",
3567
+ SHP = "SHP",
3568
+ SKK = "SKK",
3569
+ SLL = "SLL",
3570
+ SOS = "SOS",
3571
+ SRD = "SRD",
3572
+ SSP = "SSP",
3573
+ STD = "STD",
3574
+ SVC = "SVC",
3575
+ SYP = "SYP",
3576
+ SZL = "SZL",
3577
+ THB = "THB",
3578
+ TJS = "TJS",
3579
+ TMT = "TMT",
3580
+ TND = "TND",
3581
+ TOP = "TOP",
3582
+ TRY = "TRY",
3583
+ TTD = "TTD",
3584
+ TWD = "TWD",
3585
+ TZS = "TZS",
3586
+ UAH = "UAH",
3587
+ UGX = "UGX",
3588
+ USD = "USD",
3589
+ UYU = "UYU",
3590
+ UZS = "UZS",
3591
+ VEF = "VEF",
3592
+ VND = "VND",
3593
+ VUV = "VUV",
3594
+ WST = "WST",
3595
+ XAF = "XAF",
3596
+ XCD = "XCD",
3597
+ XDR = "XDR",
3598
+ XOF = "XOF",
3599
+ XPF = "XPF",
3600
+ YER = "YER",
3601
+ ZAR = "ZAR",
3602
+ ZMK = "ZMK",
3603
+ ZWL = "ZWL"
3571
3604
  }
3572
3605
 
3573
3606
  export declare type BentoCurrencyListboxOptionItem = OmitStrict<BentoListboxOptionItem, 'value'> & {
@@ -3581,22 +3614,18 @@ export declare interface BentoCurrencyProps {
3581
3614
  * Currency code based on the ISO 4217 standard
3582
3615
  */
3583
3616
  currency?: BentoCurrencyISOCode | `${BentoCurrencyISOCode}`;
3584
-
3585
3617
  /**
3586
3618
  * Disable the default typography for the component. Only use this when the component is inside another typography component.
3587
3619
  */
3588
3620
  disableTypography?: boolean;
3589
-
3590
3621
  /**
3591
3622
  * Accepts currency value in major units instead of minor ones
3592
3623
  */
3593
3624
  majorUnits?: boolean;
3594
-
3595
3625
  /**
3596
3626
  * Currency value to be formatted
3597
3627
  */
3598
3628
  value?: number;
3599
-
3600
3629
  /**
3601
3630
  * Determines how the currency symbol and negative values are displayed.
3602
3631
  * This is only applicable to certain countries such as `en-US`.
@@ -3635,7 +3664,7 @@ export declare interface BentoCurrencyProps {
3635
3664
  * `
3636
3665
  * }
3637
3666
  */
3638
- export declare const BentoDashboardSection: __VLS_WithTemplateSlots_53<DefineComponent<__VLS_WithDefaults_46<__VLS_TypePropsToRuntimeProps_49<{
3667
+ export declare const BentoDashboardSection: __VLS_WithTemplateSlots_53<DefineComponent<__VLS_WithDefaults_48<__VLS_TypePropsToRuntimeProps_51<{
3639
3668
  /**
3640
3669
  * The header of the section
3641
3670
  */
@@ -3646,7 +3675,7 @@ header: BentoDashboardTemplateHeader;
3646
3675
  halfWidth?: boolean;
3647
3676
  }>, {
3648
3677
  halfWidth: boolean;
3649
- }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_46<__VLS_TypePropsToRuntimeProps_49<{
3678
+ }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_48<__VLS_TypePropsToRuntimeProps_51<{
3650
3679
  /**
3651
3680
  * The header of the section
3652
3681
  */
@@ -3694,7 +3723,7 @@ halfWidth: boolean;
3694
3723
  * `
3695
3724
  * }
3696
3725
  */
3697
- export declare const BentoDashboardTemplate: __VLS_WithTemplateSlots_52<DefineComponent<__VLS_WithDefaults_45<__VLS_TypePropsToRuntimeProps_48<{
3726
+ export declare const BentoDashboardTemplate: __VLS_WithTemplateSlots_52<DefineComponent<__VLS_WithDefaults_47<__VLS_TypePropsToRuntimeProps_50<{
3698
3727
  /**
3699
3728
  * The header that goes to the top of the template
3700
3729
  */
@@ -3717,7 +3746,7 @@ stickyFilters?: boolean;
3717
3746
  tabs: any;
3718
3747
  stickyTabs: boolean;
3719
3748
  stickyFilters: boolean;
3720
- }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_45<__VLS_TypePropsToRuntimeProps_48<{
3749
+ }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_47<__VLS_TypePropsToRuntimeProps_50<{
3721
3750
  /**
3722
3751
  * The header that goes to the top of the template
3723
3752
  */
@@ -3796,11 +3825,11 @@ disabled: boolean;
3796
3825
  tooltipText: any;
3797
3826
  tooltipPosition: string;
3798
3827
  }>>>, {
3799
- tooltipPosition: BentoTooltipPosition | `${BentoTooltipPosition}`;
3828
+ tooltipPosition: BentoTooltipPosition_2 | `${BentoTooltipPosition_2}`;
3800
3829
  tooltipText: string;
3830
+ teleport: BentoDashedUnderlineTeleport;
3801
3831
  popoverText: string;
3802
3832
  popoverPosition: BentoPopoverPositions | `${BentoPopoverPositions}`;
3803
- teleport: BentoDashedUnderlineTeleport;
3804
3833
  popoverTitle: string;
3805
3834
  popoverSize: "default" | "fit-content" | "large" | "small";
3806
3835
  }>, {
@@ -3837,7 +3866,7 @@ export declare interface BentoDashedUnderlineProps {
3837
3866
  /**
3838
3867
  * Position the tooltip should take if space is available.
3839
3868
  */
3840
- tooltipPosition?: BentoTooltipPosition | `${BentoTooltipPosition}`;
3869
+ tooltipPosition?: BentoTooltipPosition_2 | `${BentoTooltipPosition_2}`;
3841
3870
  }
3842
3871
 
3843
3872
  export declare type BentoDashedUnderlineTeleport = BentoTeleportProps;
@@ -4162,9 +4191,16 @@ truncateColumnHeaders: {
4162
4191
  type: BooleanConstructor;
4163
4192
  default: boolean;
4164
4193
  };
4194
+ /**
4195
+ * Toggles the alternating background color of rows.
4196
+ */
4197
+ zebraRows: {
4198
+ type: BooleanConstructor;
4199
+ default: boolean;
4200
+ };
4165
4201
  }, {
4166
4202
  onEmptyStateClearResetButtonClick: () => void;
4167
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, BentoDatagridEvent[], string, Readonly<ExtractPropTypes< {
4203
+ }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, (BentoDatagridEvent.COLUMNS | BentoDatagridEvent.COLUMN_RESIZE | BentoDatagridEvent.ITEMS_PAGE | BentoDatagridEvent.NAVIGATE | BentoDatagridEvent.NESTED_CONTENT_TOGGLED | BentoDatagridEvent.FILTER_SEARCH_INPUT | BentoDatagridEvent.FILTER_SEARCH_CLEAR | BentoDatagridEvent.UPDATE_COLUMNS | BentoDatagridEvent.UPDATE_CONDENSED | BentoDatagridEvent.UPDATE_FILTERS | BentoDatagridEvent.UPDATE_FILTER_VALUES | BentoDatagridEvent.UPDATE_FILTER_SEARCH_TERM | BentoDatagridEvent.UPDATE_PAGINATION | BentoDatagridEvent.UPDATE_SELECTION | BentoDatagridEvent.UPDATE_SHOW_MORE | BentoDatagridEvent.UPDATE_SORT_BY | BentoDatagridEvent.ROW_CLICK | BentoDatagridEvent.SELECT | BentoDatagridEvent.SELECT_ALL_ACROSS_PAGES | BentoDatagridEvent.SORT)[], string, Readonly<ExtractPropTypes< {
4168
4204
  /**
4169
4205
  * When true, will emit a 'rowClick' event when a row is clicked. Will add cursor: pointer to rows.
4170
4206
  */
@@ -4461,11 +4497,18 @@ truncateColumnHeaders: {
4461
4497
  type: BooleanConstructor;
4462
4498
  default: boolean;
4463
4499
  };
4500
+ /**
4501
+ * Toggles the alternating background color of rows.
4502
+ */
4503
+ zebraRows: {
4504
+ type: BooleanConstructor;
4505
+ default: boolean;
4506
+ };
4464
4507
  }>>, {
4465
4508
  filters: BentoFilterBarModel;
4466
4509
  condensed: boolean;
4467
- loading: boolean;
4468
4510
  outline: boolean;
4511
+ loading: boolean;
4469
4512
  fitContent: boolean;
4470
4513
  lazyLoadType: BentoLazyLoadType;
4471
4514
  emptyState: any;
@@ -4475,6 +4518,7 @@ selectable: boolean;
4475
4518
  selectableAcrossPages: boolean;
4476
4519
  sortBy: BentoDatagridSortByColumn[];
4477
4520
  truncateColumnHeaders: boolean;
4521
+ zebraRows: boolean;
4478
4522
  getDataItemId: BentoDatagridGetDataItemIdFn;
4479
4523
  isDataItemDisabled: BentoDatagridIsDataItemDisabledFn;
4480
4524
  rowActions: BentoDataGridRowActionsProp;
@@ -4544,6 +4588,7 @@ export declare enum BentoDatagridEvent {
4544
4588
  UPDATE_SELECTION = "update:selection",
4545
4589
  UPDATE_SHOW_MORE = "update:show-more",
4546
4590
  UPDATE_SORT_BY = "update:sort-by",
4591
+ UPDATE_ZEBRA_ROWS = "update:zebra-rows",
4547
4592
  ROW_CLICK = "row-click",
4548
4593
  SELECT = "select",
4549
4594
  SELECT_ALL_ACROSS_PAGES = "select-all-across-pages",
@@ -4635,7 +4680,8 @@ export declare enum BentoDatagridStyleState {
4635
4680
  OVERFLOW_SHADOW_LEFT = "overflow-shadow-left",
4636
4681
  OVERFLOW_SHADOW_RIGHT = "overflow-shadow-right",
4637
4682
  NO_SPACING_TOP = "no-spacing-top",
4638
- FIT_CONTENT = "fit-content"
4683
+ FIT_CONTENT = "fit-content",
4684
+ ZEBRA_ROWS = "zebra-rows"
4639
4685
  }
4640
4686
 
4641
4687
  /**
@@ -4884,8 +4930,8 @@ tabs: BentoDataGridTemplateTabs;
4884
4930
  inspector: {
4885
4931
  title: string;
4886
4932
  isOpen?: boolean;
4887
- loading?: boolean;
4888
4933
  size?: BentoInspectorSize;
4934
+ loading?: boolean;
4889
4935
  expandable?: boolean;
4890
4936
  relativeLayout?: BentoInspectorRelativeLayout;
4891
4937
  pageFocusAnchor?: HTMLElement;
@@ -4935,11 +4981,11 @@ export declare type BentoDataGridTemplateTabs = {
4935
4981
  * `
4936
4982
  * }
4937
4983
  */
4938
- export declare const BentoDate: DefineComponent<__VLS_WithDefaults_12<__VLS_TypePropsToRuntimeProps_12<BentoDateProps>, {
4984
+ export declare const BentoDate: DefineComponent<__VLS_WithDefaults_14<__VLS_TypePropsToRuntimeProps_14<BentoDateProps>, {
4939
4985
  date: any;
4940
4986
  format: BentoDateFormat;
4941
4987
  disableTypography: boolean;
4942
- }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_12<__VLS_TypePropsToRuntimeProps_12<BentoDateProps>, {
4988
+ }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_14<__VLS_TypePropsToRuntimeProps_14<BentoDateProps>, {
4943
4989
  date: any;
4944
4990
  format: BentoDateFormat;
4945
4991
  disableTypography: boolean;
@@ -5494,54 +5540,7 @@ hasActions: {
5494
5540
  type: BooleanConstructor;
5495
5541
  default: boolean;
5496
5542
  };
5497
- }, {
5498
- inputContainerRef: any;
5499
- adjustedQuickSelectRanges: ComputedRef<DateRangePickerCalendarRangeSelectorItem[]>;
5500
- dateDisplayValue: ComputedRef<string>;
5501
- datePickerContainerId: string;
5502
- descriptionConditionalClasses: ComputedRef< {
5503
- 'b-date-range-picker__description--error': boolean;
5504
- }>;
5505
- displayedTextInputValue: ComputedRef<DateRangePickerCalendarFormData>;
5506
- displayedDateValue: ComputedRef<string>;
5507
- isDateIncorrect: Ref<boolean>;
5508
- isDateRangePickerOpen: Ref<boolean>;
5509
- isReadOnly: ComputedRef<boolean>;
5510
- labelId: string;
5511
- descriptionId: string;
5512
- dateErrorId: string;
5513
- errorId: string;
5514
- popoverAriaLabel: ComputedRef<string>;
5515
- shouldDisplayError: ComputedRef<boolean>;
5516
- ariaDescribedBy: ComputedRef<string>;
5517
- textInputDisplayValue: DateRangePickerCalendarFormData;
5518
- rangePickerButtonActions: ComputedRef<({
5519
- title: string;
5520
- event: () => void;
5521
- disabled: boolean;
5522
- } | {
5523
- title: string;
5524
- event: () => void;
5525
- disabled?: undefined;
5526
- })[]>;
5527
- BentoButtonActionsLayout: {
5528
- BUTTONS_START: import("../../components/button").BentoButtonActionsLayoutExtended.BUTTONS_START;
5529
- BUTTONS_END: import("../../components/button").BentoButtonActionsLayoutBasic.BUTTONS_END;
5530
- FILL_CONTAINER: import("../../components/button").BentoButtonActionsLayoutBasic.FILL_CONTAINER;
5531
- SPACE_BETWEEN: import("../../components/button").BentoButtonActionsLayoutBasic.SPACE_BETWEEN;
5532
- VERTICAL_STACK: import("../../components/button").BentoButtonActionsLayoutBasic.VERTICAL_STACK;
5533
- };
5534
- withTimeInput: ComputedRef<boolean>;
5535
- closeDateRangePicker: () => void;
5536
- clearDateRangePickerValue: () => Promise<void>;
5537
- openDateRangePicker: () => void;
5538
- onRangeSelectorInput: (quickSelectRanges?: BentoDateRangePickerValue) => void;
5539
- onEnterPressedOverInput: () => void;
5540
- onDateRangePickerInput: (selectedRange: BentoDateRangePickerValue) => void;
5541
- onDateRangePickerError: (dateTextInput: any) => void;
5542
- onDateRangePickerFormDateInputUpdate: (dateFormDate: DateRangePickerCalendarFormData) => void;
5543
- t: (key: "cancel" | "apply" | "selectDate" | "provideDateInAFormat" | "selectDateRange" | "selectedDateIsNotAvailable" | "quarter" | "dateRangePicker", values?: default_2.Values) => string;
5544
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, BentoDateRangePickerEvent[], string, Readonly<ExtractPropTypes< {
5543
+ }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, BentoDateRangePickerEvent[], string, Readonly<ExtractPropTypes< {
5545
5544
  /**
5546
5545
  * Allows user to enter time values in the form
5547
5546
  */
@@ -5753,9 +5752,9 @@ export declare interface BentoDateRangePickerValue {
5753
5752
  * template: `<bento-divider />`
5754
5753
  * }
5755
5754
  */
5756
- export declare const BentoDivider: DefineComponent<__VLS_WithDefaults_13<__VLS_TypePropsToRuntimeProps_13<BentoDividerProps>, {
5755
+ export declare const BentoDivider: DefineComponent<__VLS_WithDefaults_15<__VLS_TypePropsToRuntimeProps_15<BentoDividerProps>, {
5757
5756
  variant: BentoDividerVariant;
5758
- }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_13<__VLS_TypePropsToRuntimeProps_13<BentoDividerProps>, {
5757
+ }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_15<__VLS_TypePropsToRuntimeProps_15<BentoDividerProps>, {
5759
5758
  variant: BentoDividerVariant;
5760
5759
  }>>>, {
5761
5760
  variant: `${BentoDividerVariant}`;
@@ -5881,12 +5880,12 @@ label: string;
5881
5880
  required: boolean;
5882
5881
  condensed: boolean;
5883
5882
  disabled: boolean;
5884
- loading: boolean;
5885
5883
  error: boolean;
5886
5884
  optional: boolean;
5887
5885
  readonly: boolean;
5888
5886
  size: BentoDropdownSize | `${BentoDropdownSize}`;
5889
5887
  multiple: boolean;
5888
+ loading: boolean;
5890
5889
  tooltipText: string;
5891
5890
  errorMessage: string;
5892
5891
  ariaLabel: string;
@@ -5934,18 +5933,64 @@ enableValueLabelPair: boolean;
5934
5933
  * }
5935
5934
  * }
5936
5935
  */
5937
- export declare const BentoDropdownAvatar: DefineComponent< {
5936
+ export declare const BentoDropdownAvatar: DefineComponent<__VLS_WithDefaults_9<__VLS_TypePropsToRuntimeProps_9<BentoDropdownCurrencyProps>, {
5937
+ items: () => any[];
5938
+ }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
5939
+ input: (selectedValue: BentoListboxSelectedValue) => void;
5940
+ }, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_9<__VLS_TypePropsToRuntimeProps_9<BentoDropdownCurrencyProps>, {
5941
+ items: () => any[];
5942
+ }>>>, {
5943
+ items: BentoAvatarListboxOptions;
5944
+ }>;
5945
+
5946
+ /**
5947
+ * A Country Dropdown showing a selectable list of countries.
5948
+ *
5949
+ * @example
5950
+ * import { BentoDropdownCountry, BentoCountryCode } from '../../../../..';
5951
+ * import type { BentoCountryListboxOptions } from '../../../../..'
5952
+ *
5953
+ * export default {
5954
+ * components: { BentoDropdown },
5955
+ * template: `
5956
+ * <bento-dropdown-country
5957
+ * v-model="selectedValue"
5958
+ * :disabled="false"
5959
+ * :multiple="true"
5960
+ * :isOptionsDisabled="option => option.value === 2"
5961
+ * :items="options"
5962
+ * />
5963
+ * `,
5964
+ * setup() {
5965
+ * const selectedValue = ref(BentoCountryCode.NL) // Default value
5966
+ * const options: BentoCountryListboxOptions = [
5967
+ * { label: 'Option 1', value: BentoCountryCode.NL },
5968
+ * { label: 'Option 2', value: BentoCountryCode.BE },
5969
+ * ];
5970
+ * return { options, selectedValue };
5971
+ * }
5972
+ * }
5973
+ */
5974
+ export declare const BentoDropdownCountry: DefineComponent< {
5938
5975
  /**
5939
- * The option elements to populate the avatar dropdown with.
5940
- * It must be an array of {@see BentoAvatarListboxOptions }
5941
- * * @property {string} value.label - Text to be displayed in the option.
5942
- * * @property {string,number} value.value - Value of the option.
5943
- * * @property {string} value.src - Image source of the avatar image.
5976
+ * The option elements to populate the country dropdown with.
5977
+ * It must be an array of {@see BentoCountryListboxOptions }
5978
+ * * @deprecated {string} value.label - Use BentoDropdown instead of custom labels
5979
+ * * @property {BentoCountryCode | string} value.value - Country code of the option
5944
5980
  */
5945
5981
  items: {
5946
- type: PropType<BentoAvatarListboxOptions>;
5982
+ type: PropType<BentoCountryListboxOptions>;
5947
5983
  default: () => any[];
5948
5984
  };
5985
+ /**
5986
+ * Which label variant to display.
5987
+ * @values iso, name, phone_code, capital
5988
+ */
5989
+ variant: {
5990
+ type: PropType<BentoCountryVariant | `${BentoCountryVariant}`>;
5991
+ default: BentoCountryVariant;
5992
+ validator: (value: BentoCountryVariant) => boolean;
5993
+ };
5949
5994
  search: {
5950
5995
  type: PropType<BentoListboxSearchOptions>;
5951
5996
  } & {
@@ -5981,11 +6026,6 @@ type: PropType<boolean>;
5981
6026
  } & {
5982
6027
  default: boolean;
5983
6028
  };
5984
- loading: {
5985
- type: PropType<boolean>;
5986
- } & {
5987
- default: boolean;
5988
- };
5989
6029
  error: {
5990
6030
  type: PropType<boolean>;
5991
6031
  } & {
@@ -6011,6 +6051,11 @@ type: PropType<boolean>;
6011
6051
  } & {
6012
6052
  default: boolean;
6013
6053
  };
6054
+ loading: {
6055
+ type: PropType<boolean>;
6056
+ } & {
6057
+ default: boolean;
6058
+ };
6014
6059
  tooltipText: {
6015
6060
  type: PropType<string>;
6016
6061
  } & {
@@ -6085,16 +6130,24 @@ default: boolean;
6085
6130
  input: (selectedValue: BentoListboxSelectedValue) => void;
6086
6131
  }, string, Readonly<ExtractPropTypes< {
6087
6132
  /**
6088
- * The option elements to populate the avatar dropdown with.
6089
- * It must be an array of {@see BentoAvatarListboxOptions }
6090
- * * @property {string} value.label - Text to be displayed in the option.
6091
- * * @property {string,number} value.value - Value of the option.
6092
- * * @property {string} value.src - Image source of the avatar image.
6133
+ * The option elements to populate the country dropdown with.
6134
+ * It must be an array of {@see BentoCountryListboxOptions }
6135
+ * * @deprecated {string} value.label - Use BentoDropdown instead of custom labels
6136
+ * * @property {BentoCountryCode | string} value.value - Country code of the option
6093
6137
  */
6094
6138
  items: {
6095
- type: PropType<BentoAvatarListboxOptions>;
6139
+ type: PropType<BentoCountryListboxOptions>;
6096
6140
  default: () => any[];
6097
6141
  };
6142
+ /**
6143
+ * Which label variant to display.
6144
+ * @values iso, name, phone_code, capital
6145
+ */
6146
+ variant: {
6147
+ type: PropType<BentoCountryVariant | `${BentoCountryVariant}`>;
6148
+ default: BentoCountryVariant;
6149
+ validator: (value: BentoCountryVariant) => boolean;
6150
+ };
6098
6151
  search: {
6099
6152
  type: PropType<BentoListboxSearchOptions>;
6100
6153
  } & {
@@ -6130,11 +6183,6 @@ type: PropType<boolean>;
6130
6183
  } & {
6131
6184
  default: boolean;
6132
6185
  };
6133
- loading: {
6134
- type: PropType<boolean>;
6135
- } & {
6136
- default: boolean;
6137
- };
6138
6186
  error: {
6139
6187
  type: PropType<boolean>;
6140
6188
  } & {
@@ -6160,6 +6208,11 @@ type: PropType<boolean>;
6160
6208
  } & {
6161
6209
  default: boolean;
6162
6210
  };
6211
+ loading: {
6212
+ type: PropType<boolean>;
6213
+ } & {
6214
+ default: boolean;
6215
+ };
6163
6216
  tooltipText: {
6164
6217
  type: PropType<string>;
6165
6218
  } & {
@@ -6235,744 +6288,20 @@ search: BentoListboxSearchOptions;
6235
6288
  value: BentoListboxSelectedValue;
6236
6289
  description: string;
6237
6290
  label: string;
6291
+ variant: "name" | "iso" | "phone_code" | "capital" | "custom" | BentoCountryVariant;
6238
6292
  required: boolean;
6239
6293
  condensed: boolean;
6240
6294
  disabled: boolean;
6241
- loading: boolean;
6242
6295
  error: boolean;
6243
6296
  optional: boolean;
6244
6297
  readonly: boolean;
6245
6298
  size: BentoDropdownSize | `${BentoDropdownSize}`;
6246
6299
  multiple: boolean;
6247
- tooltipText: string;
6248
- errorMessage: string;
6249
- ariaLabel: string;
6250
- items: BentoAvatarListboxOptions;
6251
- isOptionDisabled: BentoListboxIsOptionDisabled;
6252
- staticCategories: boolean;
6253
- hasMoreItems: boolean;
6254
- lazyLoadType: BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`;
6255
- emptyState: BentoListboxEmptyStateProps;
6256
- componentLoading: boolean;
6257
- virtualScroll: BentoListboxVirtulisationOptions;
6258
- dynamicFiltering: boolean;
6259
- placeholder: string;
6260
- showSlotContentInMultiple: boolean;
6261
- enableValueLabelPair: boolean;
6262
- }>;
6263
-
6264
- /**
6265
- * A Country Dropdown showing a selectable list of countries.
6266
- *
6267
- * @example
6268
- * import { BentoDropdownCountry, BentoCountryCode } from '../../../../..';
6269
- * import type { BentoCountryListboxOptions } from '../../../../..'
6270
- *
6271
- * export default {
6272
- * components: { BentoDropdown },
6273
- * template: `
6274
- * <bento-dropdown-country
6275
- * v-model="selectedValue"
6276
- * :disabled="false"
6277
- * :multiple="true"
6278
- * :isOptionsDisabled="option => option.value === 2"
6279
- * :items="options"
6280
- * />
6281
- * `,
6282
- * setup() {
6283
- * const selectedValue = ref(BentoCountryCode.NL) // Default value
6284
- * const options: BentoCountryListboxOptions = [
6285
- * { label: 'Option 1', value: BentoCountryCode.NL },
6286
- * { label: 'Option 2', value: BentoCountryCode.BE },
6287
- * ];
6288
- * return { options, selectedValue };
6289
- * }
6290
- * }
6291
- */
6292
- export declare const BentoDropdownCountry: DefineComponent< {
6293
- /**
6294
- * The option elements to populate the country dropdown with.
6295
- * It must be an array of {@see BentoCountryListboxOptions }
6296
- * * @deprecated {string} value.label - Use BentoDropdown instead of custom labels
6297
- * * @property {BentoCountryCode | string} value.value - Country code of the option
6298
- */
6299
- items: {
6300
- type: PropType<BentoCountryListboxOptions>;
6301
- default: () => any[];
6302
- };
6303
- /**
6304
- * Which label variant to display.
6305
- * @values iso, name, phone_code, capital
6306
- */
6307
- variant: {
6308
- type: PropType<BentoCountryVariant | `${BentoCountryVariant}`>;
6309
- default: BentoCountryVariant;
6310
- validator: (value: BentoCountryVariant) => boolean;
6311
- };
6312
- search: {
6313
- type: PropType<BentoListboxSearchOptions>;
6314
- } & {
6315
- default: any;
6316
- };
6317
- value: {
6318
- type: PropType<BentoListboxSelectedValue>;
6319
- } & {
6320
- default: any;
6321
- };
6322
- description: {
6323
- type: PropType<string>;
6324
- } & {
6325
- default: any;
6326
- };
6327
- label: {
6328
- type: PropType<string>;
6329
- } & {
6330
- default: any;
6331
- };
6332
- required: {
6333
- type: PropType<boolean>;
6334
- } & {
6335
- default: boolean;
6336
- };
6337
- condensed: {
6338
- type: PropType<boolean>;
6339
- } & {
6340
- default: boolean;
6341
- };
6342
- disabled: {
6343
- type: PropType<boolean>;
6344
- } & {
6345
- default: boolean;
6346
- };
6347
- loading: {
6348
- type: PropType<boolean>;
6349
- } & {
6350
- default: boolean;
6351
- };
6352
- error: {
6353
- type: PropType<boolean>;
6354
- } & {
6355
- default: boolean;
6356
- };
6357
- optional: {
6358
- type: PropType<boolean>;
6359
- } & {
6360
- default: boolean;
6361
- };
6362
- readonly: {
6363
- type: PropType<boolean>;
6364
- } & {
6365
- default: boolean;
6366
- };
6367
- size: {
6368
- type: PropType<BentoDropdownSize | "DropdownInputDefault" | "DropdownInputSmall">;
6369
- } & {
6370
- default: any;
6371
- };
6372
- multiple: {
6373
- type: PropType<boolean>;
6374
- } & {
6375
- default: boolean;
6376
- };
6377
- tooltipText: {
6378
- type: PropType<string>;
6379
- } & {
6380
- default: any;
6381
- };
6382
- errorMessage: {
6383
- type: PropType<string>;
6384
- } & {
6385
- default: any;
6386
- };
6387
- ariaLabel: {
6388
- type: PropType<string>;
6389
- } & {
6390
- default: any;
6391
- };
6392
- isOptionDisabled: {
6393
- type: PropType<(optionValue: BentoListboxOptionItem) => boolean>;
6394
- } & {
6395
- default: any;
6396
- };
6397
- staticCategories: {
6398
- type: PropType<boolean>;
6399
- } & {
6400
- default: boolean;
6401
- };
6402
- hasMoreItems: {
6403
- type: PropType<boolean>;
6404
- } & {
6405
- default: boolean;
6406
- };
6407
- lazyLoadType: {
6408
- type: PropType<"button" | "none" | "automatic" | BentoListboxLazyLoadType>;
6409
- } & {
6410
- default: BentoListboxLazyLoadType;
6411
- };
6412
- emptyState: {
6413
- type: PropType<BentoListboxEmptyStateProps>;
6414
- } & {
6415
- default: any;
6416
- };
6417
- componentLoading: {
6418
- type: PropType<boolean>;
6419
- } & {
6420
- default: boolean;
6421
- };
6422
- virtualScroll: {
6423
- type: PropType<BentoListboxVirtulisationOptions>;
6424
- } & {
6425
- default: boolean;
6426
- };
6427
- dynamicFiltering: {
6428
- type: PropType<boolean>;
6429
- } & {
6430
- default: boolean;
6431
- };
6432
- placeholder: {
6433
- type: PropType<string>;
6434
- } & {
6435
- default: any;
6436
- };
6437
- showSlotContentInMultiple: {
6438
- type: PropType<boolean>;
6439
- } & {
6440
- default: boolean;
6441
- };
6442
- enableValueLabelPair: {
6443
- type: PropType<boolean>;
6444
- } & {
6445
- default: boolean;
6446
- };
6447
- }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
6448
- input: (selectedValue: BentoListboxSelectedValue) => void;
6449
- }, string, Readonly<ExtractPropTypes< {
6450
- /**
6451
- * The option elements to populate the country dropdown with.
6452
- * It must be an array of {@see BentoCountryListboxOptions }
6453
- * * @deprecated {string} value.label - Use BentoDropdown instead of custom labels
6454
- * * @property {BentoCountryCode | string} value.value - Country code of the option
6455
- */
6456
- items: {
6457
- type: PropType<BentoCountryListboxOptions>;
6458
- default: () => any[];
6459
- };
6460
- /**
6461
- * Which label variant to display.
6462
- * @values iso, name, phone_code, capital
6463
- */
6464
- variant: {
6465
- type: PropType<BentoCountryVariant | `${BentoCountryVariant}`>;
6466
- default: BentoCountryVariant;
6467
- validator: (value: BentoCountryVariant) => boolean;
6468
- };
6469
- search: {
6470
- type: PropType<BentoListboxSearchOptions>;
6471
- } & {
6472
- default: any;
6473
- };
6474
- value: {
6475
- type: PropType<BentoListboxSelectedValue>;
6476
- } & {
6477
- default: any;
6478
- };
6479
- description: {
6480
- type: PropType<string>;
6481
- } & {
6482
- default: any;
6483
- };
6484
- label: {
6485
- type: PropType<string>;
6486
- } & {
6487
- default: any;
6488
- };
6489
- required: {
6490
- type: PropType<boolean>;
6491
- } & {
6492
- default: boolean;
6493
- };
6494
- condensed: {
6495
- type: PropType<boolean>;
6496
- } & {
6497
- default: boolean;
6498
- };
6499
- disabled: {
6500
- type: PropType<boolean>;
6501
- } & {
6502
- default: boolean;
6503
- };
6504
- loading: {
6505
- type: PropType<boolean>;
6506
- } & {
6507
- default: boolean;
6508
- };
6509
- error: {
6510
- type: PropType<boolean>;
6511
- } & {
6512
- default: boolean;
6513
- };
6514
- optional: {
6515
- type: PropType<boolean>;
6516
- } & {
6517
- default: boolean;
6518
- };
6519
- readonly: {
6520
- type: PropType<boolean>;
6521
- } & {
6522
- default: boolean;
6523
- };
6524
- size: {
6525
- type: PropType<BentoDropdownSize | "DropdownInputDefault" | "DropdownInputSmall">;
6526
- } & {
6527
- default: any;
6528
- };
6529
- multiple: {
6530
- type: PropType<boolean>;
6531
- } & {
6532
- default: boolean;
6533
- };
6534
- tooltipText: {
6535
- type: PropType<string>;
6536
- } & {
6537
- default: any;
6538
- };
6539
- errorMessage: {
6540
- type: PropType<string>;
6541
- } & {
6542
- default: any;
6543
- };
6544
- ariaLabel: {
6545
- type: PropType<string>;
6546
- } & {
6547
- default: any;
6548
- };
6549
- isOptionDisabled: {
6550
- type: PropType<(optionValue: BentoListboxOptionItem) => boolean>;
6551
- } & {
6552
- default: any;
6553
- };
6554
- staticCategories: {
6555
- type: PropType<boolean>;
6556
- } & {
6557
- default: boolean;
6558
- };
6559
- hasMoreItems: {
6560
- type: PropType<boolean>;
6561
- } & {
6562
- default: boolean;
6563
- };
6564
- lazyLoadType: {
6565
- type: PropType<"button" | "none" | "automatic" | BentoListboxLazyLoadType>;
6566
- } & {
6567
- default: BentoListboxLazyLoadType;
6568
- };
6569
- emptyState: {
6570
- type: PropType<BentoListboxEmptyStateProps>;
6571
- } & {
6572
- default: any;
6573
- };
6574
- componentLoading: {
6575
- type: PropType<boolean>;
6576
- } & {
6577
- default: boolean;
6578
- };
6579
- virtualScroll: {
6580
- type: PropType<BentoListboxVirtulisationOptions>;
6581
- } & {
6582
- default: boolean;
6583
- };
6584
- dynamicFiltering: {
6585
- type: PropType<boolean>;
6586
- } & {
6587
- default: boolean;
6588
- };
6589
- placeholder: {
6590
- type: PropType<string>;
6591
- } & {
6592
- default: any;
6593
- };
6594
- showSlotContentInMultiple: {
6595
- type: PropType<boolean>;
6596
- } & {
6597
- default: boolean;
6598
- };
6599
- enableValueLabelPair: {
6600
- type: PropType<boolean>;
6601
- } & {
6602
- default: boolean;
6603
- };
6604
- }>>, {
6605
- search: BentoListboxSearchOptions;
6606
- value: BentoListboxSelectedValue;
6607
- description: string;
6608
- label: string;
6609
- variant: "name" | "iso" | "phone_code" | "capital" | "custom" | BentoCountryVariant;
6610
- required: boolean;
6611
- condensed: boolean;
6612
- disabled: boolean;
6613
- loading: boolean;
6614
- error: boolean;
6615
- optional: boolean;
6616
- readonly: boolean;
6617
- size: BentoDropdownSize | `${BentoDropdownSize}`;
6618
- multiple: boolean;
6619
- tooltipText: string;
6620
- errorMessage: string;
6621
- ariaLabel: string;
6622
- items: BentoCountryListboxOptions;
6623
- isOptionDisabled: BentoListboxIsOptionDisabled;
6624
- staticCategories: boolean;
6625
- hasMoreItems: boolean;
6626
- lazyLoadType: BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`;
6627
- emptyState: BentoListboxEmptyStateProps;
6628
- componentLoading: boolean;
6629
- virtualScroll: BentoListboxVirtulisationOptions;
6630
- dynamicFiltering: boolean;
6631
- placeholder: string;
6632
- showSlotContentInMultiple: boolean;
6633
- enableValueLabelPair: boolean;
6634
- }>;
6635
-
6636
- /**
6637
- * A Currency Dropdown showing a selectable list of currencies.
6638
- *
6639
- * @example
6640
- * import { BentoDropdownCountry, BentoCountryCode } from '../../../../..';
6641
- * import type { BentoCountryListboxOptions } from '../../../../..'
6642
- *
6643
- * export default {
6644
- * components: { BentoDropdown },
6645
- * template: `
6646
- * <bento-dropdown-currency
6647
- * v-model="selectedValue"
6648
- * :disabled="false"
6649
- * :multiple="true"
6650
- * :isOptionsDisabled="option => option.value === 2"
6651
- * :items="options"
6652
- * />
6653
- * `,
6654
- * setup() {
6655
- * const selectedValue = ref(BentoCountryCode.NL) // Default value
6656
- * const options: BentoCountryListboxOptions = [
6657
- * { label: 'Option 1', value: BentoCountryCode.NL },
6658
- * { label: 'Option 2', value: BentoCountryCode.BE },
6659
- * ];
6660
- * return { options, selectedValue };
6661
- * }
6662
- * }
6663
- */
6664
- export declare const BentoDropdownCurrency: DefineComponent< {
6665
- /**
6666
- * The option elements to populate the country dropdown with.
6667
- * It must be an array of {@see BentoCurrencyListboxOptions }
6668
- * * @property {string} value.label - Text to be displayed in the option
6669
- * * @property {BentoCurrencyISOCode} value.code - Currency ISO code of the option
6670
- */
6671
- items: {
6672
- type: PropType<BentoCurrencyListboxOptions>;
6673
- default: () => any[];
6674
- };
6675
- search: {
6676
- type: PropType<BentoListboxSearchOptions>;
6677
- } & {
6678
- default: any;
6679
- };
6680
- value: {
6681
- type: PropType<BentoListboxSelectedValue>;
6682
- } & {
6683
- default: any;
6684
- };
6685
- description: {
6686
- type: PropType<string>;
6687
- } & {
6688
- default: any;
6689
- };
6690
- label: {
6691
- type: PropType<string>;
6692
- } & {
6693
- default: any;
6694
- };
6695
- required: {
6696
- type: PropType<boolean>;
6697
- } & {
6698
- default: boolean;
6699
- };
6700
- condensed: {
6701
- type: PropType<boolean>;
6702
- } & {
6703
- default: boolean;
6704
- };
6705
- disabled: {
6706
- type: PropType<boolean>;
6707
- } & {
6708
- default: boolean;
6709
- };
6710
- loading: {
6711
- type: PropType<boolean>;
6712
- } & {
6713
- default: boolean;
6714
- };
6715
- error: {
6716
- type: PropType<boolean>;
6717
- } & {
6718
- default: boolean;
6719
- };
6720
- optional: {
6721
- type: PropType<boolean>;
6722
- } & {
6723
- default: boolean;
6724
- };
6725
- readonly: {
6726
- type: PropType<boolean>;
6727
- } & {
6728
- default: boolean;
6729
- };
6730
- size: {
6731
- type: PropType<BentoDropdownSize | "DropdownInputDefault" | "DropdownInputSmall">;
6732
- } & {
6733
- default: any;
6734
- };
6735
- multiple: {
6736
- type: PropType<boolean>;
6737
- } & {
6738
- default: boolean;
6739
- };
6740
- tooltipText: {
6741
- type: PropType<string>;
6742
- } & {
6743
- default: any;
6744
- };
6745
- errorMessage: {
6746
- type: PropType<string>;
6747
- } & {
6748
- default: any;
6749
- };
6750
- ariaLabel: {
6751
- type: PropType<string>;
6752
- } & {
6753
- default: any;
6754
- };
6755
- isOptionDisabled: {
6756
- type: PropType<(optionValue: BentoListboxOptionItem) => boolean>;
6757
- } & {
6758
- default: any;
6759
- };
6760
- staticCategories: {
6761
- type: PropType<boolean>;
6762
- } & {
6763
- default: boolean;
6764
- };
6765
- hasMoreItems: {
6766
- type: PropType<boolean>;
6767
- } & {
6768
- default: boolean;
6769
- };
6770
- lazyLoadType: {
6771
- type: PropType<"button" | "none" | "automatic" | BentoListboxLazyLoadType>;
6772
- } & {
6773
- default: BentoListboxLazyLoadType;
6774
- };
6775
- emptyState: {
6776
- type: PropType<BentoListboxEmptyStateProps>;
6777
- } & {
6778
- default: any;
6779
- };
6780
- componentLoading: {
6781
- type: PropType<boolean>;
6782
- } & {
6783
- default: boolean;
6784
- };
6785
- virtualScroll: {
6786
- type: PropType<BentoListboxVirtulisationOptions>;
6787
- } & {
6788
- default: boolean;
6789
- };
6790
- dynamicFiltering: {
6791
- type: PropType<boolean>;
6792
- } & {
6793
- default: boolean;
6794
- };
6795
- placeholder: {
6796
- type: PropType<string>;
6797
- } & {
6798
- default: any;
6799
- };
6800
- showSlotContentInMultiple: {
6801
- type: PropType<boolean>;
6802
- } & {
6803
- default: boolean;
6804
- };
6805
- enableValueLabelPair: {
6806
- type: PropType<boolean>;
6807
- } & {
6808
- default: boolean;
6809
- };
6810
- }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
6811
- input: (selectedValue: BentoListboxSelectedValue) => void;
6812
- }, string, Readonly<ExtractPropTypes< {
6813
- /**
6814
- * The option elements to populate the country dropdown with.
6815
- * It must be an array of {@see BentoCurrencyListboxOptions }
6816
- * * @property {string} value.label - Text to be displayed in the option
6817
- * * @property {BentoCurrencyISOCode} value.code - Currency ISO code of the option
6818
- */
6819
- items: {
6820
- type: PropType<BentoCurrencyListboxOptions>;
6821
- default: () => any[];
6822
- };
6823
- search: {
6824
- type: PropType<BentoListboxSearchOptions>;
6825
- } & {
6826
- default: any;
6827
- };
6828
- value: {
6829
- type: PropType<BentoListboxSelectedValue>;
6830
- } & {
6831
- default: any;
6832
- };
6833
- description: {
6834
- type: PropType<string>;
6835
- } & {
6836
- default: any;
6837
- };
6838
- label: {
6839
- type: PropType<string>;
6840
- } & {
6841
- default: any;
6842
- };
6843
- required: {
6844
- type: PropType<boolean>;
6845
- } & {
6846
- default: boolean;
6847
- };
6848
- condensed: {
6849
- type: PropType<boolean>;
6850
- } & {
6851
- default: boolean;
6852
- };
6853
- disabled: {
6854
- type: PropType<boolean>;
6855
- } & {
6856
- default: boolean;
6857
- };
6858
- loading: {
6859
- type: PropType<boolean>;
6860
- } & {
6861
- default: boolean;
6862
- };
6863
- error: {
6864
- type: PropType<boolean>;
6865
- } & {
6866
- default: boolean;
6867
- };
6868
- optional: {
6869
- type: PropType<boolean>;
6870
- } & {
6871
- default: boolean;
6872
- };
6873
- readonly: {
6874
- type: PropType<boolean>;
6875
- } & {
6876
- default: boolean;
6877
- };
6878
- size: {
6879
- type: PropType<BentoDropdownSize | "DropdownInputDefault" | "DropdownInputSmall">;
6880
- } & {
6881
- default: any;
6882
- };
6883
- multiple: {
6884
- type: PropType<boolean>;
6885
- } & {
6886
- default: boolean;
6887
- };
6888
- tooltipText: {
6889
- type: PropType<string>;
6890
- } & {
6891
- default: any;
6892
- };
6893
- errorMessage: {
6894
- type: PropType<string>;
6895
- } & {
6896
- default: any;
6897
- };
6898
- ariaLabel: {
6899
- type: PropType<string>;
6900
- } & {
6901
- default: any;
6902
- };
6903
- isOptionDisabled: {
6904
- type: PropType<(optionValue: BentoListboxOptionItem) => boolean>;
6905
- } & {
6906
- default: any;
6907
- };
6908
- staticCategories: {
6909
- type: PropType<boolean>;
6910
- } & {
6911
- default: boolean;
6912
- };
6913
- hasMoreItems: {
6914
- type: PropType<boolean>;
6915
- } & {
6916
- default: boolean;
6917
- };
6918
- lazyLoadType: {
6919
- type: PropType<"button" | "none" | "automatic" | BentoListboxLazyLoadType>;
6920
- } & {
6921
- default: BentoListboxLazyLoadType;
6922
- };
6923
- emptyState: {
6924
- type: PropType<BentoListboxEmptyStateProps>;
6925
- } & {
6926
- default: any;
6927
- };
6928
- componentLoading: {
6929
- type: PropType<boolean>;
6930
- } & {
6931
- default: boolean;
6932
- };
6933
- virtualScroll: {
6934
- type: PropType<BentoListboxVirtulisationOptions>;
6935
- } & {
6936
- default: boolean;
6937
- };
6938
- dynamicFiltering: {
6939
- type: PropType<boolean>;
6940
- } & {
6941
- default: boolean;
6942
- };
6943
- placeholder: {
6944
- type: PropType<string>;
6945
- } & {
6946
- default: any;
6947
- };
6948
- showSlotContentInMultiple: {
6949
- type: PropType<boolean>;
6950
- } & {
6951
- default: boolean;
6952
- };
6953
- enableValueLabelPair: {
6954
- type: PropType<boolean>;
6955
- } & {
6956
- default: boolean;
6957
- };
6958
- }>>, {
6959
- search: BentoListboxSearchOptions;
6960
- value: BentoListboxSelectedValue;
6961
- description: string;
6962
- label: string;
6963
- required: boolean;
6964
- condensed: boolean;
6965
- disabled: boolean;
6966
6300
  loading: boolean;
6967
- error: boolean;
6968
- optional: boolean;
6969
- readonly: boolean;
6970
- size: BentoDropdownSize | `${BentoDropdownSize}`;
6971
- multiple: boolean;
6972
6301
  tooltipText: string;
6973
6302
  errorMessage: string;
6974
6303
  ariaLabel: string;
6975
- items: BentoCurrencyListboxOptions;
6304
+ items: BentoCountryListboxOptions;
6976
6305
  isOptionDisabled: BentoListboxIsOptionDisabled;
6977
6306
  staticCategories: boolean;
6978
6307
  hasMoreItems: boolean;
@@ -6987,42 +6316,42 @@ enableValueLabelPair: boolean;
6987
6316
  }>;
6988
6317
 
6989
6318
  /**
6990
- * A Payment method Dropdown showing a selectable list of countries.
6319
+ * A Currency Dropdown showing a selectable list of currencies.
6991
6320
  *
6992
6321
  * @example
6993
- * import { BentoDropdownPaymentMethod } from '../../../../..';
6994
- * import type { BentoPaymentMethodListboxOptions } from '../../../../..'
6322
+ * import { BentoDropdownCountry, BentoCountryCode } from '../../../../..';
6323
+ * import type { BentoCountryListboxOptions } from '../../../../..'
6995
6324
  *
6996
6325
  * export default {
6997
- * components: { BentoDropdownPaymentMethod },
6326
+ * components: { BentoDropdown },
6998
6327
  * template: `
6999
- * <bento-dropdown-payment-method
6328
+ * <bento-dropdown-currency
7000
6329
  * v-model="selectedValue"
7001
6330
  * :disabled="false"
7002
6331
  * :multiple="true"
7003
- * :isOptionsDisabled="option => option.value === 'Visa'"
6332
+ * :isOptionsDisabled="option => option.value === 2"
7004
6333
  * :items="options"
7005
6334
  * />
7006
6335
  * `,
7007
6336
  * setup() {
7008
- * const selectedValue = ref('ideal') // Default value
7009
- * const options: BentoPaymentMethodListboxOptions = [
7010
- * { label: 'Option 1', value: 'ideal' },
7011
- * { label: 'Option 2', value: 'visa' },
6337
+ * const selectedValue = ref(BentoCountryCode.NL) // Default value
6338
+ * const options: BentoCountryListboxOptions = [
6339
+ * { label: 'Option 1', value: BentoCountryCode.NL },
6340
+ * { label: 'Option 2', value: BentoCountryCode.BE },
7012
6341
  * ];
7013
6342
  * return { options, selectedValue };
7014
6343
  * }
7015
6344
  * }
7016
6345
  */
7017
- export declare const BentoDropdownPaymentMethod: DefineComponent< {
6346
+ export declare const BentoDropdownCurrency: DefineComponent< {
7018
6347
  /**
7019
- * The option elements to populate the payment method dropdown with.
7020
- * It must be an array of {@see BentoPaymentMethodListboxOptions }
6348
+ * The option elements to populate the country dropdown with.
6349
+ * It must be an array of {@see BentoCurrencyListboxOptions }
7021
6350
  * * @property {string} value.label - Text to be displayed in the option
7022
- * * @property {string} value.value - Payment type code that translates to a payment icon name {@see https://adyen-ui-assets.netlify.app/?path=/story/packages-ui-assets-payment-method-icons--icons}
6351
+ * * @property {BentoCurrencyISOCode} value.code - Currency ISO code of the option
7023
6352
  */
7024
6353
  items: {
7025
- type: PropType<BentoPaymentMethodListboxOptions>;
6354
+ type: PropType<BentoCurrencyListboxOptions>;
7026
6355
  default: () => any[];
7027
6356
  };
7028
6357
  search: {
@@ -7060,11 +6389,6 @@ type: PropType<boolean>;
7060
6389
  } & {
7061
6390
  default: boolean;
7062
6391
  };
7063
- loading: {
7064
- type: PropType<boolean>;
7065
- } & {
7066
- default: boolean;
7067
- };
7068
6392
  error: {
7069
6393
  type: PropType<boolean>;
7070
6394
  } & {
@@ -7090,6 +6414,11 @@ type: PropType<boolean>;
7090
6414
  } & {
7091
6415
  default: boolean;
7092
6416
  };
6417
+ loading: {
6418
+ type: PropType<boolean>;
6419
+ } & {
6420
+ default: boolean;
6421
+ };
7093
6422
  tooltipText: {
7094
6423
  type: PropType<string>;
7095
6424
  } & {
@@ -7164,13 +6493,13 @@ default: boolean;
7164
6493
  input: (selectedValue: BentoListboxSelectedValue) => void;
7165
6494
  }, string, Readonly<ExtractPropTypes< {
7166
6495
  /**
7167
- * The option elements to populate the payment method dropdown with.
7168
- * It must be an array of {@see BentoPaymentMethodListboxOptions }
6496
+ * The option elements to populate the country dropdown with.
6497
+ * It must be an array of {@see BentoCurrencyListboxOptions }
7169
6498
  * * @property {string} value.label - Text to be displayed in the option
7170
- * * @property {string} value.value - Payment type code that translates to a payment icon name {@see https://adyen-ui-assets.netlify.app/?path=/story/packages-ui-assets-payment-method-icons--icons}
6499
+ * * @property {BentoCurrencyISOCode} value.code - Currency ISO code of the option
7171
6500
  */
7172
6501
  items: {
7173
- type: PropType<BentoPaymentMethodListboxOptions>;
6502
+ type: PropType<BentoCurrencyListboxOptions>;
7174
6503
  default: () => any[];
7175
6504
  };
7176
6505
  search: {
@@ -7208,11 +6537,6 @@ type: PropType<boolean>;
7208
6537
  } & {
7209
6538
  default: boolean;
7210
6539
  };
7211
- loading: {
7212
- type: PropType<boolean>;
7213
- } & {
7214
- default: boolean;
7215
- };
7216
6540
  error: {
7217
6541
  type: PropType<boolean>;
7218
6542
  } & {
@@ -7238,6 +6562,11 @@ type: PropType<boolean>;
7238
6562
  } & {
7239
6563
  default: boolean;
7240
6564
  };
6565
+ loading: {
6566
+ type: PropType<boolean>;
6567
+ } & {
6568
+ default: boolean;
6569
+ };
7241
6570
  tooltipText: {
7242
6571
  type: PropType<string>;
7243
6572
  } & {
@@ -7316,16 +6645,16 @@ label: string;
7316
6645
  required: boolean;
7317
6646
  condensed: boolean;
7318
6647
  disabled: boolean;
7319
- loading: boolean;
7320
6648
  error: boolean;
7321
6649
  optional: boolean;
7322
6650
  readonly: boolean;
7323
6651
  size: BentoDropdownSize | `${BentoDropdownSize}`;
7324
6652
  multiple: boolean;
6653
+ loading: boolean;
7325
6654
  tooltipText: string;
7326
6655
  errorMessage: string;
7327
6656
  ariaLabel: string;
7328
- items: BentoPaymentMethodListboxOptions;
6657
+ items: BentoCurrencyListboxOptions;
7329
6658
  isOptionDisabled: BentoListboxIsOptionDisabled;
7330
6659
  staticCategories: boolean;
7331
6660
  hasMoreItems: boolean;
@@ -7339,6 +6668,65 @@ showSlotContentInMultiple: boolean;
7339
6668
  enableValueLabelPair: boolean;
7340
6669
  }>;
7341
6670
 
6671
+ export declare interface BentoDropdownCurrencyProps extends BentoDropdownProps {
6672
+ /**
6673
+ * The option elements to populate the avatar dropdown with.
6674
+ * It must be an array of {@see BentoAvatarListboxOptions }
6675
+ * @property {string} value.label - Text to be displayed in the option.
6676
+ * @property {string | number} value.value - Value of the option.
6677
+ * @property {string} value.src - Image source of the avatar image.
6678
+ */
6679
+ items?: BentoAvatarListboxOptions;
6680
+ }
6681
+
6682
+ /**
6683
+ * A Payment method Dropdown showing a selectable list of countries.
6684
+ *
6685
+ * @example
6686
+ * import { BentoDropdownPaymentMethod } from '../../../../..';
6687
+ * import type { BentoPaymentMethodListboxOptions } from '../../../../..'
6688
+ *
6689
+ * export default {
6690
+ * components: { BentoDropdownPaymentMethod },
6691
+ * template: `
6692
+ * <bento-dropdown-payment-method
6693
+ * v-model="selectedValue"
6694
+ * :disabled="false"
6695
+ * :multiple="true"
6696
+ * :isOptionsDisabled="option => option.value === 'Visa'"
6697
+ * :items="options"
6698
+ * />
6699
+ * `,
6700
+ * setup() {
6701
+ * const selectedValue = ref('ideal') // Default value
6702
+ * const options: BentoPaymentMethodListboxOptions = [
6703
+ * { label: 'Option 1', value: 'ideal' },
6704
+ * { label: 'Option 2', value: 'visa' },
6705
+ * ];
6706
+ * return { options, selectedValue };
6707
+ * }
6708
+ * }
6709
+ */
6710
+ export declare const BentoDropdownPaymentMethod: DefineComponent<__VLS_WithDefaults_10<__VLS_TypePropsToRuntimeProps_10<BentoDropdownPaymentMethodProps>, {
6711
+ items: () => any[];
6712
+ }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
6713
+ input: (selectedValue: BentoListboxSelectedValue) => void;
6714
+ }, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_10<__VLS_TypePropsToRuntimeProps_10<BentoDropdownPaymentMethodProps>, {
6715
+ items: () => any[];
6716
+ }>>>, {
6717
+ items: BentoPaymentMethodListboxOptions;
6718
+ }>;
6719
+
6720
+ export declare interface BentoDropdownPaymentMethodProps extends BentoDropdownProps {
6721
+ /**
6722
+ * The option elements to populate the payment method dropdown with.
6723
+ * It must be an array of {@see BentoPaymentMethodListboxOptions }
6724
+ * @property {string} value.label - Text to be displayed in the option
6725
+ * @property {string} value.value - Payment type code that translates to a payment icon name {@see https://adyen-ui-assets.netlify.app/?path=/story/packages-ui-assets-payment-method-icons--icons}
6726
+ */
6727
+ items?: BentoPaymentMethodListboxOptions;
6728
+ }
6729
+
7342
6730
  export declare interface BentoDropdownProps {
7343
6731
  /**
7344
6732
  * @deprecated from version 2.0.0. Use the aria-label attribute instead.
@@ -7561,11 +6949,6 @@ type: PropType<boolean>;
7561
6949
  } & {
7562
6950
  default: boolean;
7563
6951
  };
7564
- loading: {
7565
- type: PropType<boolean>;
7566
- } & {
7567
- default: boolean;
7568
- };
7569
6952
  error: {
7570
6953
  type: PropType<boolean>;
7571
6954
  } & {
@@ -7591,6 +6974,11 @@ type: PropType<boolean>;
7591
6974
  } & {
7592
6975
  default: boolean;
7593
6976
  };
6977
+ loading: {
6978
+ type: PropType<boolean>;
6979
+ } & {
6980
+ default: boolean;
6981
+ };
7594
6982
  tooltipText: {
7595
6983
  type: PropType<string>;
7596
6984
  } & {
@@ -7710,11 +7098,6 @@ type: PropType<boolean>;
7710
7098
  } & {
7711
7099
  default: boolean;
7712
7100
  };
7713
- loading: {
7714
- type: PropType<boolean>;
7715
- } & {
7716
- default: boolean;
7717
- };
7718
7101
  error: {
7719
7102
  type: PropType<boolean>;
7720
7103
  } & {
@@ -7740,6 +7123,11 @@ type: PropType<boolean>;
7740
7123
  } & {
7741
7124
  default: boolean;
7742
7125
  };
7126
+ loading: {
7127
+ type: PropType<boolean>;
7128
+ } & {
7129
+ default: boolean;
7130
+ };
7743
7131
  tooltipText: {
7744
7132
  type: PropType<string>;
7745
7133
  } & {
@@ -7818,12 +7206,12 @@ label: string;
7818
7206
  required: boolean;
7819
7207
  condensed: boolean;
7820
7208
  disabled: boolean;
7821
- loading: boolean;
7822
7209
  error: boolean;
7823
7210
  optional: boolean;
7824
7211
  readonly: boolean;
7825
7212
  size: BentoDropdownSize | `${BentoDropdownSize}`;
7826
7213
  multiple: boolean;
7214
+ loading: boolean;
7827
7215
  tooltipText: string;
7828
7216
  errorMessage: string;
7829
7217
  ariaLabel: string;
@@ -7972,9 +7360,9 @@ validator: (value: BentoEmptyStateVariant) => boolean;
7972
7360
  }>>, {
7973
7361
  description: string;
7974
7362
  title: string;
7975
- image: "success" | "1-generic-use" | "2-generic-use" | "3-generic-use" | "4-generic-use" | "adding-payment-methods" | "adyen-giving" | "delight" | "internal-error" | "no-results-found" | "notifications-cleared" | "page-not-found" | "planned-maintenance" | "referrals" | "upload-files" | "wrong-environment";
7363
+ image: "1-generic-use" | "2-generic-use" | "3-generic-use" | "4-generic-use" | "adding-payment-methods" | "adyen-giving" | "delight" | "internal-error" | "no-results-found" | "notifications-cleared" | "page-not-found" | "planned-maintenance" | "referrals" | "success" | "upload-files" | "wrong-environment";
7976
7364
  variant: "condensed" | "full-page" | "embedded" | "basic";
7977
- action: BentoButtonActionObject;
7365
+ action: BentoActionButton;
7978
7366
  headingEl: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span";
7979
7367
  }>, {
7980
7368
  title: (_: {}) => any;
@@ -8044,7 +7432,7 @@ export declare enum BentoEmptyStateVariant {
8044
7432
  * }
8045
7433
  * }
8046
7434
  */
8047
- export declare const BentoFileUploader: DefineComponent<__VLS_WithDefaults_14<__VLS_TypePropsToRuntimeProps_14<BentoFileUploaderProps>, {
7435
+ export declare const BentoFileUploader: DefineComponent<__VLS_WithDefaults_16<__VLS_TypePropsToRuntimeProps_16<BentoFileUploaderProps>, {
8048
7436
  accept: any;
8049
7437
  description: any;
8050
7438
  errorMessage: any;
@@ -8061,7 +7449,7 @@ input: (value?: FileList) => void;
8061
7449
  "update:modelValue": (value?: FileList) => void;
8062
7450
  } & {
8063
7451
  "error:upload": (value: boolean) => void;
8064
- }, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_14<__VLS_TypePropsToRuntimeProps_14<BentoFileUploaderProps>, {
7452
+ }, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_16<__VLS_TypePropsToRuntimeProps_16<BentoFileUploaderProps>, {
8065
7453
  accept: any;
8066
7454
  description: any;
8067
7455
  errorMessage: any;
@@ -8166,7 +7554,7 @@ export declare type BentoFileUploaderValue = string | Array<string> | File | Arr
8166
7554
  * `
8167
7555
  * }
8168
7556
  */
8169
- export declare const BentoFilterBar: DefineComponent<__VLS_WithDefaults_15<__VLS_TypePropsToRuntimeProps_15<BentoFilterBarProps>, {
7557
+ export declare const BentoFilterBar: DefineComponent<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_17<BentoFilterBarProps>, {
8170
7558
  config: () => any[];
8171
7559
  filterValues: () => any[];
8172
7560
  containerSizeLayout: () => {
@@ -8183,7 +7571,7 @@ isClearAllVisible: ComputedRef<boolean>;
8183
7571
  clearAllFilters: () => void;
8184
7572
  isResetAllVisible: ComputedRef<boolean>;
8185
7573
  resetAllFilters: () => void;
8186
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, (BentoFilterBarEvent | BentoSearchBarEvent)[], string, Readonly<ExtractPropTypes<__VLS_WithDefaults_15<__VLS_TypePropsToRuntimeProps_15<BentoFilterBarProps>, {
7574
+ }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, (BentoFilterBarEvent | BentoSearchBarEvent)[], string, Readonly<ExtractPropTypes<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_17<BentoFilterBarProps>, {
8187
7575
  config: () => any[];
8188
7576
  filterValues: () => any[];
8189
7577
  containerSizeLayout: () => {
@@ -8849,7 +8237,7 @@ declare enum BentoHeaderVariant {
8849
8237
  * `
8850
8238
  * };
8851
8239
  */
8852
- export declare const BentoHeaderWithViews: __VLS_WithTemplateSlots_17<DefineComponent<__VLS_WithDefaults_16<__VLS_TypePropsToRuntimeProps_16<BentoHeaderWithViewsProps>, {
8240
+ export declare const BentoHeaderWithViews: __VLS_WithTemplateSlots_17<DefineComponent<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_18<BentoHeaderWithViewsProps>, {
8853
8241
  actions: () => any[];
8854
8242
  additionalViewSetting: any;
8855
8243
  title: any;
@@ -8875,7 +8263,7 @@ views: () => any[];
8875
8263
  "update:view": (value: BentoHeaderWithViewsItemUpdate) => void;
8876
8264
  } & {
8877
8265
  "update:skip-unsaved-changes": (value: boolean) => void;
8878
- }, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_16<__VLS_TypePropsToRuntimeProps_16<BentoHeaderWithViewsProps>, {
8266
+ }, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_18<BentoHeaderWithViewsProps>, {
8879
8267
  actions: () => any[];
8880
8268
  additionalViewSetting: any;
8881
8269
  title: any;
@@ -8997,6 +8385,8 @@ export declare interface BentoHeaderWithViewsProps {
8997
8385
  /**
8998
8386
  * Optional list of actions (buttons) to display in the header.
8999
8387
  * The structure of each action is defined by the `BentoButtonActionsList` type.
8388
+ *
8389
+ * {@link [BentoButtonActionsList](https://adyen-bento.netlify.app/?path=/docs/components-button-button-actions--docs#variations)}
9000
8390
  */
9001
8391
  actions?: BentoButtonActionsList;
9002
8392
  /**
@@ -9005,12 +8395,21 @@ export declare interface BentoHeaderWithViewsProps {
9005
8395
  title: string;
9006
8396
  /**
9007
8397
  * Optional array of view items to display as selectable views or tabs.
9008
- * Each item's structure is defined by the `BentoHeaderWithViewsItem` interface.
8398
+ *
8399
+ * Each view should have the following property:
8400
+ * - `icon` (BentoHeaderWithViewsItemIcon, optional): Optional icon to display.
8401
+ * - `iconColor` (BentoHeaderWithViewsItemIconColor, optional): Optional color of the icon.
8402
+ * - `label` (string): Text label for the view item.
8403
+ * - `isDefault` (boolean, optional): Indicates if this view item is the default or currently active view.
8404
+ * - `additionalViewSetting` (BentoHeaderWithViewsItemAdditionalConfig, optional): Optional configuration for an additional view setting.
8405
+ * - `isFixed` (boolean, optional): Indicates if this view can be edited or deleted. * @see {@link BentoHeaderWithViewsItem}
9009
8406
  */
9010
8407
  views?: BentoHeaderWithViewsItem[];
9011
8408
  /**
9012
8409
  * Optional configuration for an additional view setting, such as a filter or option.
9013
8410
  * Defined by the `BentoHeaderWithViewsItemAdditionalConfig` interface.
8411
+ *
8412
+ * @see {@link BentoHeaderWithViewsItemAdditionalConfig}
9014
8413
  */
9015
8414
  additionalViewSetting?: BentoHeaderWithViewsItemAdditionalConfig;
9016
8415
  /**
@@ -9065,10 +8464,10 @@ export declare interface BentoHeaderWithViewsProps {
9065
8464
  * `
9066
8465
  * }
9067
8466
  */
9068
- export declare const BentoImage: DefineComponent<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_17<BentoImageProps>, {
8467
+ export declare const BentoImage: DefineComponent<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_19<BentoImageProps>, {
9069
8468
  aspectRatio: any;
9070
8469
  objectFit: any;
9071
- }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_17<BentoImageProps>, {
8470
+ }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_19<BentoImageProps>, {
9072
8471
  aspectRatio: any;
9073
8472
  objectFit: any;
9074
8473
  }>>>, {
@@ -9077,36 +8476,33 @@ objectFit: BentoImageObjectFit | `${BentoImageObjectFit}` | null;
9077
8476
  }>;
9078
8477
 
9079
8478
  export declare enum BentoImageAspectRatio {
9080
- LANDSCAPE = 'landscape',
9081
- P4_3 = '4:3',
9082
- P3_3 = '3:3',
9083
- P16_9 = '16:9',
9084
- P2_1 = '2:1',
9085
- PORTRAIT = 'portrait',
9086
- P3_4 = '3:4',
9087
- P2_3 = '2:3',
9088
- P9_16 = '9:16',
9089
- P1_2 = '1:2',
9090
- SQUARE = 'square',
9091
- P1_1 = '1:1',
8479
+ LANDSCAPE = "landscape",
8480
+ P4_3 = "4:3",
8481
+ P3_3 = "3:3",
8482
+ P16_9 = "16:9",
8483
+ P2_1 = "2:1",
8484
+ PORTRAIT = "portrait",
8485
+ P3_4 = "3:4",
8486
+ P2_3 = "2:3",
8487
+ P9_16 = "9:16",
8488
+ P1_2 = "1:2",
8489
+ SQUARE = "square",
8490
+ P1_1 = "1:1"
9092
8491
  }
9093
8492
 
9094
8493
  export declare enum BentoImageObjectFit {
9095
- COVER = 'cover',
9096
- FILL = 'fill',
9097
- CONTAIN = 'contain',
8494
+ COVER = "cover",
8495
+ FILL = "fill",
8496
+ CONTAIN = "contain"
9098
8497
  }
9099
8498
 
9100
8499
  export declare interface BentoImageProps {
9101
8500
  /** Url to image, same as src attribute of `<img>` tag */
9102
8501
  src: string;
9103
-
9104
8502
  /** Accessible text describing the image, same as alt attribute of `<img>` tag */
9105
8503
  alt: string;
9106
-
9107
8504
  /** Aspect ratio of the image, maps to css aspect-ratio */
9108
8505
  aspectRatio?: BentoImageAspectRatio | `${BentoImageAspectRatio}` | null;
9109
-
9110
8506
  /** Object fitting strategy, maps to css object-fit */
9111
8507
  objectFit?: BentoImageObjectFit | `${BentoImageObjectFit}` | null;
9112
8508
  }
@@ -9121,11 +8517,11 @@ export declare interface BentoImageProps {
9121
8517
  * import { BentoInfoIcon } from '../..';
9122
8518
  * </scrip>
9123
8519
  */
9124
- export declare const BentoInfoIcon: DefineComponent<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_18<BentoInfoIconProps>, {
8520
+ export declare const BentoInfoIcon: DefineComponent<__VLS_WithDefaults_20<__VLS_TypePropsToRuntimeProps_20<BentoInfoIconProps>, {
9125
8521
  tooltipPosition: PopperContainerPositionExtended;
9126
8522
  }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
9127
8523
  mouseenter: (event: MouseEvent) => void;
9128
- }, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_18<BentoInfoIconProps>, {
8524
+ }, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_20<__VLS_TypePropsToRuntimeProps_20<BentoInfoIconProps>, {
9129
8525
  tooltipPosition: PopperContainerPositionExtended;
9130
8526
  }>>>, {
9131
8527
  tooltipPosition: PopperContainerPosition | `${PopperContainerPosition}`;
@@ -9183,7 +8579,7 @@ export declare type BentoInputDropdownProps = {
9183
8579
  * >
9184
8580
  * }
9185
8581
  */
9186
- export declare const BentoInputField: __VLS_WithTemplateSlots_18<DefineComponent<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_19<BentoInputFieldProps>, {
8582
+ export declare const BentoInputField: __VLS_WithTemplateSlots_18<DefineComponent<__VLS_WithDefaults_21<__VLS_TypePropsToRuntimeProps_21<BentoInputFieldProps>, {
9187
8583
  ariaHidden: boolean;
9188
8584
  ariaLabel: any;
9189
8585
  condensed: boolean;
@@ -9224,7 +8620,7 @@ keydown: (event: KeyboardEvent) => void;
9224
8620
  keyup: (event: KeyboardEvent) => void;
9225
8621
  } & {
9226
8622
  input: (inputValue: string) => void;
9227
- }, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_19<BentoInputFieldProps>, {
8623
+ }, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_21<__VLS_TypePropsToRuntimeProps_21<BentoInputFieldProps>, {
9228
8624
  ariaHidden: boolean;
9229
8625
  ariaLabel: any;
9230
8626
  condensed: boolean;
@@ -9325,7 +8721,7 @@ export declare enum BentoInputFieldEvent {
9325
8721
  * `
9326
8722
  * }
9327
8723
  */
9328
- export declare const BentoInputFieldPassword: DefineComponent<__VLS_WithDefaults_20<__VLS_TypePropsToRuntimeProps_20<BentoInputFieldPasswordProps>, {
8724
+ export declare const BentoInputFieldPassword: DefineComponent<__VLS_WithDefaults_22<__VLS_TypePropsToRuntimeProps_22<BentoInputFieldPasswordProps>, {
9329
8725
  condensed: boolean;
9330
8726
  debounceTime: number;
9331
8727
  disabled: boolean;
@@ -9347,7 +8743,7 @@ focus: () => void;
9347
8743
  "input:error": (errors: BentoInputFieldPasswordErrorsList) => void;
9348
8744
  } & {
9349
8745
  input: (value: BentoInputFieldValue) => void;
9350
- }, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_20<__VLS_TypePropsToRuntimeProps_20<BentoInputFieldPasswordProps>, {
8746
+ }, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_22<__VLS_TypePropsToRuntimeProps_22<BentoInputFieldPasswordProps>, {
9351
8747
  condensed: boolean;
9352
8748
  debounceTime: number;
9353
8749
  disabled: boolean;
@@ -9480,7 +8876,7 @@ export declare interface BentoInputFieldPasswordValidationListItem {
9480
8876
  * `
9481
8877
  * }
9482
8878
  */
9483
- export declare const BentoInputFieldPhoneNumber: __VLS_WithTemplateSlots_19<DefineComponent<__VLS_WithDefaults_21<__VLS_TypePropsToRuntimeProps_21<BentoInputFieldPhoneNumberProps>, {
8879
+ export declare const BentoInputFieldPhoneNumber: __VLS_WithTemplateSlots_19<DefineComponent<__VLS_WithDefaults_23<__VLS_TypePropsToRuntimeProps_23<BentoInputFieldPhoneNumberProps>, {
9484
8880
  countries: () => CountryCode_2[];
9485
8881
  dynamicFiltering: boolean;
9486
8882
  }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
@@ -9489,7 +8885,7 @@ blur: () => void;
9489
8885
  input: (value: string) => void;
9490
8886
  } & {
9491
8887
  "update:selected-country": (country: CountryCode_2) => void;
9492
- }, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_21<__VLS_TypePropsToRuntimeProps_21<BentoInputFieldPhoneNumberProps>, {
8888
+ }, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_23<__VLS_TypePropsToRuntimeProps_23<BentoInputFieldPhoneNumberProps>, {
9493
8889
  countries: () => CountryCode_2[];
9494
8890
  dynamicFiltering: boolean;
9495
8891
  }>>>, {
@@ -9500,6 +8896,11 @@ countries: CountryCode[];
9500
8896
  description: (_: {}) => any;
9501
8897
  }>;
9502
8898
 
8899
+ /**
8900
+ * A constant array containing all supported country codes for the phone number input field.
8901
+ */
8902
+ export declare const BentoInputFieldPhoneNumberCountries: CountryCode_2[];
8903
+
9503
8904
  export declare type BentoInputFieldPhoneNumberDropdownProps = Pick<BentoInputDropdownProps, 'readonly'>;
9504
8905
 
9505
8906
  export declare interface BentoInputFieldPhoneNumberProps extends FormField {
@@ -9761,7 +9162,7 @@ export declare type BentoInpuWithDropdowntFilterValue = {
9761
9162
  * `
9762
9163
  * }
9763
9164
  */
9764
- export declare const BentoInspector: __VLS_WithTemplateSlots_20<DefineComponent<__VLS_WithDefaults_22<__VLS_TypePropsToRuntimeProps_22<BentoInspectorProps>, {
9165
+ export declare const BentoInspector: __VLS_WithTemplateSlots_20<DefineComponent<__VLS_WithDefaults_24<__VLS_TypePropsToRuntimeProps_24<BentoInspectorProps>, {
9765
9166
  activePage: string;
9766
9167
  expandable: boolean;
9767
9168
  isOpen: boolean;
@@ -9775,7 +9176,7 @@ pageFocusAnchor: any;
9775
9176
  "update:active-page": (value: string) => void;
9776
9177
  } & {
9777
9178
  expand: () => void;
9778
- }, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_22<__VLS_TypePropsToRuntimeProps_22<BentoInspectorProps>, {
9179
+ }, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_24<__VLS_TypePropsToRuntimeProps_24<BentoInspectorProps>, {
9779
9180
  activePage: string;
9780
9181
  expandable: boolean;
9781
9182
  isOpen: boolean;
@@ -9785,8 +9186,8 @@ relativeLayout: string;
9785
9186
  pageFocusAnchor: any;
9786
9187
  }>>>, {
9787
9188
  isOpen: boolean;
9788
- loading: boolean;
9789
9189
  size: BentoInspectorSize;
9190
+ loading: boolean;
9790
9191
  activePage: string;
9791
9192
  expandable: boolean;
9792
9193
  relativeLayout: BentoInspectorRelativeLayout;
@@ -9891,10 +9292,10 @@ export declare enum BentoKeyboardNavigationKeyDownEvent {
9891
9292
  * `
9892
9293
  * }
9893
9294
  */
9894
- export declare const BentoLayout: __VLS_WithTemplateSlots_21<DefineComponent<__VLS_WithDefaults_23<__VLS_TypePropsToRuntimeProps_23<BentoLayoutProps>, {
9295
+ export declare const BentoLayout: __VLS_WithTemplateSlots_21<DefineComponent<__VLS_WithDefaults_25<__VLS_TypePropsToRuntimeProps_25<BentoLayoutProps>, {
9895
9296
  size: string;
9896
9297
  variant: string;
9897
- }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_23<__VLS_TypePropsToRuntimeProps_23<BentoLayoutProps>, {
9298
+ }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_25<__VLS_TypePropsToRuntimeProps_25<BentoLayoutProps>, {
9898
9299
  size: string;
9899
9300
  variant: string;
9900
9301
  }>>>, {
@@ -9937,9 +9338,9 @@ export declare interface BentoLayoutProps {
9937
9338
  * `
9938
9339
  * }
9939
9340
  */
9940
- export declare const BentoLayoutRow: __VLS_WithTemplateSlots_22<DefineComponent<__VLS_WithDefaults_24<__VLS_TypePropsToRuntimeProps_24<BentoLayoutRowProps>, {
9341
+ export declare const BentoLayoutRow: __VLS_WithTemplateSlots_22<DefineComponent<__VLS_WithDefaults_26<__VLS_TypePropsToRuntimeProps_26<BentoLayoutRowProps>, {
9941
9342
  columnsLayout: string;
9942
- }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_24<__VLS_TypePropsToRuntimeProps_24<BentoLayoutRowProps>, {
9343
+ }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_26<__VLS_TypePropsToRuntimeProps_26<BentoLayoutRowProps>, {
9943
9344
  columnsLayout: string;
9944
9345
  }>>>, {
9945
9346
  columnsLayout: BentoLayoutRowColumnLayout;
@@ -9986,12 +9387,12 @@ export declare type BentoLazyLoadType = 'automatic' | 'button' | 'none';
9986
9387
  * `
9987
9388
  * }
9988
9389
  */
9989
- export declare const BentoLink: __VLS_WithTemplateSlots_23<DefineComponent<__VLS_WithDefaults_25<__VLS_TypePropsToRuntimeProps_25<BentoLinkProps>, {
9390
+ export declare const BentoLink: __VLS_WithTemplateSlots_23<DefineComponent<__VLS_WithDefaults_27<__VLS_TypePropsToRuntimeProps_27<BentoLinkProps>, {
9990
9391
  target: any;
9991
9392
  variant: BentoLinkVariant;
9992
9393
  }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
9993
9394
  click: (clickEvent: MouseEvent) => void;
9994
- }, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_25<__VLS_TypePropsToRuntimeProps_25<BentoLinkProps>, {
9395
+ }, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_27<__VLS_TypePropsToRuntimeProps_27<BentoLinkProps>, {
9995
9396
  target: any;
9996
9397
  variant: BentoLinkVariant;
9997
9398
  }>>>, {
@@ -10001,7 +9402,37 @@ target: string;
10001
9402
  default: (_: {}) => any;
10002
9403
  }>;
10003
9404
 
10004
- declare type BentoLinkProps = RouterLinkProps & LinkProps_2;
9405
+ export declare type BentoLinkProps = RouterLinkProps & {
9406
+ /**
9407
+ * Disable the default typography for the component. Only use this when the component is inside another typography component.
9408
+ */
9409
+ disableTypography?: boolean;
9410
+ /**
9411
+ * Set the rendered link to a regular external anchor link and renders an external link icon.
9412
+ */
9413
+ external?: boolean;
9414
+ /**
9415
+ * Set to true if used inside a `BentoButton` component.
9416
+ */
9417
+ isButton?: boolean;
9418
+ /**
9419
+ * Set the rendered link to a regular external anchor link.
9420
+ */
9421
+ isNotRouting?: boolean;
9422
+ /**
9423
+ * Sets the target of the rendered link.
9424
+ */
9425
+ target?: string;
9426
+ /**
9427
+ * Set to true to truncate link. Doesn't work with disableTypography.
9428
+ */
9429
+ truncate?: boolean;
9430
+ /**
9431
+ * Link variant type affecting visual style.
9432
+ * @values default, quiet
9433
+ */
9434
+ variant?: BentoLinkVariant | `${BentoLinkVariant}`;
9435
+ };
10005
9436
 
10006
9437
  /**
10007
9438
  * @deprecated for usage with properties since version 2.0. Use the string literal instead.
@@ -10011,14 +9442,6 @@ export declare enum BentoLinkVariant {
10011
9442
  QUIET = "quiet"
10012
9443
  }
10013
9444
 
10014
- /**
10015
- * @deprecated for usage with properties since version 2.0. Use the string literal instead.
10016
- */
10017
- declare enum BentoLinkVariant_2 {
10018
- DEFAULT = 'default',
10019
- QUIET = 'quiet',
10020
- }
10021
-
10022
9445
  declare type BentoListboxEmptyStateProps = {
10023
9446
  action: {
10024
9447
  icon?: any;
@@ -10210,7 +9633,7 @@ condensed: boolean;
10210
9633
  critical: boolean;
10211
9634
  disabled: boolean;
10212
9635
  inverse: boolean;
10213
- state: "start" | "loading" | "success" | "fail" | BentoLoadingButtonState;
9636
+ state: "start" | "loading" | "success" | BentoLoadingButtonState | "fail";
10214
9637
  }>, {
10215
9638
  default: (_: {}) => any;
10216
9639
  iconLeft: (_: {}) => any;
@@ -10227,13 +9650,6 @@ export declare enum BentoLoadingButtonState {
10227
9650
  FAIL = "fail"
10228
9651
  }
10229
9652
 
10230
- declare enum BentoLoadingButtonState_2 {
10231
- START = 'start',
10232
- LOADING = 'loading',
10233
- SUCCESS = 'success',
10234
- FAIL = 'fail',
10235
- }
10236
-
10237
9653
  export declare const BentoLoadingIndicator: DefineComponent< {
10238
9654
  /**
10239
9655
  * Displays the loading indicator in a small size
@@ -10312,11 +9728,11 @@ export declare enum BentoLoadingIndicatorEvent {
10312
9728
  * />
10313
9729
  * }
10314
9730
  */
10315
- export declare const BentoMenu: __VLS_WithTemplateSlots_24<DefineComponent<__VLS_WithDefaults_26<__VLS_TypePropsToRuntimeProps_26<BentoMenuProps>, {
9731
+ export declare const BentoMenu: __VLS_WithTemplateSlots_24<DefineComponent<__VLS_WithDefaults_28<__VLS_TypePropsToRuntimeProps_28<BentoMenuProps>, {
10316
9732
  button: () => BentoMenuButtonProps;
10317
9733
  closeMenuOnItemSelect: boolean;
10318
9734
  disableArrowDownOpeningMenu: boolean;
10319
- menuPosition: PopperContainerPositionExtended;
9735
+ menuPosition: string;
10320
9736
  menuFixedPositioning: boolean;
10321
9737
  menuWidth: any;
10322
9738
  revertFocusToButton: boolean;
@@ -10335,11 +9751,11 @@ open: () => void;
10335
9751
  "menu-item-click": () => void;
10336
9752
  } & {
10337
9753
  "click-outside": () => void;
10338
- }, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_26<__VLS_TypePropsToRuntimeProps_26<BentoMenuProps>, {
9754
+ }, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_28<__VLS_TypePropsToRuntimeProps_28<BentoMenuProps>, {
10339
9755
  button: () => BentoMenuButtonProps;
10340
9756
  closeMenuOnItemSelect: boolean;
10341
9757
  disableArrowDownOpeningMenu: boolean;
10342
- menuPosition: PopperContainerPositionExtended;
9758
+ menuPosition: string;
10343
9759
  menuFixedPositioning: boolean;
10344
9760
  menuWidth: any;
10345
9761
  revertFocusToButton: boolean;
@@ -10347,13 +9763,13 @@ teleport: boolean;
10347
9763
  closeOnClickOutsideOptions: any;
10348
9764
  }>>>, {
10349
9765
  button: BentoMenuButtonProps;
10350
- teleport: boolean;
10351
9766
  closeMenuOnItemSelect: boolean;
10352
9767
  disableArrowDownOpeningMenu: boolean;
10353
9768
  menuPosition: BentoPopoverPositions | `${BentoPopoverPositions}`;
10354
9769
  menuFixedPositioning: boolean;
10355
9770
  menuWidth: number;
10356
9771
  revertFocusToButton: boolean;
9772
+ teleport: boolean;
10357
9773
  closeOnClickOutsideOptions: any;
10358
9774
  }>, {
10359
9775
  iconLeft: (_: {}) => any;
@@ -10361,9 +9777,10 @@ closeOnClickOutsideOptions: any;
10361
9777
  }>;
10362
9778
 
10363
9779
  export declare type BentoMenuButtonProps = {
10364
- variant?: ButtonProps['variant'];
10365
- condensed?: ButtonProps['condensed'];
10366
- disabled?: ButtonProps['disabled'];
9780
+ 'aria-label'?: HTMLAttributes['aria-label'];
9781
+ condensed?: BentoButtonProps['condensed'];
9782
+ disabled?: BentoButtonProps['disabled'];
9783
+ variant?: BentoButtonProps['variant'];
10367
9784
  };
10368
9785
 
10369
9786
  export declare enum BentoMenuEvent {
@@ -11079,7 +10496,7 @@ contextualLabel: string;
11079
10496
  * `
11080
10497
  * }
11081
10498
  */
11082
- export declare const BentoModalPage: __VLS_WithTemplateSlots_26<DefineComponent<__VLS_WithDefaults_27<__VLS_TypePropsToRuntimeProps_27<BentoModalPageProps>, {
10499
+ export declare const BentoModalPage: __VLS_WithTemplateSlots_26<DefineComponent<__VLS_WithDefaults_29<__VLS_TypePropsToRuntimeProps_29<BentoModalPageProps>, {
11083
10500
  actions: any;
11084
10501
  actionsLabel: any;
11085
10502
  columnsSize: BentoModalColumnLayoutVariant;
@@ -11088,7 +10505,7 @@ destructiveActions: boolean;
11088
10505
  withColumnLayout: boolean;
11089
10506
  pageId: any;
11090
10507
  previousPage: any;
11091
- }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_27<__VLS_TypePropsToRuntimeProps_27<BentoModalPageProps>, {
10508
+ }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_29<__VLS_TypePropsToRuntimeProps_29<BentoModalPageProps>, {
11092
10509
  actions: any;
11093
10510
  actionsLabel: any;
11094
10511
  columnsSize: BentoModalColumnLayoutVariant;
@@ -11236,7 +10653,7 @@ export declare type BentoMultiCheckboxType = Array<string | number>;
11236
10653
  * `,
11237
10654
  * }
11238
10655
  */
11239
- export declare const BentoPagination: __VLS_WithTemplateSlots_29<DefineComponent<__VLS_WithDefaults_28<__VLS_TypePropsToRuntimeProps_28<BentoPaginationProps>, {
10656
+ export declare const BentoPagination: __VLS_WithTemplateSlots_29<DefineComponent<__VLS_WithDefaults_30<__VLS_TypePropsToRuntimeProps_30<BentoPaginationProps>, {
11240
10657
  ariaLabel: any;
11241
10658
  hasNext: any;
11242
10659
  hidePageSize: boolean;
@@ -11252,7 +10669,7 @@ navigate: (page: number, items?: number) => void;
11252
10669
  "update:page": (page: number) => void;
11253
10670
  } & {
11254
10671
  "update:size": (size: number) => void;
11255
- }, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_28<__VLS_TypePropsToRuntimeProps_28<BentoPaginationProps>, {
10672
+ }, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_30<__VLS_TypePropsToRuntimeProps_30<BentoPaginationProps>, {
11256
10673
  ariaLabel: any;
11257
10674
  hasNext: any;
11258
10675
  hidePageSize: boolean;
@@ -11318,10 +10735,10 @@ export declare interface BentoPaginationProps {
11318
10735
  * `
11319
10736
  * }
11320
10737
  */
11321
- export declare const BentoPaymentMethod: DefineComponent<__VLS_WithDefaults_29<__VLS_TypePropsToRuntimeProps_29<BentoPaymentMethodProps>, {
10738
+ export declare const BentoPaymentMethod: DefineComponent<__VLS_WithDefaults_31<__VLS_TypePropsToRuntimeProps_31<BentoPaymentMethodProps>, {
11322
10739
  type: string;
11323
10740
  small: boolean;
11324
- }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_29<__VLS_TypePropsToRuntimeProps_29<BentoPaymentMethodProps>, {
10741
+ }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_31<__VLS_TypePropsToRuntimeProps_31<BentoPaymentMethodProps>, {
11325
10742
  type: string;
11326
10743
  small: boolean;
11327
10744
  }>>>, {
@@ -12513,7 +11930,7 @@ export declare enum BentoPaymentMethodType {
12513
11930
  * `
12514
11931
  * }
12515
11932
  */
12516
- export declare const BentoPopover: __VLS_WithTemplateSlots_30<DefineComponent<__VLS_WithDefaults_30<__VLS_TypePropsToRuntimeProps_30<BentoPopoverProps>, {
11933
+ export declare const BentoPopover: __VLS_WithTemplateSlots_30<DefineComponent<__VLS_WithDefaults_32<__VLS_TypePropsToRuntimeProps_32<BentoPopoverProps>, {
12517
11934
  actions: any;
12518
11935
  actionsLayout: string;
12519
11936
  ariaLabel: any;
@@ -12535,7 +11952,7 @@ overflowVisible: boolean;
12535
11952
  dismiss: () => void;
12536
11953
  } & {
12537
11954
  placement: (placement: Placement) => void;
12538
- }, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_30<__VLS_TypePropsToRuntimeProps_30<BentoPopoverProps>, {
11955
+ }, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_32<__VLS_TypePropsToRuntimeProps_32<BentoPopoverProps>, {
12539
11956
  actions: any;
12540
11957
  actionsLayout: string;
12541
11958
  ariaLabel: any;
@@ -12581,21 +11998,21 @@ overflowVisible: boolean;
12581
11998
  * @deprecated for usage with properties since version 2.0. Use the string literal instead.
12582
11999
  */
12583
12000
  export declare const BentoPopoverPositions: {
12584
- AUTO: import("../../../../core/src/components/popper-container/popper-container.types").PopperContainerPositionExtended.AUTO;
12585
- AUTO_START: import("../../../../core/src/components/popper-container/popper-container.types").PopperContainerPositionExtended.AUTO_START;
12586
- AUTO_END: import("../../../../core/src/components/popper-container/popper-container.types").PopperContainerPositionExtended.AUTO_END;
12587
- TOP_START: import("../../../../core/src/components/popper-container/popper-container.types").PopperContainerPositionExtended.TOP_START;
12588
- TOP_END: import("../../../../core/src/components/popper-container/popper-container.types").PopperContainerPositionExtended.TOP_END;
12589
- RIGHT_START: import("../../../../core/src/components/popper-container/popper-container.types").PopperContainerPositionExtended.RIGHT_START;
12590
- RIGHT_END: import("../../../../core/src/components/popper-container/popper-container.types").PopperContainerPositionExtended.RIGHT_END;
12591
- BOTTOM_START: import("../../../../core/src/components/popper-container/popper-container.types").PopperContainerPositionExtended.BOTTOM_START;
12592
- BOTTOM_END: import("../../../../core/src/components/popper-container/popper-container.types").PopperContainerPositionExtended.BOTTOM_END;
12593
- LEFT_START: import("../../../../core/src/components/popper-container/popper-container.types").PopperContainerPositionExtended.LEFT_START;
12594
- LEFT_END: import("../../../../core/src/components/popper-container/popper-container.types").PopperContainerPositionExtended.LEFT_END;
12595
- TOP: import("../../../../core/src/components/popper-container/popper-container.types").PopperContainerPositionBasic.TOP;
12596
- RIGHT: import("../../../../core/src/components/popper-container/popper-container.types").PopperContainerPositionBasic.RIGHT;
12597
- BOTTOM: import("../../../../core/src/components/popper-container/popper-container.types").PopperContainerPositionBasic.BOTTOM;
12598
- LEFT: import("../../../../core/src/components/popper-container/popper-container.types").PopperContainerPositionBasic.LEFT;
12001
+ AUTO: import("../popper-container").PopperContainerPositionExtended.AUTO;
12002
+ AUTO_START: import("../popper-container").PopperContainerPositionExtended.AUTO_START;
12003
+ AUTO_END: import("../popper-container").PopperContainerPositionExtended.AUTO_END;
12004
+ TOP_START: import("../popper-container").PopperContainerPositionExtended.TOP_START;
12005
+ TOP_END: import("../popper-container").PopperContainerPositionExtended.TOP_END;
12006
+ RIGHT_START: import("../popper-container").PopperContainerPositionExtended.RIGHT_START;
12007
+ RIGHT_END: import("../popper-container").PopperContainerPositionExtended.RIGHT_END;
12008
+ BOTTOM_START: import("../popper-container").PopperContainerPositionExtended.BOTTOM_START;
12009
+ BOTTOM_END: import("../popper-container").PopperContainerPositionExtended.BOTTOM_END;
12010
+ LEFT_START: import("../popper-container").PopperContainerPositionExtended.LEFT_START;
12011
+ LEFT_END: import("../popper-container").PopperContainerPositionExtended.LEFT_END;
12012
+ TOP: import("../popper-container").PopperContainerPositionBasic.TOP;
12013
+ RIGHT: import("../popper-container").PopperContainerPositionBasic.RIGHT;
12014
+ BOTTOM: import("../popper-container").PopperContainerPositionBasic.BOTTOM;
12015
+ LEFT: import("../popper-container").PopperContainerPositionBasic.LEFT;
12599
12016
  };
12600
12017
 
12601
12018
  export declare type BentoPopoverPositions = PopperContainerPosition;
@@ -12735,7 +12152,7 @@ export declare interface BentoPopoverProps {
12735
12152
  * `
12736
12153
  * };
12737
12154
  */
12738
- export declare const BentoPromoBanner: __VLS_WithTemplateSlots_32<DefineComponent<__VLS_WithDefaults_31<__VLS_TypePropsToRuntimeProps_31<BentoPromoBannerProps>, {
12155
+ export declare const BentoPromoBanner: __VLS_WithTemplateSlots_32<DefineComponent<__VLS_WithDefaults_33<__VLS_TypePropsToRuntimeProps_33<BentoPromoBannerProps>, {
12739
12156
  actions: any;
12740
12157
  color: BentoPromoBannerColor;
12741
12158
  isDismissible: boolean;
@@ -12743,7 +12160,7 @@ dismissButtonText: any;
12743
12160
  layout: BentoPromoBannerLayout;
12744
12161
  }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
12745
12162
  dismiss: () => void;
12746
- }, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_31<__VLS_TypePropsToRuntimeProps_31<BentoPromoBannerProps>, {
12163
+ }, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_33<__VLS_TypePropsToRuntimeProps_33<BentoPromoBannerProps>, {
12747
12164
  actions: any;
12748
12165
  color: BentoPromoBannerColor;
12749
12166
  isDismissible: boolean;
@@ -13312,7 +12729,7 @@ export declare type BentoRangeFilterOptions = {
13312
12729
  * `
13313
12730
  * }
13314
12731
  */
13315
- export declare const BentoRichTextEditor: DefineComponent<__VLS_WithDefaults_33<__VLS_TypePropsToRuntimeProps_33<BentoRichTextEditorProps>, {
12732
+ export declare const BentoRichTextEditor: DefineComponent<__VLS_WithDefaults_35<__VLS_TypePropsToRuntimeProps_35<BentoRichTextEditorProps>, {
13316
12733
  description: any;
13317
12734
  disabled: boolean;
13318
12735
  errorMessage: any;
@@ -13324,7 +12741,7 @@ tooltipText: any;
13324
12741
  value: any;
13325
12742
  }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
13326
12743
  input: (value: string) => void;
13327
- }, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_33<__VLS_TypePropsToRuntimeProps_33<BentoRichTextEditorProps>, {
12744
+ }, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_35<__VLS_TypePropsToRuntimeProps_35<BentoRichTextEditorProps>, {
13328
12745
  description: any;
13329
12746
  disabled: boolean;
13330
12747
  errorMessage: any;
@@ -13436,9 +12853,10 @@ export declare interface BentoRichTextEditorProps {
13436
12853
  * }
13437
12854
  * }
13438
12855
  */
13439
- export declare const BentoSearchBar: DefineComponent<__VLS_WithDefaults_34<__VLS_TypePropsToRuntimeProps_34<BentoSearchBarProps>, {
12856
+ export declare const BentoSearchBar: DefineComponent<__VLS_WithDefaults_36<__VLS_TypePropsToRuntimeProps_36<BentoSearchBarProps>, {
13440
12857
  condensed: boolean;
13441
12858
  debounceTime: number;
12859
+ disabled: boolean;
13442
12860
  hint: string;
13443
12861
  placeholder: string;
13444
12862
  value: any;
@@ -13457,15 +12875,17 @@ clear: () => void;
13457
12875
  blur: () => void;
13458
12876
  } & {
13459
12877
  focus: () => void;
13460
- }, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_34<__VLS_TypePropsToRuntimeProps_34<BentoSearchBarProps>, {
12878
+ }, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_36<__VLS_TypePropsToRuntimeProps_36<BentoSearchBarProps>, {
13461
12879
  condensed: boolean;
13462
12880
  debounceTime: number;
12881
+ disabled: boolean;
13463
12882
  hint: string;
13464
12883
  placeholder: string;
13465
12884
  value: any;
13466
12885
  }>>>, {
13467
12886
  value: string;
13468
12887
  condensed: boolean;
12888
+ disabled: boolean;
13469
12889
  placeholder: string;
13470
12890
  debounceTime: number;
13471
12891
  hint: string;
@@ -13504,6 +12924,10 @@ export declare interface BentoSearchBarProps {
13504
12924
  * Custom debounce time. Default: 300
13505
12925
  */
13506
12926
  debounceTime?: number;
12927
+ /**
12928
+ * Disables the text input.
12929
+ */
12930
+ disabled?: boolean;
13507
12931
  /**
13508
12932
  * Text displayed as a hint when the field is not empty
13509
12933
  */
@@ -13540,7 +12964,7 @@ export declare interface BentoSearchBarProps {
13540
12964
  * }
13541
12965
  * }
13542
12966
  */
13543
- export declare const BentoSecondaryNav: DefineComponent<__VLS_TypePropsToRuntimeProps_35<{
12967
+ export declare const BentoSecondaryNav: DefineComponent<__VLS_TypePropsToRuntimeProps_37<{
13544
12968
  /**
13545
12969
  * An array containing all the items on the nav. The array can have either {@see BentoSecondaryNavItemsCategory },
13546
12970
  * which is used to group different items or {@see BentoSecondaryNavItemsItem } if you don't need to group them.
@@ -13553,7 +12977,7 @@ items: BentoSecondaryNavItems;
13553
12977
  value?: string;
13554
12978
  }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
13555
12979
  change: (category: string) => void;
13556
- }, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_35<{
12980
+ }, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_37<{
13557
12981
  /**
13558
12982
  * An array containing all the items on the nav. The array can have either {@see BentoSecondaryNavItemsCategory },
13559
12983
  * which is used to group different items or {@see BentoSecondaryNavItemsItem } if you don't need to group them.
@@ -13598,7 +13022,7 @@ export declare interface BentoSecondaryNavState {
13598
13022
  * `
13599
13023
  * }
13600
13024
  */
13601
- export declare const BentoSegmentedControl: DefineComponent<__VLS_WithDefaults_35<__VLS_TypePropsToRuntimeProps_36<BentoSegmentedControlProps>, {
13025
+ export declare const BentoSegmentedControl: DefineComponent<__VLS_WithDefaults_37<__VLS_TypePropsToRuntimeProps_38<BentoSegmentedControlProps>, {
13602
13026
  ariaLabel: any;
13603
13027
  fullWidth: boolean;
13604
13028
  wrap: boolean;
@@ -13607,7 +13031,7 @@ modelValue: any;
13607
13031
  "update:model-value": (value: any) => void;
13608
13032
  } & {
13609
13033
  input: (value: BentoSegmentedControlValue) => void;
13610
- }, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_35<__VLS_TypePropsToRuntimeProps_36<BentoSegmentedControlProps>, {
13034
+ }, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_37<__VLS_TypePropsToRuntimeProps_38<BentoSegmentedControlProps>, {
13611
13035
  ariaLabel: any;
13612
13036
  fullWidth: boolean;
13613
13037
  wrap: boolean;
@@ -14573,7 +13997,7 @@ destructiveActions: boolean;
14573
13997
  * `
14574
13998
  * }
14575
13999
  */
14576
- export declare const BentoStatus: __VLS_WithTemplateSlots_39<DefineComponent<__VLS_TypePropsToRuntimeProps_37<BentoStatusProps>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_37<BentoStatusProps>>>, {}>, {
14000
+ export declare const BentoStatus: __VLS_WithTemplateSlots_39<DefineComponent<__VLS_TypePropsToRuntimeProps_39<BentoStatusProps>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_39<BentoStatusProps>>>, {}>, {
14577
14001
  default: (_: {}) => any;
14578
14002
  }>;
14579
14003
 
@@ -14789,7 +14213,7 @@ declare interface BentoStickyTabsOptions {
14789
14213
  * `
14790
14214
  * }
14791
14215
  */
14792
- export declare const BentoStructuredList: __VLS_WithTemplateSlots_42<DefineComponent<__VLS_WithDefaults_36<__VLS_TypePropsToRuntimeProps_38<{
14216
+ export declare const BentoStructuredList: __VLS_WithTemplateSlots_42<DefineComponent<__VLS_WithDefaults_38<__VLS_TypePropsToRuntimeProps_40<{
14793
14217
  /**
14794
14218
  * Width of the labels container, in pixels. Overrides layout prop.
14795
14219
  */
@@ -14813,7 +14237,7 @@ layout?: BentoStructuredListLayoutOptions;
14813
14237
  }>, {
14814
14238
  labelsWidth: any;
14815
14239
  layout: string;
14816
- }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_36<__VLS_TypePropsToRuntimeProps_38<{
14240
+ }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_38<__VLS_TypePropsToRuntimeProps_40<{
14817
14241
  /**
14818
14242
  * Width of the labels container, in pixels. Overrides layout prop.
14819
14243
  */
@@ -14867,7 +14291,7 @@ labelsWidth: number;
14867
14291
  * `
14868
14292
  * }
14869
14293
  */
14870
- export declare const BentoStructuredListItem: __VLS_WithTemplateSlots_43<DefineComponent<__VLS_TypePropsToRuntimeProps_39<{
14294
+ export declare const BentoStructuredListItem: __VLS_WithTemplateSlots_43<DefineComponent<__VLS_TypePropsToRuntimeProps_41<{
14871
14295
  /**
14872
14296
  * Label to display for the value
14873
14297
  */
@@ -14892,7 +14316,7 @@ searchTooltip?: string;
14892
14316
  * Truncates the value of the item
14893
14317
  */
14894
14318
  truncate?: boolean;
14895
- }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_39<{
14319
+ }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_41<{
14896
14320
  /**
14897
14321
  * Label to display for the value
14898
14322
  */
@@ -14947,10 +14371,10 @@ declare const BentoStructuredListLayoutOptions: string[];
14947
14371
  * `
14948
14372
  * }
14949
14373
  */
14950
- export declare const BentoSummaryGrid: __VLS_WithTemplateSlots_44<DefineComponent<__VLS_WithDefaults_37<__VLS_TypePropsToRuntimeProps_40<BentoSummaryGridProps>, {
14374
+ export declare const BentoSummaryGrid: __VLS_WithTemplateSlots_44<DefineComponent<__VLS_WithDefaults_39<__VLS_TypePropsToRuntimeProps_42<BentoSummaryGridProps>, {
14951
14375
  columnWidth: any;
14952
14376
  slashedZero: boolean;
14953
- }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_37<__VLS_TypePropsToRuntimeProps_40<BentoSummaryGridProps>, {
14377
+ }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_39<__VLS_TypePropsToRuntimeProps_42<BentoSummaryGridProps>, {
14954
14378
  columnWidth: any;
14955
14379
  slashedZero: boolean;
14956
14380
  }>>>, {
@@ -14985,7 +14409,7 @@ export declare interface BentoSummaryGridColumnWidth {
14985
14409
  * `
14986
14410
  * }
14987
14411
  */
14988
- export declare const BentoSummaryGridItemAmount: __VLS_WithTemplateSlots_45<DefineComponent<__VLS_WithDefaults_38<__VLS_TypePropsToRuntimeProps_41<BentoSummaryGridItemAmountProps>, {
14412
+ export declare const BentoSummaryGridItemAmount: __VLS_WithTemplateSlots_45<DefineComponent<__VLS_WithDefaults_40<__VLS_TypePropsToRuntimeProps_43<BentoSummaryGridItemAmountProps>, {
14989
14413
  copy: any;
14990
14414
  fitContent: boolean;
14991
14415
  infoIconTooltipText: any;
@@ -15002,7 +14426,7 @@ underlineTooltipText: any;
15002
14426
  "copy-click": (event: MouseEvent) => void;
15003
14427
  } & {
15004
14428
  "info-icon-mouseenter": (event: MouseEvent) => void;
15005
- }, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_38<__VLS_TypePropsToRuntimeProps_41<BentoSummaryGridItemAmountProps>, {
14429
+ }, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_40<__VLS_TypePropsToRuntimeProps_43<BentoSummaryGridItemAmountProps>, {
15006
14430
  copy: any;
15007
14431
  fitContent: boolean;
15008
14432
  infoIconTooltipText: any;
@@ -15062,7 +14486,7 @@ export declare interface BentoSummaryGridItemAmountProps extends BaseSummaryGrid
15062
14486
  * `
15063
14487
  * }
15064
14488
  */
15065
- export declare const BentoSummaryGridItemCustom: __VLS_WithTemplateSlots_49<DefineComponent<__VLS_WithDefaults_42<__VLS_TypePropsToRuntimeProps_45<BentoSummaryGridItemCustomProps>, {
14489
+ export declare const BentoSummaryGridItemCustom: __VLS_WithTemplateSlots_49<DefineComponent<__VLS_WithDefaults_44<__VLS_TypePropsToRuntimeProps_47<BentoSummaryGridItemCustomProps>, {
15066
14490
  copy: any;
15067
14491
  infoIconTooltipText: any;
15068
14492
  fitContent: boolean;
@@ -15072,7 +14496,7 @@ underlineTooltipText: any;
15072
14496
  "copy-click": (event: MouseEvent) => void;
15073
14497
  } & {
15074
14498
  "info-icon-mouseenter": (event: MouseEvent) => void;
15075
- }, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_42<__VLS_TypePropsToRuntimeProps_45<BentoSummaryGridItemCustomProps>, {
14499
+ }, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_44<__VLS_TypePropsToRuntimeProps_47<BentoSummaryGridItemCustomProps>, {
15076
14500
  copy: any;
15077
14501
  infoIconTooltipText: any;
15078
14502
  fitContent: boolean;
@@ -15136,7 +14560,7 @@ export declare interface BentoSummaryGridItemCustomProps {
15136
14560
  * `
15137
14561
  * }
15138
14562
  */
15139
- export declare const BentoSummaryGridItemNumeric: __VLS_WithTemplateSlots_46<DefineComponent<__VLS_WithDefaults_39<__VLS_TypePropsToRuntimeProps_42<BentoSummaryGridItemNumericProps>, {
14563
+ export declare const BentoSummaryGridItemNumeric: __VLS_WithTemplateSlots_46<DefineComponent<__VLS_WithDefaults_41<__VLS_TypePropsToRuntimeProps_44<BentoSummaryGridItemNumericProps>, {
15140
14564
  copy: any;
15141
14565
  fitContent: boolean;
15142
14566
  infoIconTooltipText: any;
@@ -15152,7 +14576,7 @@ underlineTooltipText: any;
15152
14576
  "copy-click": (event: MouseEvent) => void;
15153
14577
  } & {
15154
14578
  "info-icon-mouseenter": (event: MouseEvent) => void;
15155
- }, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_39<__VLS_TypePropsToRuntimeProps_42<BentoSummaryGridItemNumericProps>, {
14579
+ }, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_41<__VLS_TypePropsToRuntimeProps_44<BentoSummaryGridItemNumericProps>, {
15156
14580
  copy: any;
15157
14581
  fitContent: boolean;
15158
14582
  infoIconTooltipText: any;
@@ -15211,7 +14635,7 @@ export declare interface BentoSummaryGridItemNumericProps extends BaseSummaryGri
15211
14635
  * `
15212
14636
  * }
15213
14637
  */
15214
- export declare const BentoSummaryGridItemPercentage: __VLS_WithTemplateSlots_47<DefineComponent<__VLS_WithDefaults_40<__VLS_TypePropsToRuntimeProps_43<BentoSummaryGridItemPercentageProps>, {
14638
+ export declare const BentoSummaryGridItemPercentage: __VLS_WithTemplateSlots_47<DefineComponent<__VLS_WithDefaults_42<__VLS_TypePropsToRuntimeProps_45<BentoSummaryGridItemPercentageProps>, {
15215
14639
  copy: any;
15216
14640
  fitContent: boolean;
15217
14641
  infoIconTooltipText: any;
@@ -15227,7 +14651,7 @@ underlineTooltipText: any;
15227
14651
  "copy-click": (event: MouseEvent) => void;
15228
14652
  } & {
15229
14653
  "info-icon-mouseenter": (event: MouseEvent) => void;
15230
- }, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_40<__VLS_TypePropsToRuntimeProps_43<BentoSummaryGridItemPercentageProps>, {
14654
+ }, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_42<__VLS_TypePropsToRuntimeProps_45<BentoSummaryGridItemPercentageProps>, {
15231
14655
  copy: any;
15232
14656
  fitContent: boolean;
15233
14657
  infoIconTooltipText: any;
@@ -15292,7 +14716,7 @@ export declare enum BentoSummaryGridItemSize {
15292
14716
  * `
15293
14717
  * }
15294
14718
  */
15295
- export declare const BentoSummaryGridItemText: __VLS_WithTemplateSlots_48<DefineComponent<__VLS_WithDefaults_41<__VLS_TypePropsToRuntimeProps_44<BentoSummaryGridItemTextProps>, {
14719
+ export declare const BentoSummaryGridItemText: __VLS_WithTemplateSlots_48<DefineComponent<__VLS_WithDefaults_43<__VLS_TypePropsToRuntimeProps_46<BentoSummaryGridItemTextProps>, {
15296
14720
  copy: any;
15297
14721
  fitContent: boolean;
15298
14722
  infoIconTooltipText: any;
@@ -15302,7 +14726,7 @@ underlineTooltipText: any;
15302
14726
  "copy-click": (event: MouseEvent) => void;
15303
14727
  } & {
15304
14728
  "info-icon-mouseenter": (event: MouseEvent) => void;
15305
- }, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_41<__VLS_TypePropsToRuntimeProps_44<BentoSummaryGridItemTextProps>, {
14729
+ }, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_43<__VLS_TypePropsToRuntimeProps_46<BentoSummaryGridItemTextProps>, {
15306
14730
  copy: any;
15307
14731
  fitContent: boolean;
15308
14732
  infoIconTooltipText: any;
@@ -15394,12 +14818,12 @@ export declare interface BentoSummaryGridProps {
15394
14818
  * </bento-tabs>
15395
14819
  * </template>
15396
14820
  */
15397
- export declare const BentoTab: __VLS_WithTemplateSlots_50<DefineComponent<__VLS_WithDefaults_43<__VLS_TypePropsToRuntimeProps_46<BentoTabProps>, {
14821
+ export declare const BentoTab: __VLS_WithTemplateSlots_50<DefineComponent<__VLS_WithDefaults_45<__VLS_TypePropsToRuntimeProps_48<BentoTabProps>, {
15398
14822
  counter: any;
15399
14823
  disabled: boolean;
15400
14824
  hidden: boolean;
15401
14825
  withNotificationIndicator: boolean;
15402
- }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_43<__VLS_TypePropsToRuntimeProps_46<BentoTabProps>, {
14826
+ }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_45<__VLS_TypePropsToRuntimeProps_48<BentoTabProps>, {
15403
14827
  counter: any;
15404
14828
  disabled: boolean;
15405
14829
  hidden: boolean;
@@ -15548,11 +14972,11 @@ declare enum BentoTabsEvent {
15548
14972
  ACTIVE_TAB_INDEX = "update:active-tab-index"
15549
14973
  }
15550
14974
 
15551
- export declare const BentoTag: DefineComponent<__VLS_WithDefaults_32<__VLS_TypePropsToRuntimeProps_32<BentoTagProps>, {
14975
+ export declare const BentoTag: DefineComponent<__VLS_WithDefaults_34<__VLS_TypePropsToRuntimeProps_34<BentoTagProps>, {
15552
14976
  label: any;
15553
14977
  truncate: any;
15554
14978
  variant: BentoTagVariant;
15555
- }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_32<__VLS_TypePropsToRuntimeProps_32<BentoTagProps>, {
14979
+ }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_34<__VLS_TypePropsToRuntimeProps_34<BentoTagProps>, {
15556
14980
  label: any;
15557
14981
  truncate: any;
15558
14982
  variant: BentoTagVariant;
@@ -17007,6 +16431,15 @@ export declare const BentoTooltipPosition: {
17007
16431
 
17008
16432
  export declare type BentoTooltipPosition = PopperContainerPositionBasic;
17009
16433
 
16434
+ declare const BentoTooltipPosition_2: {
16435
+ TOP: PopperContainerPositionBasic.TOP;
16436
+ RIGHT: PopperContainerPositionBasic.RIGHT;
16437
+ BOTTOM: PopperContainerPositionBasic.BOTTOM;
16438
+ LEFT: PopperContainerPositionBasic.LEFT;
16439
+ };
16440
+
16441
+ declare type BentoTooltipPosition_2 = PopperContainerPositionBasic;
16442
+
17010
16443
  export declare enum BentoTooltipState {
17011
16444
  HIDDEN = "hidden"
17012
16445
  }
@@ -17133,7 +16566,7 @@ export declare interface BentoTutorialStep {
17133
16566
  * `
17134
16567
  * }
17135
16568
  */
17136
- export declare const BentoTypography: __VLS_WithTemplateSlots_51<DefineComponent<__VLS_WithDefaults_44<__VLS_TypePropsToRuntimeProps_47<{
16569
+ export declare const BentoTypography: __VLS_WithTemplateSlots_51<DefineComponent<__VLS_WithDefaults_46<__VLS_TypePropsToRuntimeProps_49<{
17137
16570
  /**
17138
16571
  * Sets the HTML DOM element.
17139
16572
  * @values h1, h2, h3, h4, h5, h6, div, p, span
@@ -17181,7 +16614,7 @@ stronger: boolean;
17181
16614
  strongest: boolean;
17182
16615
  variant: BentoTypographyVariant;
17183
16616
  wide: boolean;
17184
- }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_44<__VLS_TypePropsToRuntimeProps_47<{
16617
+ }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_46<__VLS_TypePropsToRuntimeProps_49<{
17185
16618
  /**
17186
16619
  * Sets the HTML DOM element.
17187
16620
  * @values h1, h2, h3, h4, h5, h6, div, p, span
@@ -17289,8 +16722,6 @@ export declare type Binding<V> = DirectiveBinding<V> & KeyboardNavigation;
17289
16722
 
17290
16723
  export declare type Booleanish = boolean | 'true' | 'false';
17291
16724
 
17292
- declare type ButtonProps = InstanceType<typeof BentoButton>['$props'];
17293
-
17294
16725
  declare type CalendarGranularityType = 'daily' | 'weekly' | 'monthly' | 'quarterly';
17295
16726
 
17296
16727
  declare enum CalendarMonthFirstDayOfWeek {
@@ -17336,14 +16767,6 @@ export declare enum DateFormat {
17336
16767
  HOUR_MINUTE_SECONDS = "HH:mm:ss"
17337
16768
  }
17338
16769
 
17339
- declare interface DateRangePickerCalendarFormData {
17340
- startDate: string;
17341
- endDate: string;
17342
- startTime?: string;
17343
- endTime?: string;
17344
- granularity?: CalendarGranularityType;
17345
- }
17346
-
17347
16770
  declare interface DateRangePickerCalendarRangeSelectorItem {
17348
16771
  label: string;
17349
16772
  value: string;
@@ -17714,76 +17137,6 @@ declare interface KeyboardNavigation {
17714
17137
  keyDownListener?: ListenerCleanup;
17715
17138
  }
17716
17139
 
17717
- export declare interface LinkProps {
17718
- /**
17719
- * Disable the default typography for the component. Only use this when the component is inside another typography component.
17720
- */
17721
- disableTypography?: boolean;
17722
- /**
17723
- * Set the rendered link to a regular external anchor link and renders an external link icon.
17724
- */
17725
- external?: boolean;
17726
- /**
17727
- * Set to true if used inside a `BentoButton` component.
17728
- */
17729
- isButton?: boolean;
17730
- /**
17731
- * Set the rendered link to a regular external anchor link.
17732
- */
17733
- isNotRouting?: boolean;
17734
- /**
17735
- * Sets the target of the rendered link.
17736
- */
17737
- target?: string;
17738
- /**
17739
- * Set to true to truncate link. Doesn't work with disableTypography.
17740
- */
17741
- truncate?: boolean;
17742
- /**
17743
- * Link variant type affecting visual style.
17744
- * @values default, quiet
17745
- */
17746
- variant?: BentoLinkVariant | `${BentoLinkVariant}`;
17747
- }
17748
-
17749
- declare interface LinkProps_2 {
17750
- /**
17751
- * Disable the default typography for the component. Only use this when the component is inside another typography component.
17752
- */
17753
- disableTypography?: boolean;
17754
-
17755
- /**
17756
- * Set the rendered link to a regular external anchor link and renders an external link icon.
17757
- */
17758
- external?: boolean;
17759
-
17760
- /**
17761
- * Set to true if used inside a `BentoButton` component.
17762
- */
17763
- isButton?: boolean;
17764
-
17765
- /**
17766
- * Set the rendered link to a regular external anchor link.
17767
- */
17768
- isNotRouting?: boolean;
17769
-
17770
- /**
17771
- * Sets the target of the rendered link.
17772
- */
17773
- target?: string;
17774
-
17775
- /**
17776
- * Set to true to truncate link. Doesn't work with disableTypography.
17777
- */
17778
- truncate?: boolean;
17779
-
17780
- /**
17781
- * Link variant type affecting visual style.
17782
- * @values default, quiet
17783
- */
17784
- variant?: BentoLinkVariant_2 | `${BentoLinkVariant_2}`;
17785
- }
17786
-
17787
17140
  declare type ListenerCleanup = () => void;
17788
17141
 
17789
17142
  /**