@adyen/bento-vue2 1.24.0 → 1.25.0

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "@adyen/bento-vue2",
-  "version": "1.24.0",
+  "version": "1.25.0",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -250,6 +250,63 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "alert",
+          "description": "",
+          "attributes": [
+            {
+              "name": "closeButton",
+              "required": false,
+              "description": "Adds a close button on the right side of the alert",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "type",
+              "required": false,
+              "description": "Type of a alert; set a distinctive icon and color. Defaults to highlight.",
+              "value": {
+                "kind": "expression",
+                "type": "union"
+              },
+              "default": "BentoAlertTypeOption.HIGHLIGHT"
+            },
+            {
+              "name": "variant",
+              "required": false,
+              "description": "Variant for the alert",
+              "value": {
+                "kind": "expression",
+                "type": "union"
+              },
+              "default": "BentoAlertVariant.DEFAULT"
+            }
+          ],
+          "events": [
+            {
+              "name": "close-alert",
+              "description": "Emits event when the alert is closed. `closeButton` must be `true`"
+            }
+          ],
+          "slots": [
+            {
+              "name": "default"
+            },
+            {
+              "name": "description"
+            },
+            {
+              "name": "actions"
+            }
+          ],
+          "source": {
+            "module": "./src/components/alert/alert.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "all-filters-modal",
           "description": "A modal that acts as sort of filter manager for the BentoFilterBar.",
@@ -631,54 +688,6 @@
             "symbol": "default"
           }
         },
-        {
-          "name": "bento-alert",
-          "description": "An Alert component is used to display a persistent\nnotification containing information important to the user",
-          "attributes": [
-            {
-              "name": "closeButton",
-              "description": "Adds a close button on the right side of the alert",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "type",
-              "description": "Type of a alert; set a distinctive icon and color. Defaults to highlight.",
-              "value": {
-                "kind": "expression",
-                "type": "BentoAlertTypeOption | `${BentoAlertTypeOption}`"
-              },
-              "default": "BentoAlertTypeOption.HIGHLIGHT"
-            },
-            {
-              "name": "variant",
-              "description": "Variant for the alert",
-              "value": {
-                "kind": "expression",
-                "type": "BentoAlertVariant | `${BentoAlertVariant}`"
-              },
-              "default": "BentoAlertVariant.DEFAULT"
-            }
-          ],
-          "slots": [
-            {
-              "name": "default"
-            },
-            {
-              "name": "description"
-            },
-            {
-              "name": "actions"
-            }
-          ],
-          "source": {
-            "module": "./src/components/alert/alert.vue",
-            "symbol": "default"
-          }
-        },
         {
           "name": "bento-avatar",
           "description": "Displays an user profile including an avatar and optionally a label.",
@@ -893,104 +902,6 @@
             "symbol": "default"
           }
         },
