@adyen/bento-vue2 1.50.0 → 1.52.0

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "@adyen/bento-vue2",
-  "version": "1.50.0",
+  "version": "1.52.0",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -1420,6 +1420,15 @@
               },
               "default": "null"
             },
+            {
+              "name": "variant",
+              "description": "The type of calendar to display. Defaults to showing days.",
+              "value": {
+                "kind": "expression",
+                "type": "`${BentoDatePickerVariant}`"
+              },
+              "default": "undefined"
+            },
             {
               "name": "defaultDisplayMonth",
               "description": "Default start date for the calendar pane",
@@ -1675,6 +1684,15 @@
                 "type": "DateRangePickerCalendar.props.value"
               }
             },
+            {
+              "name": "variant",
+              "description": "The type of calendar to display. Defaults to showing days.",
+              "value": {
+                "kind": "expression",
+                "type": "`${BentoDateRangePickerVariant}`"
+              },
+              "default": "undefined"
+            },
             {
               "name": "hasActions",
               "description": "Enables the date picker selection to persist until it is explicitly applied.\nDisplays a set of buttons: Apply and Cancel.",
@@ -1834,79 +1852,6 @@
             "symbol": "default"
           }
         },
-        {
-          "name": "bento-input-filter",
-          "description": "",
-          "attributes": [
-            {
-              "name": "disabled",
-              "description": "Disables the filter from being interacted with.",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "defaultValue",
-              "description": "Default value of the filter to reset to.",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              },
-              "default": "null"
-            },
-            {
-              "name": "field",
-              "required": true,
-              "description": "Filter name/key referencing the actual property name in the data set.\nShould be unique per filter bar.",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              }
-            },
-            {
-              "name": "label",
-              "required": true,
-              "description": "Label text to be displayed",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              }
-            },
-            {
-              "name": "value",
-              "description": "Current value of the filter.\nIf the options.variant is equal to 'dropdown', the value should be of type `{ inputValue: string | null; dropdownValue?: string }`.",
-              "value": {
-                "kind": "expression",
-                "type": "BentoInputFilterValue"
-              },
-              "default": "null"
-            },
-            {
-              "name": "onlySlot",
-              "description": "Renders the base filter's slot content only - leaving out the button and the popover.\nUsed for the allFiltersModal component.",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "options",
-              "description": "List of options that are needed to setup the filter\nAvailable options:\n  - dropdown: all the dropdown properties that can be set in the inner dropdown of the input field. @see BentoDropdown for more info.\n  - dropdownPosition: allow the user to set the dropdown on the left or right side. Accepts the `start` or `end` values.",
-              "value": {
-                "kind": "expression",
-                "type": "BentoInputFilterOptions"
-              },
-              "default": "undefined"
-            }
-          ],
-          "source": {
-            "module": "./src/components/filter-bar/components/input-filter/input-filter.vue",
-            "symbol": "default"
-          }
-        },
         {
           "name": "bento-listbox",
           "description": "Listbox container.\nIt lists all the available options.",
@@ -2047,84 +1992,6 @@
             "symbol": "default"
           }
         },
