@adyen/bento-vue2 1.69.0 → 1.70.0

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "@adyen/bento-vue2",
-  "version": "1.69.0",
+  "version": "1.70.0",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -2094,14 +2094,14 @@
         },
         {
           "name": "bento-select-country-filter",
-          "description": "The Select Country filter displays a listbox of country items\npassed in the \"options.listboxItems\" property.",
+          "description": "The Select Tag filter displays a listbox of tag items\npassed in the \"options.listboxItems\" property.",
           "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 tag 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 BentoSelectTagFilterOptions}",
               "value": {
                 "kind": "expression",
-                "type": "BentoSelectCurrencyFilterOptions"
+                "type": "BentoSelectTagFilterOptions"
               },
               "default": "undefined"
             }
@@ -2112,20 +2112,20 @@
             }
           ],
           "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-tag-filter/select-tag-filter.vue",
             "symbol": "default"
           }
         },
         {
           "name": "bento-select-country-filter",
-          "description": "The Select Tag filter displays a listbox of tag items\npassed in the \"options.listboxItems\" property.",
+          "description": "The Select Country filter displays a listbox of country items\npassed in the \"options.listboxItems\" property.",
           "attributes": [
             {
               "name": "options",
-              "description": "List of options that are needed to setup the tag 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 BentoSelectTagFilterOptions}",
+              "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": "BentoSelectTagFilterOptions"
+                "type": "BentoSelectCurrencyFilterOptions"
               },
               "default": "undefined"
             }
@@ -2136,7 +2136,7 @@
             }
           ],
           "source": {
-            "module": "./src/components/filter-bar/components/select-filter/variants/select-tag-filter/select-tag-filter.vue",
+            "module": "./src/components/filter-bar/components/select-filter/variants/select-currency-filter/select-currency-filter.vue",
             "symbol": "default"
           }
         },