-        {
-          "name": "bento-card",
-          "description": "A card is a flexible and composable container.\nUse cards to represent a single object or to visually group certain content, like legal information within company settings.",
-          "attributes": [
-            {
-              "name": "background",
-              "description": "Defines the color of card background",
-              "value": {
-                "kind": "expression",
-                "type": "BentoCardBackground | `${BentoCardBackground}`"
-              },
-              "default": "BentoCardBackground.PRIMARY"
-            },
-            {
-              "name": "titleSize",
-              "description": "Defines the title size of the card header",
-              "value": {
-                "kind": "expression",
-                "type": "BentoCardTitleSize | `${BentoCardTitleSize}`"
-              },
-              "default": "BentoCardTitleSize.DEFAULT"
-            },
-            {
-              "name": "expandable",
-              "description": "The whole content of the card will be expandable in accordion manner",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "closed",
-              "description": "Sets the expandable card in a closed state",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "disabled",
-              "description": "Disables the expandable card",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "actions",
-              "description": "List of actions that will be used to render the buttons.\nFirst element in the list will be rendered as \"primary\".\nAll elements after the first will be rendered as \"secondary\".\n\nEach object in the list should have a `title`, an `event` and\n(optional) a Vue `icon` from the library `@adyen/ui-assets-icons-16`.\n\n`title`: Button's text.\n\n`event`: Event triggered when clicking the Button.\n\n`icon`: Vue Icon from the library `@adyen/ui-assets-icons-16`.\n\n```\n[{\n  title: 'Primary',\n  event: () => { ... },\n  icon: FourPeopleIcon\n}, {\n  title: 'Secondary',\n  event: () => { ... }\n}]\n```",
-              "value": {
-                "kind": "expression",
-                "type": "BentoButtonActionsList"
-              },
-              "default": "null"
-            },
-            {
-              "name": "actionsLayout",
-              "description": "Defines the layout in which the button actions is presented.\nIt can be one of:",
-              "value": {
-                "kind": "expression",
-                "type": "BentoButtonActionsLayout | `${BentoButtonActionsLayout}`"
-              },
-              "default": "BentoButtonActionsLayout.BUTTONS_END"
-            }
-          ],
-          "events": [
-            {
-              "name": "click"
-            },
-            {
-              "name": "expanded"
-            }
-          ],
-          "slots": [
-            {
-              "name": "image"
-            },
-            {
-              "name": "default"
-            },
-            {
-              "name": "header"
-            },
-            {
-              "name": "description"
-            },
-            {
-              "name": "content"
-            }
-          ],
-          "source": {
-            "module": "./src/components/card/card.vue",
-            "symbol": "default"
-          }
-        },
         {
           "name": "bento-checkbox",
           "description": "Checkboxes are used to make a binary choice about an option.\nThe label tag area is also clickable.",
@@ -1317,34 +1228,26 @@
           "description": "",
           "attributes": [
             {
-              "name": "isColumnVisibilityToggleDisabled",
+              "name": "columns",
               "required": true,
-              "description": "Is column visibitlity toggle disabled",
+              "description": "Column definitions",
               "value": {
                 "kind": "expression",
-                "type": "boolean"
+                "type": "BentoColumn[]"
               }
             },
             {
-              "name": "column",
-              "required": true,
-              "description": "Column definition",
+              "name": "condensed",
+              "description": "Sets the row cells to the condensed padding state.",
               "value": {
                 "kind": "expression",
-                "type": "BentoColumn"
-              }
-            }
-          ],
-          "events": [
-            {
-              "name": "visible-column"
-            },
-            {
-              "name": "updated-column"
+                "type": "boolean"
+              },
+              "default": "false"
             }
           ],
           "source": {
-            "module": "./src/components/data-grid/components/data-grid-config-settings/components/data-grid-config-settings-column-row/data-grid-config-settings-column-row.vue",
+            "module": "./src/components/data-grid/components/data-grid-config-settings/data-grid-config-settings.vue",
             "symbol": "default"
           }
         },
@@ -1353,26 +1256,34 @@
           "description": "",
           "attributes": [
             {
-              "name": "columns",
+              "name": "isColumnVisibilityToggleDisabled",
               "required": true,
-              "description": "Column definitions",
+              "description": "Is column visibitlity toggle disabled",
               "value": {
                 "kind": "expression",
-                "type": "BentoColumn[]"
+                "type": "boolean"
               }
             },
             {
-              "name": "condensed",
-              "description": "Sets the row cells to the condensed padding state.",
+              "name": "column",
+              "required": true,
+              "description": "Column definition",
               "value": {
                 "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
+                "type": "BentoColumn"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "visible-column"
+            },
+            {
+              "name": "updated-column"
             }
           ],
           "source": {
-            "module": "./src/components/data-grid/components/data-grid-config-settings/data-grid-config-settings.vue",
+            "module": "./src/components/data-grid/components/data-grid-config-settings/components/data-grid-config-settings-column-row/data-grid-config-settings-column-row.vue",
             "symbol": "default"
           }
         },