-        {
-          "name": "bento-listbox-multi-select",
-          "description": "Listbox multi-select options list",
-          "attributes": [
-            {
-              "name": "hasMoreItems",
-              "description": "Indicates whether there are more items to load",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "isOptionDisabled",
-              "description": "Function that allows the options to be disabled",
-              "value": {
-                "kind": "expression",
-                "type": "BentoListboxIsOptionDisabled"
-              },
-              "default": "() => false"
-            },
-            {
-              "name": "items",
-              "required": true,
-              "description": "The option elements to populate the listbox with.\nIt must be an array of {@see BentoListboxOptionItem }.",
-              "value": {
-                "kind": "expression",
-                "type": "BentoListboxOptions"
-              }
-            },
-            {
-              "name": "lazyLoadType",
-              "description": "The type of `Lazy Load`.\nType \"automatic\" will enable infinite scrolling\nType \"button\" will enable lazy loading with \"Show more\" button",
-              "value": {
-                "kind": "expression",
-                "type": "BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`"
-              },
-              "default": "BentoListboxLazyLoadType.NONE"
-            },
-            {
-              "name": "searching",
-              "description": "Flag that indicates that an external search it's being made\nto filter out the items inside the the multi-select listbox\n\nIf enabled, hides the \"Select all\" checkbox in \"multiple\" mode.",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "selectedValues",
-              "required": true,
-              "description": "The `input` value.\nProviding an empty array will select no options.",
-              "value": {
-                "kind": "expression",
-                "type": "BentoListboxOptions"
-              }
-            },
-            {
-              "name": "staticCategories",
-              "description": "If enabled, dropdown will display non-selectable, static categories",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
-            }
-          ],
-          "slots": [
-            {
-              "name": "innerSlot"
-            }
-          ],
-          "source": {
-            "module": "./src/components/internal/listbox/components/listbox-multi-select/listbox-multi-select.vue",
-            "symbol": "default"
-          }
-        },
         {
           "name": "bento-listbox-multi-select-category",
           "description": "Listbox multi-select category list.\nAllows the rendering of nested lists",
@@ -2438,11 +2305,23 @@
                 "type": "boolean"
               },
               "default": "false"
+            },
+            {
+              "name": "closeOnClickOutsideOptions",
+              "description": "Can be used to set the inner teleport component to render the menu's popover in the root `body` DOM node\n(or `dialog` if popover is inside a dialog).",
+              "value": {
+                "kind": "expression",
+                "type": "OnClickOutsideOptions"
+              },
+              "default": "undefined"
             }
           ],
           "events": [
             {
               "name": "menu-item-click"
+            },
+            {
+              "name": "click-outside"
             }
           ],
           "slots": [
@@ -3548,6 +3427,15 @@
                 "type": "BentoButtonActionsList"
               }
             },
+            {
+              "name": "actionsLayout",
+              "description": "Defines the layout in which the button actions is presented.",
+              "value": {
+                "kind": "expression",
+                "type": "`${BentoButtonActionsLayout}`"
+              },
+              "default": "BentoButtonActionsLayout.BUTTONS_END"
+            },
             {
               "name": "disableResponsiveBehavior",
               "description": "The number of actions to be displayed. The rest of the actions will be collapsed in a menu component.",
@@ -3575,6 +3463,15 @@
               },
               "default": "false"
             },
+            {
+              "name": "hideDisplayedActionsBreakpoint",
+              "description": "The min-width breakpoint to hide the button actions.\n\nFor example, a value of 200 means that buttons will be hidden at <= 200px.\n\nDefaults to 0 i.e. it shows all buttons.",
+              "value": {
+                "kind": "expression",
+                "type": "number"
+              },
+              "default": "0"
+            },
             {
               "name": "menuPosition",
               "description": "The position of where the menu should open.",
@@ -3607,8 +3504,9 @@
               "description": "Allows you to set the first day of the week. 0 is sunday, 1 is monday, 6 is saturday",
               "value": {
                 "kind": "expression",
-                "type": "CalendarMonth.props.firstDayOfWeek"
-              }
+                "type": "CalendarMonthFirstDayOfWeek"
+              },
+              "default": "CalendarMonthFirstDayOfWeek.MONDAY"
             },
             {
               "name": "granularity",
@@ -3624,16 +3522,18 @@
               "description": "Indicate if a date should be disabled or not",
               "value": {
                 "kind": "expression",
-                "type": "CalendarMonth.props.isDateDisabled"
-              }
+                "type": "CalendarMonthIsDateDisabled"
+              },
+              "default": "undefined"
             },
             {
               "name": "isRange",
               "description": "Enables the Date Range calendar",
               "value": {
                 "kind": "expression",
-                "type": "CalendarMonth.props.isRange"
-              }
+                "type": "boolean"
+              },
+              "default": "false"
             },
             {
               "name": "maxRange",
@@ -3649,16 +3549,18 @@
               "description": "Sets a minimum limit for selectable dates - dates before `min` will not be selectable",
               "value": {
                 "kind": "expression",
-                "type": "CalendarMonth.props.min"
-              }
+                "type": "date"
+              },
+              "default": "null"
             },
             {
               "name": "max",
               "description": "Sets a maximum limit for selectable dates - dates after `max` will not be selectable",
               "value": {
                 "kind": "expression",
-                "type": "CalendarMonth.props.max"
-              }
+                "type": "date"
+              },
+              "default": "null"
             },
             {
               "name": "numberOfMonths",
@@ -3695,6 +3597,15 @@
                 "type": "string"
               },
               "default": "null"