@@ -2213,7 +2213,7 @@
         },
         {
           "name": "bento-timeline-item",
-          "description": "TimelineItem renders each event in the Timeline component",
+          "description": "BentoTimelineItem renders each event in the Timeline component",
           "attributes": [
             {
               "name": "additionalTimestamp",
@@ -3769,6 +3769,9 @@
             }
           ],
           "slots": [
+            {
+              "name": "description"
+            },
             {
               "name": "default"
             }
@@ -5373,6 +5376,14 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "data-grid-with-slots-example",
+          "description": "",
+          "source": {
+            "module": "./src/components/data-grid/__tests__/data-grid-with-slots-example.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "data-grid.test",
           "description": "",
@@ -6669,199 +6680,441 @@
           "description": "",
           "attributes": [
             {
-              "name": "items",
-              "description": "The option elements to populate the country dropdown with.\nIt must be an array of {@see BentoCurrencyListboxOptions }\n * @property {string} value.label - Text to be displayed in the option\n * @property {BentoCurrencyISOCode} value.code - Currency ISO code of the option",
+              "name": "enableValueLabelPair",
+              "required": false,
+              "description": "Enables value/label value handling. When `true`, the component expects and emits value/label\npair objects instead of primitive values.\n\nThis affects both the `value` prop and the `input` event payload.\n\n- **Input (`value` prop):** Expects a `{ value: string | number, label: string }` object (or an array of them for multi-select).\n- **Output (`input` event):** Emits a `{ value: string | number, label: string }` object (or an array of them) upon selection.\n\nThis is particularly useful when a selected item's label is not available in the `items` prop,\nallowing the component to display the correct label for values loaded from external sources.",
               "value": {
                 "kind": "expression",
-                "type": "BentoCurrencyListboxOptions"
-              },
-              "default": "() => []"
-            }
-          ],
-          "events": [
+                "type": "boolean"
+              }
+            },
             {
-              "name": "input",
-              "description": "Emitted when an item is selected"
-            }
-          ],
-          "source": {
-            "module": "./src/components/dropdown/components/variants/dropdown-currency/dropdown-currency.vue",
-            "symbol": "default"
-          }
-        },
-        {
-          "name": "dropdown-default-textbox",
-          "description": "",
-          "attributes": [
+              "name": "virtualScroll",
+              "required": false,
+              "description": "Enables virtual scrolling if set to true or by providing an object with itemHeight function.\nThe itemHeight function is used to calculate the height of rendered item given it's index.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoDropdownVirtulisationOptions"
+              }
+            },
             {
-              "name": "additionalItemsSelected",
-              "description": "The number of additional items that have been selected in the dropdown.",
+              "name": "value",
+              "required": false,
+              "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": "number | string"
-              },
-              "default": "0"
+                "type": "BentoListboxSelectedValue"
+              }
             },
             {
-              "name": "ariaControls",
-              "required": true,
-              "description": "Sets the aria-controls attribute on the textbox. This should correspond to the popover's id that the textbox triggers.",
+              "name": "tooltipText",
+              "required": false,
+              "description": "Adds a info icon next to the label to display the passed tooltip message.",
               "value": {
                 "kind": "expression",
                 "type": "string"
               }
             },
             {
-              "name": "ariaExpanded",
-              "required": true,
-              "description": "Indicates whether the content the textbox triggers is visible or not. Needs to be set accordingly when the textbox is used and changed every time the popover is shown/hidden.",
+              "name": "staticCategories",
+              "required": false,
+              "description": "If enabled, dropdown will display non-selectable, static categories",
               "value": {
                 "kind": "expression",
-                "type": "Booleanish"
+                "type": "boolean"
               }
             },
             {
-              "name": "ariaLabel",
-              "description": "If no label element is used then the aria-label is be set should be set.",
+              "name": "size",
+              "required": false,
               "value": {
                 "kind": "expression",
-                "type": "string"
-              },
-              "default": "null"
+                "type": "union"
+              }
             },
             {
-              "name": "ariaLabelledby",
-              "description": "Corresponds to the label's id that labels the textbox element.",
+              "name": "showSlotContentInMultiple",
+              "required": false,
+              "description": "Toggles whether to use the slot content select items shown in the textbox in multiple mode.",
               "value": {
                 "kind": "expression",
-                "type": "string"
-              },
-              "default": "null"
+                "type": "boolean"
+              }
             },
             {
-              "name": "condensed",
-              "description": "Renders the dropdown with a condensed style.",
+              "name": "search",
+              "required": false,
+              "description": "Dropdown search options and events.",
               "value": {
                 "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
+                "type": "BentoDropdownSearchOptions"
+              }
             },
             {
-              "name": "debounceTime",
-              "description": "Custom debounce time. Default: 300",
+              "name": "required",
+              "required": false,
+              "description": "Highlights the dropdown is required.",
               "value": {
                 "kind": "expression",
-                "type": "number"
-              },
-              "default": "300"
+                "type": "boolean"
+              }
             },
             {
-              "name": "disabled",
-              "description": "Disables any textbox functionality",
+              "name": "readonly",
+              "required": false,
+              "description": "Sets the dropdown to readonly state",
               "value": {
                 "kind": "expression",
                 "type": "boolean"
-              },
-              "default": "false"
+              }
             },
             {
-              "name": "displayValue",
-              "description": "Selected option's label",
+              "name": "placeholder",
+              "required": false,
+              "description": "Text that appears in the form control when it has no value set",
               "value": {
                 "kind": "expression",
                 "type": "string"
-              },
-              "default": "null"
+              }
             },
             {
-              "name": "dynamicFiltering",
-              "description": "Sets the possibility to type into the textbox",
+              "name": "optional",
+              "required": false,
+              "description": "Highlights the dropdown is optional.",
               "value": {
                 "kind": "expression",
                 "type": "boolean"
-              },
-              "default": "false"
+              }
             },
             {
-              "name": "isInvalid",
-              "description": "Marks the textbox as invalid, rendering an error state",
+              "name": "multiple",
+              "required": false,
+              "description": "If enabled, the user will be able to select multiple items.",
               "value": {
                 "kind": "expression",
                 "type": "boolean"
-              },
-              "default": "false"
+              }
             },
             {
-              "name": "open",
-              "description": "Indicates if the dropdown is open so that\nthe respective event can be emitted",
+              "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"
+              }
+            },
+            {
+              "name": "componentLoading",
+              "required": false,
+              "description": "Indicates that dropdown items are loading",
               "value": {
                 "kind": "expression",
                 "type": "boolean"
-              },
-              "default": "false"
+              }
             },
             {
-              "name": "readonly",
-              "description": "Sets the dropdown to readonly state",
+              "name": "loading",
+              "required": false,
+              "description": "Indicates if new options are lazy loading.",
               "value": {
                 "kind": "expression",
                 "type": "boolean"
-              },
-              "default": "false"
+              }
             },
             {
-              "name": "selectedValueItem",
-              "description": "The selected value's list box item.",
+              "name": "label",
+              "required": false,
+              "description": "Text that is displayed as a label above the element.",
               "value": {
                 "kind": "expression",
-                "type": "BentoListboxOptionItem | BentoListboxOptionItem[]"
-              },
-              "default": "undefined"
+                "type": "string"
+              }
             },
             {
-              "name": "showSlotContentInMultiple",
-              "description": "Toggles whether to use the slot content select items shown in the textbox in multiple mode.",
+              "name": "isOptionDisabled",
+              "required": false,
+              "description": "Function that dertermines which options are disabled from interaction.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoListboxIsOptionDisabled"
+              }
+            },
+            {
+              "name": "hasMoreItems",
+              "required": false,
+              "description": "Indicates whether there are more items to load",
               "value": {
                 "kind": "expression",
                 "type": "boolean"
-              },
-              "default": "false"
+              }
             },
             {
-              "name": "value",
-              "description": "The input value",
+              "name": "description",
+              "required": false,
+              "description": "Descriptive supporting text visbile underneath the dropdown.",
               "value": {
                 "kind": "expression",
                 "type": "string"
-              },
-              "default": "''"
+              }
             },
             {
-              "name": "multiple",
+              "name": "errorMessage",
+              "required": false,
+              "description": "Highlights the dropdown in an erroneous state with an error message.",
               "value": {
                 "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
-            }
-          ],
-          "events": [
-            {
-              "name": "clear",
-              "description": "Emitted on clearing the input."
+                "type": "string"
+              }
             },
             {
-              "name": "close",
-              "description": "Emitted on click, space and enter user events. It will open the dropdown."
+              "name": "error",
+              "required": false,
+              "description": "Highlights the dropdown in an erroneous state.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
             },
             {
-              "name": "input",
-              "description": "Emitted on input event."
+              "name": "dynamicFiltering",
+              "required": false,
+              "description": "Sets the possibility to type into the textbox.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
             },
             {
-              "name": "keydown",
-              "description": "Emitted on keydown event."
+              "name": "disabled",
+              "required": false,
+              "description": "Disables dropdown functionality.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "emptyState",
+              "required": false,
+              "description": "Empty state props used with the inner empty state component which is displayed when no search results are found.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoDropdownEmptyStateProps"
+              }
+            },
+            {
+              "name": "condensed",
+              "required": false,
+              "description": "Renders the dropdown with a condensed style.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "ariaLabel",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "items",
+              "required": false,
+              "description": "The option elements to populate the currency dropdown with.\nIt must be an array of {@see BentoCurrencyListboxOptions }",
+              "value": {
+                "kind": "expression",
+                "type": "BentoCurrencyListboxOptions"
+              },
+              "default": "() => []"
+            }
+          ],
+          "events": [
+            {
+              "name": "input",
+              "description": "Emitted when an item is selected"
+            }
+          ],
+          "source": {
+            "module": "./src/components/dropdown/components/variants/dropdown-currency/dropdown-currency.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "dropdown-default-textbox",
+          "description": "",
+          "attributes": [
+            {
+              "name": "additionalItemsSelected",
+              "description": "The number of additional items that have been selected in the dropdown.",
+              "value": {
+                "kind": "expression",
+                "type": "number | string"
+              },
+              "default": "0"
+            },
+            {
+              "name": "ariaControls",
+              "required": true,
+              "description": "Sets the aria-controls attribute on the textbox. This should correspond to the popover's id that the textbox triggers.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "ariaExpanded",
+              "required": true,
+              "description": "Indicates whether the content the textbox triggers is visible or not. Needs to be set accordingly when the textbox is used and changed every time the popover is shown/hidden.",
+              "value": {
+                "kind": "expression",
+                "type": "Booleanish"
+              }
+            },
+            {
+              "name": "ariaLabel",
+              "description": "If no label element is used then the aria-label is be set should be set.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "null"
+            },
+            {
+              "name": "ariaLabelledby",
+              "description": "Corresponds to the label's id that labels the textbox element.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "null"
+            },
+            {
+              "name": "condensed",
+              "description": "Renders the dropdown with a condensed style.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "debounceTime",
+              "description": "Custom debounce time. Default: 300",
+              "value": {
+                "kind": "expression",
+                "type": "number"
+              },
+              "default": "300"
+            },
+            {
+              "name": "disabled",
+              "description": "Disables any textbox functionality",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "displayValue",
+              "description": "Selected option's label",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "null"
+            },
+            {
+              "name": "dynamicFiltering",
+              "description": "Sets the possibility to type into the textbox",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "isInvalid",
+              "description": "Marks the textbox as invalid, rendering an error state",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "open",
+              "description": "Indicates if the dropdown is open so that\nthe respective event can be emitted",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "readonly",
+              "description": "Sets the dropdown to readonly state",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "selectedValueItem",
+              "description": "The selected value's list box item.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoListboxOptionItem | BentoListboxOptionItem[]"
+              },
+              "default": "undefined"
+            },
+            {
+              "name": "showSlotContentInMultiple",
+              "description": "Toggles whether to use the slot content select items shown in the textbox in multiple mode.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "value",
+              "description": "The input value",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "''"
+            },
+            {
+              "name": "multiple",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            }
+          ],
+          "events": [
+            {
+              "name": "clear",
+              "description": "Emitted on clearing the input."
+            },
+            {
+              "name": "close",
+              "description": "Emitted on click, space and enter user events. It will open the dropdown."
+            },
+            {
+              "name": "input",
+              "description": "Emitted on input event."
+            },
+            {
+              "name": "keydown",
+              "description": "Emitted on keydown event."
             },
             {
               "name": "open",
@@ -7086,32 +7339,486 @@
               }
             },
             {
-              "name": "multiple",
-              "value": {
-                "kind": "expression",
-                "type": "BentoDropdownOptionsContainer.props.multiple"
-              }
+              "name": "multiple",
+              "value": {
+                "kind": "expression",
+                "type": "BentoDropdownOptionsContainer.props.multiple"
+              }
+            },
+            {
+              "name": "searching",
+              "value": {
+                "kind": "expression",
+                "type": "BentoDropdownOptionsContainer.props.searching"
+              }
+            }
+          ],
+          "slots": [
+            {
+              "name": "innerSlot"
+            }
+          ],
+          "source": {
+            "module": "./src/components/dropdown/components/dropdown-options-container/__tests__/dropdown-options-container-stub.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "dropdown-payment-method",
+          "description": "",
+          "attributes": [
+            {
+              "name": "enableValueLabelPair",
+              "required": false,
+              "description": "Enables value/label value handling. When `true`, the component expects and emits value/label\npair objects instead of primitive values.\n\nThis affects both the `value` prop and the `input` event payload.\n\n- **Input (`value` prop):** Expects a `{ value: string | number, label: string }` object (or an array of them for multi-select).\n- **Output (`input` event):** Emits a `{ value: string | number, label: string }` object (or an array of them) upon selection.\n\nThis is particularly useful when a selected item's label is not available in the `items` prop,\nallowing the component to display the correct label for values loaded from external sources.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "virtualScroll",
+              "required": false,
+              "description": "Enables virtual scrolling if set to true or by providing an object with itemHeight function.\nThe itemHeight function is used to calculate the height of rendered item given it's index.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoDropdownVirtulisationOptions"
+              }
+            },
+            {
+              "name": "value",
+              "required": false,
+              "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"
+              }
+            },
+            {
+              "name": "tooltipText",
+              "required": false,
+              "description": "Adds a info icon next to the label to display the passed tooltip message.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "staticCategories",
+              "required": false,
+              "description": "If enabled, dropdown will display non-selectable, static categories",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "size",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "union"
+              }
+            },
+            {
+              "name": "showSlotContentInMultiple",
+              "required": false,
+              "description": "Toggles whether to use the slot content select items shown in the textbox in multiple mode.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "search",
+              "required": false,
+              "description": "Dropdown search options and events.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoDropdownSearchOptions"
+              }
+            },
+            {
+              "name": "required",
+              "required": false,
+              "description": "Highlights the dropdown is required.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "readonly",
+              "required": false,
+              "description": "Sets the dropdown to readonly state",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "placeholder",
+              "required": false,
+              "description": "Text that appears in the form control when it has no value set",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "optional",
+              "required": false,
+              "description": "Highlights the dropdown is optional.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "multiple",
+              "required": false,
+              "description": "If enabled, the user will be able to select multiple items.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "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"
+              }
+            },
+            {
+              "name": "componentLoading",
+              "required": false,
+              "description": "Indicates that dropdown items are loading",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "loading",
+              "required": false,
+              "description": "Indicates if new options are lazy loading.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "label",
+              "required": false,
+              "description": "Text that is displayed as a label above the element.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "isOptionDisabled",
+              "required": false,
+              "description": "Function that dertermines which options are disabled from interaction.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoListboxIsOptionDisabled"
+              }
+            },
+            {
+              "name": "hasMoreItems",
+              "required": false,
+              "description": "Indicates whether there are more items to load",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "description",
+              "required": false,
+              "description": "Descriptive supporting text visbile underneath the dropdown.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "errorMessage",
+              "required": false,
+              "description": "Highlights the dropdown in an erroneous state with an error message.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "error",
+              "required": false,
+              "description": "Highlights the dropdown in an erroneous state.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "dynamicFiltering",
+              "required": false,
+              "description": "Sets the possibility to type into the textbox.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "disabled",
+              "required": false,
+              "description": "Disables dropdown functionality.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "emptyState",
+              "required": false,
+              "description": "Empty state props used with the inner empty state component which is displayed when no search results are found.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoDropdownEmptyStateProps"
+              }
+            },
+            {
+              "name": "condensed",
+              "required": false,
+              "description": "Renders the dropdown with a condensed style.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "ariaLabel",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "items",
+              "required": false,
+              "description": "The option elements to populate the payment method dropdown with.\nIt must be an array of {@see BentoPaymentMethodListboxOptions }",
+              "value": {
+                "kind": "expression",
+                "type": "BentoPaymentMethodListboxOptions"
+              },
+              "default": "() => []"
+            }
+          ],
+          "events": [
+            {
+              "name": "input",
+              "description": "Emitted when an item is selected"
+            }
+          ],
+          "source": {
+            "module": "./src/components/dropdown/components/variants/dropdown-payment-method/dropdown-payment-method.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "dropdown-scoped-slots-stub",
+          "description": "",
+          "attributes": [
+            {
+              "name": "dynamicFiltering",
+              "value": {
+                "kind": "expression",
+                "type": "BentoDropdown.props.dynamicFiltering"
+              }
+            },
+            {
+              "name": "items",
+              "value": {
+                "kind": "expression",
+                "type": "BentoDropdown.props.items"
+              }
+            },
+            {
+              "name": "multiple",
+              "value": {
+                "kind": "expression",
+                "type": "BentoDropdown.props.multiple"
+              }
+            },
+            {
+              "name": "placeholder",
+              "value": {
+                "kind": "expression",
+                "type": "BentoDropdown.props.placeholder"
+              }
+            }
+          ],
+          "source": {
+            "module": "./src/components/dropdown/__tests__/dropdown-scoped-slots-stub.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "dropdown-small-textbox",
+          "description": "",
+          "attributes": [
+            {
+              "name": "additionalItemsSelected",
+              "description": "The number of additional items that have been selected in the dropdown.",
+              "value": {
+                "kind": "expression",
+                "type": "number | string"
+              },
+              "default": "0"
+            },
+            {
+              "name": "ariaControls",
+              "required": true,
+              "description": "Sets the aria-controls attribute on the textbox. This should correspond to the popover's id that the textbox triggers.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "ariaExpanded",
+              "required": true,
+              "description": "Indicates whether the content the textbox triggers is visible or not. Needs to be set accordingly when the textbox is used and changed every time the popover is shown/hidden.",
+              "value": {
+                "kind": "expression",
+                "type": "Booleanish"
+              }
+            },
+            {
+              "name": "ariaLabel",
+              "description": "If no label element is used then the aria-label is be set should be set.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "null"
+            },
+            {
+              "name": "ariaLabelledby",
+              "description": "Corresponds to the label's id that labels the textbox element.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "null"
+            },
+            {
+              "name": "debounceTime",
+              "description": "Custom debounce time. Default: 300",
+              "value": {
+                "kind": "expression",
+                "type": "number"
+              },
+              "default": "300"
+            },
+            {
+              "name": "disabled",
+              "description": "Disables any textbox functionality",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "displayValue",
+              "description": "Selected option's label",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "null"
+            },
+            {
+              "name": "dynamicFiltering",
+              "description": "Sets the possibility to type into the textbox",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "isInvalid",
+              "description": "Marks the textbox as invalid, rendering an error state",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "open",
+              "description": "Indicates if the dropdown is open so that\nthe respective event can be emitted",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "readonly",
+              "description": "Sets the dropdown to readonly state",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "value",
+              "description": "The input value",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "''"
+            }
+          ],
+          "events": [
+            {
+              "name": "clear",
+              "description": "Emitted on clearing the input."
+            },
+            {
+              "name": "close",
+              "description": "Emitted on click, space and enter user events. It will open the dropdown."
             },
             {
-              "name": "searching",
-              "value": {
-                "kind": "expression",
-                "type": "BentoDropdownOptionsContainer.props.searching"
-              }
-            }
-          ],
-          "slots": [
+              "name": "input",
+              "description": "Emitted on input event."
+            },
             {
-              "name": "innerSlot"
+              "name": "keydown",
+              "description": "Emitted on keydown event."
+            },
+            {
+              "name": "open",
+              "description": "Emitted on click, space, enter and esc user events. It will close the dropdown."
             }
           ],
           "source": {
-            "module": "./src/components/dropdown/components/dropdown-options-container/__tests__/dropdown-options-container-stub.vue",
+            "module": "./src/components/dropdown/components/dropdown-small-textbox/dropdown-small-textbox.vue",
             "symbol": "default"
           }
         },
         {
-          "name": "dropdown-payment-method",
+          "name": "dropdown-tag",
           "description": "",
           "attributes": [
             {
@@ -7358,219 +8065,7 @@
             {
               "name": "items",
               "required": false,
-              "description": "The option elements to populate the payment method dropdown with.\nIt must be an array of {@see BentoPaymentMethodListboxOptions }",
-              "value": {
-                "kind": "expression",
-                "type": "BentoPaymentMethodListboxOptions"
-              },
-              "default": "() => []"
-            }
-          ],
-          "events": [
-            {
-              "name": "input",
-              "description": "Emitted when an item is selected"
-            }
-          ],
-          "source": {
-            "module": "./src/components/dropdown/components/variants/dropdown-payment-method/dropdown-payment-method.vue",
-            "symbol": "default"
-          }
-        },
-        {
-          "name": "dropdown-scoped-slots-stub",
-          "description": "",
-          "attributes": [
-            {
-              "name": "dynamicFiltering",
-              "value": {
-                "kind": "expression",
-                "type": "BentoDropdown.props.dynamicFiltering"
-              }
-            },
-            {
-              "name": "items",
-              "value": {
-                "kind": "expression",
-                "type": "BentoDropdown.props.items"
-              }
-            },
-            {
-              "name": "multiple",
-              "value": {
-                "kind": "expression",
-                "type": "BentoDropdown.props.multiple"
-              }
-            },
-            {
-              "name": "placeholder",
-              "value": {
-                "kind": "expression",
-                "type": "BentoDropdown.props.placeholder"
-              }
-            }
-          ],
-          "source": {
-            "module": "./src/components/dropdown/__tests__/dropdown-scoped-slots-stub.vue",
-            "symbol": "default"
-          }
-        },
-        {
-          "name": "dropdown-small-textbox",
-          "description": "",
-          "attributes": [
-            {
-              "name": "additionalItemsSelected",
-              "description": "The number of additional items that have been selected in the dropdown.",
-              "value": {
-                "kind": "expression",
-                "type": "number | string"
-              },
-              "default": "0"
-            },
-            {
-              "name": "ariaControls",
-              "required": true,
-              "description": "Sets the aria-controls attribute on the textbox. This should correspond to the popover's id that the textbox triggers.",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              }
-            },
-            {
-              "name": "ariaExpanded",
-              "required": true,
-              "description": "Indicates whether the content the textbox triggers is visible or not. Needs to be set accordingly when the textbox is used and changed every time the popover is shown/hidden.",
-              "value": {
-                "kind": "expression",
-                "type": "Booleanish"
-              }
-            },
-            {
-              "name": "ariaLabel",
-              "description": "If no label element is used then the aria-label is be set should be set.",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              },
-              "default": "null"
-            },
-            {
-              "name": "ariaLabelledby",
-              "description": "Corresponds to the label's id that labels the textbox element.",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              },
-              "default": "null"
-            },
-            {
-              "name": "debounceTime",
-              "description": "Custom debounce time. Default: 300",
-              "value": {
-                "kind": "expression",
-                "type": "number"
-              },
-              "default": "300"
-            },
-            {
-              "name": "disabled",
-              "description": "Disables any textbox functionality",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "displayValue",
-              "description": "Selected option's label",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              },
-              "default": "null"
-            },
-            {
-              "name": "dynamicFiltering",
-              "description": "Sets the possibility to type into the textbox",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "isInvalid",
-              "description": "Marks the textbox as invalid, rendering an error state",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "open",
-              "description": "Indicates if the dropdown is open so that\nthe respective event can be emitted",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "readonly",
-              "description": "Sets the dropdown to readonly state",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "value",
-              "description": "The input value",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              },
-              "default": "''"
-            }
-          ],
-          "events": [
-            {
-              "name": "clear",
-              "description": "Emitted on clearing the input."
-            },
-            {
-              "name": "close",
-              "description": "Emitted on click, space and enter user events. It will open the dropdown."
-            },
-            {
-              "name": "input",
-              "description": "Emitted on input event."
-            },
-            {
-              "name": "keydown",
-              "description": "Emitted on keydown event."
-            },
-            {
-              "name": "open",
-              "description": "Emitted on click, space, enter and esc user events. It will close the dropdown."
-            }
-          ],
-          "source": {
-            "module": "./src/components/dropdown/components/dropdown-small-textbox/dropdown-small-textbox.vue",
-            "symbol": "default"
-          }
-        },
-        {
-          "name": "dropdown-tag",
-          "description": "",
-          "attributes": [
-            {
-              "name": "items",
-              "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.",
+              "description": "The option elements to populate the tag dropdown with.\nIt must be an array of {@see BentoTagListboxOptions }",
               "value": {
                 "kind": "expression",
                 "type": "BentoTagListboxOptions"
@@ -12802,6 +13297,9 @@
           "slots": [
             {
               "name": "content"
+            },
+            {
+              "name": "description"
             }
           ],
           "source": {
@@ -12809,6 +13307,14 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "radio-group-slots-example",
+          "description": "",
+          "source": {
+            "module": "./src/components/radio-group/__tests__/radio-group-slots-example.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "radio-input",
           "description": "",
@@ -15621,6 +16127,14 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "timeline-dynamic-add-stub",
+          "description": "",
+          "source": {
+            "module": "./src/components/timeline/__tests__/timeline-dynamic-add-stub.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "timeline-stub",
           "description": "",