@@ -2238,9 +2149,9 @@
               "description": "The `input` value.\nProviding an empty string or empty array will select no options.\nSet to an empty string `''` if you don't want any of the available options to be selected for single select",
               "value": {
                 "kind": "expression",
-                "type": "BentoListboxSelectedValue"
+                "type": "BentoListboxOptions"
               },
-              "default": "undefined"
+              "default": "() => []"
             },
             {
               "name": "virtualScroll",
@@ -2266,6 +2177,15 @@
           "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",
@@ -2281,8 +2201,17 @@
               "description": "The option elements to populate the listbox with.\nIt must be an array of {@see BentoListboxOptionItem }.",
               "value": {
                 "kind": "expression",
-                "type": "BentoListboxOptions"
-              }
+                "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",
@@ -2295,12 +2224,12 @@
             },
             {
               "name": "selectedValues",
+              "required": true,
               "description": "The `input` value.\nProviding an empty array will select no options.",
               "value": {
                 "kind": "expression",
-                "type": "BentoListboxSelectedValue"
-              },
-              "default": "() => [] as BentoListboxSelectedValue"
+                "type": "BentoListboxOptions"
+              }
             },
             {
               "name": "staticCategories",
@@ -2433,7 +2362,7 @@
               "description": "The `input` value.\nProviding an empty string will select no options.\nSet to an empty string `''` if you don't want any of the available options to be selected",
               "value": {
                 "kind": "expression",
-                "type": "BentoListboxSelectedValue"
+                "type": "BentoListboxOptions"
               },
               "default": "undefined"
             },
@@ -2619,6 +2548,11 @@
               "default": "false"
             }
           ],
+          "events": [
+            {
+              "name": "menu-item-click"
+            }
+          ],
           "slots": [
             {
               "name": "iconLeft"
@@ -2635,19 +2569,6 @@
             "symbol": "default"
           }
         },
-        {
-          "name": "bento-menu-list-container",
-          "description": "Menu list container component to set the correct styling in a menu list. For internal use only.",
-          "slots": [
-            {
-              "name": "default"
-            }
-          ],
-          "source": {
-            "module": "./src/components/menu/components/menu-list-container/menu-list-container.vue",
-            "symbol": "default"
-          }
-        },
         {
           "name": "bento-pagination",
           "description": "Paginiation component to help users page through data sets.\n\nThere are two ways of doing navigation in this component:\n     1. (Basic) You tell the component if there is a next page (hasNext)\n     2. (Enhanced) You tell the component:\n         - How many total items exist (totalCount)\n         - The max number of items that you show/fetch per page (size)\n         - In this case you should not set the hasNext props\n\nIf you have the data available and opt to use the Enhanced way you get extra controls:\n     - Page dropdown selector\n     - Last page button\n     - \"Showing 10 of 200 items\" text",
@@ -3116,10 +3037,10 @@
           "attributes": [
             {
               "name": "options",
-              "description": "List of options that are needed to setup the country filter\nAvailable options:\n  - multiple: If \"true\", the user will be able to select multiple items.\n  - listboxItems: The option elements to populate the filter with {@see BentoSelectCountryFilterOptions}\n  - variant: Which label variant to display for the option item.",
+              "description": "List of options that are needed to setup the country filter\nAvailable options:\n  - multiple: If \"true\", the user will be able to select multiple items.\n  - listboxItems: The option elements to populate the filter with {@see BentoSelectCurrencyFilterOptions}",
               "value": {
                 "kind": "expression",
-                "type": "BentoSelectCountryFilterOptions"
+                "type": "BentoSelectCurrencyFilterOptions"
               },
               "default": "undefined"
             }
@@ -3130,7 +3051,7 @@
             }
           ],
           "source": {
-            "module": "./src/components/filter-bar/components/select-filter/variants/select-country-filter/select-country-filter.vue",
+            "module": "./src/components/filter-bar/components/select-filter/variants/select-currency-filter/select-currency-filter.vue",
             "symbol": "default"
           }
         },