+            },
+            {
+              "name": "variant",
+              "description": "The type of calendar to display. Defaults to showing days.",
+              "value": {
+                "kind": "expression",
+                "type": "`${CalendarVariant}`"
+              },
+              "default": "'day'"
             }
           ],
           "source": {
@@ -3774,9 +3685,9 @@
               "description": "When rendering multiple calendars, this property allows to render the\nNext and Previous calendar buttons to the right, left or not at all\ndepending on the position: Unique (only 1), First, Middle or Last",
               "value": {
                 "kind": "expression",
-                "type": "CalendarMonthPosition"
+                "type": "`${CalendarPosition}`"
               },
-              "default": "CalendarMonthPosition.UNIQUE"
+              "default": "'unique'"
             },
             {
               "name": "startDate",
@@ -3803,24 +3714,229 @@
           "description": "Handles the styles and states of the individual dates of the calendar.",
           "events": [
             {
-              "name": "<undefined>"
+              "name": "<undefined>"
+            }
+          ],
+          "source": {
+            "module": "./src/components/internal/calendar/components/calendar-month/components/calendar-month-day/calendar-month-day.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "calendar-month-day-stub",
+          "description": "",
+          "events": [
+            {
+              "name": "<undefined>"
+            }
+          ],
+          "source": {
+            "module": "./src/components/internal/calendar/components/calendar-month/components/calendar-month-day/__test__/calendar-month-day-stub.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "calendar-year",
+          "description": "",
+          "attributes": [
+            {
+              "name": "endDate",
+              "required": false,
+              "description": "end of the selected range",
+              "value": {
+                "kind": "expression",
+                "type": "Date"
+              },
+              "default": "null"
+            },
+            {
+              "name": "isDateDisabled",
+              "required": false,
+              "description": "Indicate if a date should be disabled or not",
+              "value": {
+                "kind": "expression",
+                "type": "TSFunctionType"
+              },
+              "default": "undefined"
+            },
+            {
+              "name": "isRange",
+              "required": false,
+              "description": "Indicates if the calendar is part of a range date picker or a single date picker",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "min",
+              "required": false,
+              "description": "Sets a minimum limit for selectable dates - dates before `min` will not be selectable",
+              "value": {
+                "kind": "expression",
+                "type": "Date"
+              },
+              "default": "null"
+            },
+            {
+              "name": "max",
+              "required": false,
+              "description": "Sets a maximum limit for selectable dates - dates after `max` will not be selectable",
+              "value": {
+                "kind": "expression",
+                "type": "Date"
+              },
+              "default": "null"
+            },
+            {
+              "name": "position",
+              "required": false,
+              "description": "When rendering multiple calendars, this property allows to render the\nNext and Previous calendar buttons to the right, left or not at all\ndepending on the position: Unique (only 1), First, Middle or Last",
+              "value": {
+                "kind": "expression",
+                "type": "TSLiteralType"
+              },
+              "default": "'unique'"
+            },
+            {
+              "name": "startDate",
+              "required": false,
+              "description": "start of the selected range",
+              "value": {
+                "kind": "expression",
+                "type": "Date"
+              },
+              "default": "null"
+            },
+            {
+              "name": "year",
+              "required": true,
+              "description": "Year to be displayed in the calendar",
+              "value": {
+                "kind": "expression",
+                "type": "Date"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "input"
+            },
+            {
+              "name": "mouseover"
+            }
+          ],
+          "source": {
+            "module": "./src/components/internal/calendar/components/calendar-year/calendar-year.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "calendar-year-month",
+          "description": "",
+          "attributes": [
+            {
+              "name": "month",
+              "required": true,
+              "description": "Date to be displayed as the calendar month. From 1st to 12th.",
+              "value": {
+                "kind": "expression",
+                "type": "Date"
+              }
+            },
+            {
+              "name": "disabled",
+              "required": false,
+              "description": "Indicate if a date should be disabled or not",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "selected",
+              "required": false,
+              "description": "Changes the state of the calendar month to selected.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "variant",
+              "required": false,
+              "description": "When the month is selected, this indicates if the selection is a single month or part of a range.\nIf it's a range it can be at the beginning, middle or end of the selection.",
+              "value": {
+                "kind": "expression",
+                "type": "TSLiteralType"
+              },
+              "default": "CalendarYearMonthVariant.SINGLE"
+            }
+          ],
+          "events": [
+            {
+              "name": "click"
+            },
+            {
+              "name": "mouseover"
             }
           ],
           "source": {
-            "module": "./src/components/internal/calendar/components/calendar-month/components/calendar-month-day/calendar-month-day.vue",
+            "module": "./src/components/internal/calendar/components/calendar-year/components/calendar-year-month.vue/calendar-year-month.vue",
             "symbol": "default"
           }
         },
         {
-          "name": "calendar-month-day-stub",
+          "name": "calendar-year-month-stub",
           "description": "",
+          "attributes": [
+            {
+              "name": "month",
+              "required": true,
+              "description": "Date to be displayed as the calendar month. From 1st to 12th.",
+              "value": {
+                "kind": "expression",
+                "type": "Date"
+              }
+            },
+            {
+              "name": "disabled",
+              "required": false,
+              "description": "Indicate if a date should be disabled or not",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "selected",
+              "required": false,
+              "description": "Changes the state of the calendar month to selected.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "variant",
+              "required": false,
+              "description": "When the month is selected, this indicates if the selection is a single month or part of a range.\nIf it's a range it can be at the beginning, middle or end of the selection.",
+              "value": {
+                "kind": "expression",
+                "type": "TSLiteralType"
+              }
+            }
+          ],
           "events": [
             {
               "name": "<undefined>"
             }
           ],
           "source": {
-            "module": "./src/components/internal/calendar/components/calendar-month/components/calendar-month-day/__test__/calendar-month-day-stub.vue",
+            "module": "./src/components/internal/calendar/components/calendar-year/components/calendar-year-month.vue/__test__/calendar-year-month-stub.vue",
             "symbol": "default"
           }
         },
@@ -5807,6 +5923,14 @@
                 "type": "BentoDateRangePickerValue"
               },
               "default": "undefined"
+            },
+            {
+              "name": "variant",
+              "description": "The type of calendar to display. Defaults to showing days.",
+              "value": {
+                "kind": "expression",
+                "type": "Calendar.props.variant"
+              }
             }
           ],
           "slots": [
@@ -7663,7 +7787,8 @@
           "attributes": [
             {
               "name": "config",
-              "description": "Array of filters based on {@see BentoFilterBarModel}.\nEach one of the elements in the array correspond to a filter that will\nbe created and rendered in the FilterBar.",
+              "required": false,
+              "description": "Array of filters based on @see {@link BentoFilterBarModel}.\nEach one of the elements in the array correspond to a filter that will\nbe created and rendered in the FilterBar.",
               "value": {
                 "kind": "expression",
                 "type": "BentoFilterBarModel"
@@ -7671,40 +7796,54 @@
               "default": "() => []"
             },
             {
-              "name": "searchTerm",
-              "description": "Search term useful to filter all the data by text.\nIf the value is non-existant (null or undefined) the search bar won't be enabled.",
+              "name": "filterValues",
+              "required": false,
+              "description": "An array of the values for each filter in the filter bar.",
               "value": {
                 "kind": "expression",
-                "type": "BentoSearchBar.props.value.type"
+                "type": "BentoFilterValues"
               },
-              "default": "undefined"
+              "default": "() => []"
             },
             {
-              "name": "value",
-              "description": "Array of filters based on {@see BentoFilterBarModel}.\nEach one of the elements in the array correspond to a filter that will\nbe created and rendered in the FilterBar.\n\nCan be used with v-model or independently with the @input event.",
+              "name": "search",
+              "required": false,
+              "description": "Search bar properties with which the placeholder, hint and other\n\"bento-search-bar\" properties can be set. @see {@link BentoFilterBarSearchBarProps}",
               "value": {
                 "kind": "expression",
-                "type": "BentoFilterBarModel"
+                "type": "BentoFilterBarSearchBarProps"
               },
-              "default": "() => []"
+              "default": "undefined"
             },
             {
-              "name": "filterValues",
-              "description": "An array of the values for each filter in the filter bar.\n{@see BentoFilterValues}",
+              "name": "searchTerm",
+              "required": false,
+              "description": "Search term useful to filter all the data by text.\nIf the value is non-existant (null or undefined) the search bar won't be enabled.\nCan be used with `.sync`",
               "value": {
                 "kind": "expression",
-                "type": "BentoFilterValues"
+                "type": "BentoFilterBarSearchTerm"
               },
-              "default": "() => []"
+              "default": "undefined"
             },
             {
               "name": "showAppliedHiddenFilters",
+              "required": false,
               "description": "Will show all applied filters even if their visibility is set to false.",
               "value": {
                 "kind": "expression",
                 "type": "boolean"
               },
               "default": "false"
+            },
+            {
+              "name": "value",
+              "required": false,
+              "description": "Array of filters based on @see {@link BentoFilterBarModel}.\nEach one of the elements in the array correspond to a filter that will\nbe created and rendered in the FilterBar.\n\nCan be used with v-model or independently with the @input event.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoFilterBarModel"
+              },
+              "default": "() => []"
             }
           ],
           "source": {
@@ -7942,6 +8081,12 @@
               "default": "false"
             }
           ],
+          "events": [
+            {
+              "name": "submit",
+              "description": "Emits the submit event from the form"
+            }
+          ],
           "slots": [
             {
               "name": "error-message"
@@ -8200,6 +8345,7 @@
           "attributes": [
             {
               "name": "ariaHidden",
+              "required": false,
               "description": "Indicates whether the element is exposed to an accessibility API.",
               "value": {
                 "kind": "expression",
@@ -8209,6 +8355,7 @@
             },
             {
               "name": "ariaLabel",
+              "required": false,
               "description": "Text that labels an the input element",
               "value": {
                 "kind": "expression",
@@ -8218,6 +8365,7 @@
             },
             {
               "name": "condensed",
+              "required": false,
               "description": "Reduces height of the input",
               "value": {
                 "kind": "expression",
@@ -8227,6 +8375,7 @@
             },
             {
               "name": "disabled",
+              "required": false,
               "description": "Disables the possibility of changing value in the input-field",
               "value": {
                 "kind": "expression",
@@ -8236,6 +8385,7 @@
             },
             {
               "name": "dropdown",
+              "required": false,
               "description": "Dropdown props for the small selectable dropdown menu.\nProperties supported:\n\n - `value`: Selected value of the dropdown\n - `items`: List of available items\n - `aria-label`: Text that labels the dropdown element",
               "value": {
                 "kind": "expression",
@@ -8245,15 +8395,17 @@
             },
             {
               "name": "dropdownPosition",
+              "required": false,
               "description": "Position of the dropdown before or after input value",
               "value": {
                 "kind": "expression",
-                "type": "BentoInputFieldElementPosition | `${BentoInputFieldElementPosition}`"
+                "type": "union"
               },
               "default": "BentoInputFieldElementPosition.START"
             },
             {
               "name": "error",
+              "required": false,
               "description": "Adds error validation class for outlining input-field.",
               "value": {
                 "kind": "expression",
@@ -8263,6 +8415,7 @@
             },
             {
               "name": "errorMessage",
+              "required": false,
               "description": "Renders input-field with an error state and the error message beneath the input box",
               "value": {
                 "kind": "expression",
@@ -8272,6 +8425,7 @@
             },
             {
               "name": "optional",
+              "required": false,
               "description": "Highlights the dropdown is optional.",
               "value": {
                 "kind": "expression",
@@ -8281,6 +8435,7 @@
             },
             {
               "name": "placeholder",
+              "required": false,
               "description": "Text displayed as the placeholder of the input-field",
               "value": {
                 "kind": "expression",
@@ -8290,6 +8445,7 @@
             },
             {
               "name": "required",
+              "required": false,
               "description": "Highlights the dropdown is required.",
               "value": {
                 "kind": "expression",
@@ -8299,6 +8455,7 @@
             },
             {
               "name": "readonly",
+              "required": false,
               "description": "Setting this property to true will set the input field to read only state.",
               "value": {
                 "kind": "expression",
@@ -8308,6 +8465,7 @@
             },
             {
               "name": "slashedZero",
+              "required": false,
               "description": "Renders a font numeric style with slashed zeros instead of normal ones.",
               "value": {
                 "kind": "expression",
@@ -8317,6 +8475,7 @@
             },
             {
               "name": "staticValue",
+              "required": false,
               "description": "Static text that displayed before or after input value\nApplicable to the Static Value variant",
               "value": {
                 "kind": "expression",
@@ -8326,15 +8485,17 @@
             },
             {
               "name": "staticValuePosition",
+              "required": false,
               "description": "Position of Static Value before or after input value",
               "value": {
                 "kind": "expression",
-                "type": "BentoInputFieldElementPosition | `${BentoInputFieldElementPosition}`"
+                "type": "union"
               },
               "default": "BentoInputFieldElementPosition.START"
             },
             {
               "name": "tooltipText",
+              "required": false,
               "description": "Adds a info icon next to the label to display the passed tooltip message.",
               "value": {
                 "kind": "expression",
@@ -8344,15 +8505,17 @@
             },
             {
               "name": "type",
+              "required": false,
               "description": "A string specifying the type of control to render.\nAll `input` types are available but only `search`, `text` and `number` are fully supported.\n\nIf `type` is `search`, use `bento-search-bar` instead.",
               "value": {
                 "kind": "expression",
-                "type": "BentoInputFieldType | `${BentoInputFieldType}` | HTMLInputElement['type']"
+                "type": "union"
               },
               "default": "BentoInputFieldType.TEXT"
             },
             {
               "name": "value",
+              "required": false,
               "description": "Text displayed as the value of the input-field",
               "value": {
                 "kind": "expression",
@@ -8362,10 +8525,11 @@
             },
             {
               "name": "variant",
+              "required": false,
               "description": "Describes the different variants for the input element",
               "value": {
                 "kind": "expression",
-                "type": "BentoInputFieldVariant | `${BentoInputFieldVariant}`"
+                "type": "union"
               },
               "default": "BentoInputFieldVariant.DEFAULT"
             }
@@ -8697,6 +8861,94 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "input-filter",
+          "description": "",
+          "attributes": [
+            {
+              "name": "defaultValue",
+              "required": false,
+              "description": "Default value of the filter to reset to.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "null"
+            },
+            {
+              "name": "disabled",
+              "required": false,
+              "description": "Disables the filter from being interacted with.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "field",
+              "required": true,
+              "description": "Filter name/key referencing the actual property name in the data set.\nShould be unique per filter bar.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "label",
+              "required": true,
+              "description": "Label text to be displayed",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "onlySlot",
+              "required": false,
+              "description": "Renders the base filter's slot content only - leaving out the button and the popover.\nUsed for the allFiltersModal component.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "options",
+              "required": false,
+              "description": "List of options that are needed to setup the filter\nAvailable options:\n  - placeholder: allows to set a placeholder to the search bar\n  - dropdown (deprecated): all the dropdown properties that can be set in the inner dropdown of the input field. @see BentoDropdown for more info.\n  - dropdownPosition (deprecated): allow the user to set the dropdown on the left or right side. Accepts the `start` or `end` values.\n  - variant (deprecated): can be `undefined` or set to `dropdown`. Enables dropdown input variant.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoInputFilterOptions"
+              },
+              "default": "undefined"
+            },
+            {
+              "name": "value",
+              "required": false,
+              "description": "Current value of the filter.\nIf the options.variant is equal to 'dropdown', the value should be of type `{ inputValue: string | null; dropdownValue?: string }`.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoInputFilterValue"
+              },
+              "default": "null"
+            }
+          ],
+          "events": [
+            {
+              "name": "input",
+              "description": "Fires upon the user interacting with the filter"
+            },
+            {
+              "name": "update",
+              "description": "Fires on the (new) filter values being applied"
+            }
+          ],
+          "source": {
+            "module": "./src/components/filter-bar/components/input-filter/input-filter.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "input-with-dropdown-filter",
           "description": "",
@@ -8994,17 +9246,28 @@
           }
         },
         {
-          "name": "listbox-multi-select-chips",
+          "name": "listbox-multi-select",
           "description": "",
           "attributes": [
+            {
+              "name": "hasMoreItems",
+              "required": false,
+              "description": "Indicates whether there are more items to load",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
             {
               "name": "isOptionDisabled",
-              "description": "Function that defines the options to be disabled",
+              "required": false,
+              "description": "Function that allows the options to be disabled",
               "value": {
                 "kind": "expression",
                 "type": "BentoListboxIsOptionDisabled"
               },
-              "default": "() => false"
+              "default": "isVue2 ? () => () => false : () => false"
             },
             {
               "name": "items",
@@ -9014,20 +9277,60 @@
                 "kind": "expression",
                 "type": "BentoListboxOptions"
               }
+            },
+            {
+              "name": "lazyLoadType",
+              "required": false,
+              "description": "The type of `Lazy Load`.\nType \"automatic\" will enable infinite scrolling\nType \"button\" will enable lazy loading with \"Show more\" button",
+              "value": {
+                "kind": "expression",
+                "type": "union"
+              },
+              "default": "'none'"
+            },
+            {
+              "name": "searching",
+              "required": false,
+              "description": "Flag that indicates that an external search it's being made\nto filter out the items inside the the multi-select listbox\n\nIf enabled, hides the \"Select all\" checkbox in \"multiple\" mode.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "selectedValues",
+              "required": true,
+              "description": "The `input` value.\nProviding an empty array will select no options.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoListboxOptions"
+              }
+            },
+            {
+              "name": "staticCategories",
+              "required": false,
+              "description": "If enabled, dropdown will display non-selectable, static categories",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
             }
           ],
           "events": [
             {
-              "name": "unselect-item",
-              "description": "Emits the value of the item to uncheck"
-            },
+              "name": "select",
+              "description": "Emits when the selection changes"
+            }
+          ],
+          "slots": [
             {
-              "name": "unselect-category",
-              "description": "Emits the option of the category being unselected"
+              "name": "innerSlot"
             }
           ],
           "source": {
-            "module": "./src/components/internal/listbox/components/listbox-multi-select/components/listbox-multi-select-chips/listbox-multi-select-chips.vue",
+            "module": "./src/components/internal/listbox/components/listbox-multi-select/listbox-multi-select.vue",
             "symbol": "default"
           }
         },
@@ -10489,6 +10792,15 @@
                 "type": "boolean"
               },
               "default": "false"
+            },
+            {
+              "name": "overflowVisible",
+              "description": "Allows content to appear outside of the popover. Used when there are nested popovers.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
             }
           ],
           "events": [
@@ -11292,7 +11604,8 @@
             },
             {
               "name": "condensed",
-              "description": "Reduces height of the search bar",
+              "required": false,
+              "description": "Reduces height of the search bar. Default: false",
               "value": {
                 "kind": "expression",
                 "type": "boolean"
@@ -11301,6 +11614,7 @@
             },
             {
               "name": "debounceTime",
+              "required": false,
               "description": "Custom debounce time. Default: 300",
               "value": {
                 "kind": "expression",
@@ -11310,6 +11624,7 @@
             },
             {
               "name": "hint",
+              "required": false,
               "description": "Text displayed as a hint when the field is not empty",
               "value": {
                 "kind": "expression",
@@ -11319,6 +11634,7 @@
             },
             {
               "name": "placeholder",
+              "required": false,
               "description": "Text displayed as the placeholder of the input-field",
               "value": {
                 "kind": "expression",
@@ -11328,6 +11644,7 @@
             },
             {
               "name": "value",
+              "required": false,
               "description": "Text displayed as the value being searched",
               "value": {
                 "kind": "expression",