@@ -3140,10 +3061,10 @@
           "attributes": [
             {
               "name": "options",
-              "description": "List of options that are needed to setup the country filter\nAvailable options:\n  - multiple: If \"true\", the user will be able to select multiple items.\n  - listboxItems: The option elements to populate the filter with {@see BentoSelectCurrencyFilterOptions}",
+              "description": "List of options that are needed to setup the country filter\nAvailable options:\n  - multiple: If \"true\", the user will be able to select multiple items.\n  - listboxItems: The option elements to populate the filter with {@see BentoSelectCountryFilterOptions}\n  - variant: Which label variant to display for the option item.",
               "value": {
                 "kind": "expression",
-                "type": "BentoSelectCurrencyFilterOptions"
+                "type": "BentoSelectCountryFilterOptions"
               },
               "default": "undefined"
             }
@@ -3154,7 +3075,7 @@
             }
           ],
           "source": {
-            "module": "./src/components/filter-bar/components/select-filter/variants/select-currency-filter/select-currency-filter.vue",
+            "module": "./src/components/filter-bar/components/select-filter/variants/select-country-filter/select-country-filter.vue",
             "symbol": "default"
           }
         },
@@ -3182,75 +3103,6 @@
             "symbol": "default"
           }
         },
-        {
-          "name": "bento-select-filter",
-          "description": "The Listbox filter displays a listbox of items\npassed in the \"options.listboxItems\" property.",
-          "attributes": [
-            {
-              "name": "defaultValue",
-              "description": "Default value of the filter to reset to.",
-              "value": {
-                "kind": "expression",
-                "type": "BentoListboxSelectedValue"
-              },
-              "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": "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  - multiple: If \"true\", the user will be able to select multiple items.\n  - listboxItems: The option elements to populate the filter with.",
-              "value": {
-                "kind": "expression",
-                "type": "BentoSelectFilterOptions"
-              },
-              "default": "undefined"
-            },
-            {
-              "name": "value",
-              "description": "Current value of the filter",
-              "value": {
-                "kind": "expression",
-                "type": "BentoListboxSelectedValue"
-              },
-              "default": "undefined"
-            }
-          ],
-          "slots": [
-            {
-              "name": "innerSlot"
-            }
-          ],
-          "source": {
-            "module": "./src/components/filter-bar/components/select-filter/select-filter.vue",
-            "symbol": "default"
-          }
-        },
         {
           "name": "bento-select-payment-method-filter",
           "description": "The Select Payment Method filter displays a listbox of country items\npassed in the \"options.listboxItems\" property to be used in the FilterBar component.",
@@ -4531,6 +4383,111 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "card",
+          "description": "",
+          "attributes": [
+            {
+              "name": "actions",
+              "required": false,
+              "description": "List of actions that will be used to render the buttons.\nFirst element in the list will be rendered as \"primary\".\nAll elements after the first will be rendered as \"secondary\".\n\nEach object in the list should have a `title`, an `event` and\n(optional) a Vue `icon` from the library `@adyen/ui-assets-icons-16`.\n\n`title`: Button's text.\n\n`event`: Event triggered when clicking the Button.\n\n`icon`: Vue Icon from the library `@adyen/ui-assets-icons-16`.\n\n```\n[{\n  title: 'Primary',\n  event: () => { ... },\n  icon: FourPeopleIcon\n}, {\n  title: 'Secondary',\n  event: () => { ... }\n}]\n```",
+              "value": {
+                "kind": "expression",
+                "type": "BentoButtonActionsList"
+              },
+              "default": "null"
+            },
+            {
+              "name": "actionsLayout",
+              "required": false,
+              "description": "Defines the layout in which the button actions is presented.\nIt can be one of:",
+              "value": {
+                "kind": "expression",
+                "type": "union"
+              },
+              "default": "BentoButtonActionsLayout.BUTTONS_END"
+            },
+            {
+              "name": "background",
+              "required": false,
+              "description": "Defines the color of card background",
+              "value": {
+                "kind": "expression",
+                "type": "union"
+              },
+              "default": "BentoCardBackground.PRIMARY"
+            },
+            {
+              "name": "closed",
+              "required": false,
+              "description": "Sets the expandable card in a closed state",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "disabled",
+              "required": false,
+              "description": "Disables the expandable card",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "expandable",
+              "required": false,
+              "description": "The whole content of the card will be expandable in accordion manner",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "titleSize",
+              "required": false,
+              "description": "Defines the title size of the card header",
+              "value": {
+                "kind": "expression",
+                "type": "union"
+              },
+              "default": "BentoCardTitleSize.DEFAULT"
+            }
+          ],
+          "events": [
+            {
+              "name": "click"
+            },
+            {
+              "name": "expanded"
+            }
+          ],
+          "slots": [
+            {
+              "name": "image"
+            },
+            {
+              "name": "default"
+            },
+            {
+              "name": "header"
+            },
+            {
+              "name": "description"
+            },
+            {
+              "name": "content"
+            }
+          ],
+          "source": {
+            "module": "./src/components/card/card.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "card-stub",
           "description": "",
@@ -5398,6 +5355,10 @@
             {
               "name": "register-row-cell-element",
               "description": "Emitted when a row has been selected."
+            },
+            {
+              "name": "cell-hovered",
+              "description": "Emitted when a cell has been hovered over. This is used to keep the row in a hovered state when hovering over a menu."
             }
           ],
           "slots": [
@@ -5442,6 +5403,12 @@
               }
             }
           ],
+          "events": [
+            {
+              "name": "menu-item-click-close",
+              "description": "Emits when a cell actions menu button closes due to a menu item click"
+            }
+          ],
           "source": {
             "module": "./src/components/data-grid/components/data-grid-cell-actions/data-grid-cell-actions.vue",
             "symbol": "default"
@@ -6732,7 +6699,7 @@
               "description": "The `input` value.\nProviding an empty string or empty array will select no options.\nSet to an empty string `''` if you don't want any of the available options to be selected for single select",
               "value": {
                 "kind": "expression",
-                "type": "BentoListboxSelectedValue"
+                "type": "BentoListboxOptions"
               },
               "default": "null"
             },
@@ -7041,19 +7008,53 @@
               "description": "The option elements to populate the tag dropdown with.\nIt must be an array of {@see BentoTagListboxOptions }\n * @property {string} value.label - Text to be displayed in the option\n * @property {string,number} value.value - Value of the option\n * @property {string} value.variant - The BentTag variant shown for the option.",
               "value": {
                 "kind": "expression",
-                "type": "BentoTagListboxOptions"
-              },
-              "default": "() => []"
-            }
-          ],
-          "events": [
-            {
-              "name": "input",
-              "description": "Emitted when an item is selected"
+                "type": "BentoTagListboxOptions"
+              },
+              "default": "() => []"
+            }
+          ],
+          "events": [
+            {
+              "name": "input",
+              "description": "Emitted when an item is selected"
+            }
+          ],
+          "source": {
+            "module": "./src/components/dropdown/components/variants/dropdown-tag/dropdown-tag.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "dynamic-content-slot-stub",
+          "description": "",
+          "attributes": [
+            {
+              "name": "content",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "items",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "BentoRadioGroupItems"
+              }
+            },
+            {
+              "name": "value",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "number"
+              }
             }
           ],
           "source": {
-            "module": "./src/components/dropdown/components/variants/dropdown-tag/dropdown-tag.vue",
+            "module": "./src/components/radio-group/__tests__/dynamic-content-slot-stub.vue",
             "symbol": "default"
           }
         },
@@ -7783,10 +7784,10 @@
             },
             {
               "name": "type",
-              "description": "A string specifying the type of control to render.",
+              "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}`"
+                "type": "BentoInputFieldType | `${BentoInputFieldType}` | HTMLInputElement['type']"
               },
               "default": "BentoInputFieldType.TEXT"
             },
@@ -8393,6 +8394,11 @@
               "default": "false"
             }
           ],
+          "events": [
+            {
+              "name": "menu-item-click"
+            }
+          ],
           "source": {
             "module": "./src/components/menu/components/menu-item-list/menu-item-list.vue",
             "symbol": "default"
@@ -8421,6 +8427,19 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "menu-list-container",
+          "description": "",
+          "slots": [
+            {
+              "name": "default"
+            }
+          ],
+          "source": {
+            "module": "./src/components/menu/components/menu-list-container/menu-list-container.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "menu-mock",
           "description": "",
@@ -10101,6 +10120,237 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "select-filter",
+          "description": "",
+          "attributes": [
+            {
+              "name": "defaultValue",
+              "description": "Default value of the filter to reset to.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoListboxSelectedValue"
+              },
+              "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": "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  - multiple: If \"true\", the user will be able to select multiple items.\n  - listboxItems: The option elements to populate the filter with.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoSelectFilterOptions"
+              },
+              "default": "undefined"
+            },
+            {
+              "name": "value",
+              "description": "Current value of the filter",
+              "value": {
+                "kind": "expression",
+                "type": "BentoListboxSelectedValue"
+              },
+              "default": "undefined"
+            }
+          ],
+          "events": [
+            {
+              "name": "input"
+            },
+            {
+              "name": "update"
+            }
+          ],
+          "slots": [
+            {
+              "name": "innerSlot"
+            }
+          ],
+          "source": {
+            "module": "./src/components/filter-bar/components/select-filter/select-filter.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "select-filter-button",
+          "description": "",
+          "attributes": [
+            {
+              "name": "defaultValue",
+              "description": "Default value of the filter to reset to.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoListboxSelectedValue"
+              },
+              "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": "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  - multiple: If \"true\", the user will be able to select multiple items.\n  - listboxItems: The option elements to populate the filter with.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoSelectFilterOptions"
+              },
+              "default": "undefined"
+            },
+            {
+              "name": "value",
+              "description": "Current value of the filter",
+              "value": {
+                "kind": "expression",
+                "type": "BentoListboxSelectedValue"
+              },
+              "default": "undefined"
+            }
+          ],
+          "events": [
+            {
+              "name": "input"
+            },
+            {
+              "name": "update"
+            }
+          ],
+          "slots": [
+            {
+              "name": "innerSlot"
+            }
+          ],
+          "source": {
+            "module": "./src/components/filter-bar/components/select-filter/components/select-filter-button/select-filter-button.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "select-filter-dropdown",
+          "description": "",
+          "attributes": [
+            {
+              "name": "defaultValue",
+              "description": "Default value of the filter to reset to.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoListboxSelectedValue"
+              },
+              "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": "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  - multiple: If \"true\", the user will be able to select multiple items.\n  - listboxItems: The option elements to populate the filter with.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoSelectFilterOptions"
+              },
+              "default": "undefined"
+            },
+            {
+              "name": "value",
+              "description": "Current value of the filter",
+              "value": {
+                "kind": "expression",
+                "type": "BentoListboxSelectedValue"
+              },
+              "default": "undefined"
+            }
+          ],
+          "events": [
+            {
+              "name": "input"
+            },
+            {
+              "name": "update"
+            }
+          ],
+          "slots": [
+            {
+              "name": "innerSlot"
+            }
+          ],
+          "source": {
+            "module": "./src/components/filter-bar/components/select-filter/components/select-filter-dropdown/select-filter-dropdown.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "selection-card",
           "description": "",