@rotki/ui-library 2.20.2 → 2.22.0

package/dist/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "http://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "@rotki/ui-library",
-  "version": "2.20.2",
+  "version": "2.22.0",
   "js-types-syntax": "typescript",
   "description-markup": "markdown",
   "contributions": {
@@ -2513,10 +2513,10 @@
               "name": "group-expand-button-position",
               "description": "",
               "required": false,
-              "default": "'start'",
+              "default": "GroupExpandButtonPosition.start",
               "value": {
                 "kind": "expression",
-                "type": "'start' | 'end' | undefined"
+                "type": "GroupExpandButtonPosition | undefined"
               }
             },
             {
@@ -2548,6 +2548,33 @@
                 "type": "string | ((item: T) => string) | undefined"
               }
             },
+            {
+              "name": "mobile-breakpoint",
+              "description": "Render each row as a stacked card instead of a table row once the measured\nwidth is narrower than this width (in pixels). Columns flagged with\n`mobileHidden` are dropped in this layout. Falls back to the global\n`mobileBreakpoint` table default; leave both unset to keep the default table\nlayout at every width.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "number | undefined"
+              }
+            },
+            {
+              "name": "mobile-breakpoint-basis",
+              "description": "What the `mobileBreakpoint` is measured against: the browser `viewport`\n(default) or this table's own `container` width. Use `container` when the\ntable lives in a narrow region of a wider window. Falls back to the global\n`mobileBreakpointBasis` table default.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "'viewport' | 'container' | undefined"
+              }
+            },
+            {
+              "name": "mobile",
+              "description": "Force the stacked mobile card layout on (`true`) or off (`false`),\nregardless of `mobileBreakpoint`. Leave unset to derive it from the width.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
             {
               "name": "model-value",
               "description": "",
@@ -2906,15 +2933,6 @@
                 "type": "boolean | undefined"
               }
             },
-            {
-              "name": "no-data",
-              "description": "",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean | undefined"
-              }
-            },
             {
               "name": "colspan",
               "description": "",
@@ -3075,6 +3093,16 @@
                 "type": "boolean | undefined"
               }
             },
+            {
+              "name": "mobile",
+              "description": "Render a compact, touch-friendly layout: the sections spread across the\nfull width and the first/last jump buttons are dropped to save space.",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
             {
               "name": "ranges-threshold",
               "description": "Maximum number of pages before the jump-to-page dropdown is replaced\nwith a numeric input. Set to `0` to always use the input, or a very\nlarge number to always use the dropdown. Defaults to `500` — past that\nmaterialising the full range list stalls the main thread.",
@@ -3555,7 +3583,7 @@
           "js": {
             "events": [
               {
-                "name": "update:modelValue",
+                "name": "update:model-value",
                 "arguments": [
                   {
                     "name": "argument",
@@ -3564,10 +3592,6 @@
                 ]
               }
             ]
-          },
-          "vue-model": {
-            "prop": "modelValue",
-            "event": "update:modelValue"
           }
         },
         {
@@ -3941,11 +3965,11 @@
             },
             {
               "name": "filter",
-              "description": "",
+              "description": "Custom search predicate. Receives the resolved group label as a third\nargument when `groupBy` is set, so callers don't have to re-run the\n`groupBy` resolver themselves.",
               "required": false,
               "value": {
                 "kind": "expression",
-                "type": "((item: TItem, queryText: string) => boolean) | undefined"
+                "type": "((item: TItem, queryText: string, group?: string | undefined) => boolean) | undefined"
               }
             },
             {
@@ -4028,6 +4052,34 @@
                 "type": "boolean | undefined"
               }
             },
+            {
+              "name": "group-by",
+              "description": "",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "GroupBy<TItem> | undefined"
+              }
+            },
+            {
+              "name": "item-disabled",
+              "description": "",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "ItemDisabled<TItem> | undefined"
+              }
+            },
+            {
+              "name": "search-includes-group-label",
+              "description": "When true and `groupBy` is set, the default search predicate also matches\nagainst the resolved group label. Items belonging to a group whose label\nmatches the query stay visible (group header included), even when the\nitems themselves don't match. No effect when a custom `filter` is supplied\nor when `groupBy` is undefined.",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
             {
               "name": "model-value",
               "description": "",
@@ -4176,8 +4228,37 @@
                 }
               ]
             },
+            {
+              "name": "group-header",
+              "vue-properties": [
+                {
+                  "name": "group",
+                  "type": "string"
+                },
+                {
+                  "name": "items",
+                  "type": "TItem[]"
+                }
+              ]
+            },
             {
               "name": "no-data"
+            },
+            {
+              "name": "placeholder",
+              "vue-properties": [
+                {
+                  "name": "disabled",
+                  "type": "boolean"
+                },
+                {
+                  "name": "readOnly",
+                  "type": "boolean"
+                }
+              ]
+            },
+            {
+              "name": "footer"
             }
           ],
           "js": {
@@ -4208,121 +4289,133 @@
           }
         },
         {
-          "name": "RuiCheckbox",
+          "name": "RuiCategoryPicker",
           "source": {
-            "module": "@rotki/ui-library/components/forms/checkbox/RuiCheckbox.vue",
-            "symbol": "RuiCheckbox"
+            "module": "@rotki/ui-library/components/forms/category-picker/RuiCategoryPicker.vue",
+            "symbol": "RuiCategoryPicker"
           },
           "attributes": [
             {
-              "name": "value",
-              "description": "",
+              "name": "items",
+              "description": "The full catalogue of selectable items.",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "TItem[]"
+              }
+            },
+            {
+              "name": "category-of",
+              "description": "Resolve an item's category label. Takes precedence over `categoryAttr`.",
               "required": false,
               "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "TValue | undefined"
+                "type": "((item: TItem) => string) | undefined"
               }
             },
             {
-              "name": "disabled",
-              "description": "",
+              "name": "category-attr",
+              "description": "Resolve an item's category from one of its own properties.",
               "required": false,
+              "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "boolean | undefined"
+                "type": "keyof TItem | undefined"
               }
             },
             {
-              "name": "color",
-              "description": "",
+              "name": "key-attr",
+              "description": "Property whose value becomes the model value. Omit to use the item itself.",
               "required": false,
+              "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "'error' | 'primary' | 'secondary' | 'warning' | 'info' | 'success' | undefined"
+                "type": "KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined"
               }
             },
             {
-              "name": "size",
-              "description": "",
+              "name": "text-attr",
+              "description": "Property that produces an item's display text.",
               "required": false,
+              "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "'sm' | 'lg' | undefined"
+                "type": "keyof TItem | undefined"
               }
             },
             {
               "name": "label",
-              "description": "",
+              "description": "Field label, and the title of the mobile sheet.",
               "required": false,
-              "default": "''",
+              "default": "'Select'",
               "value": {
                 "kind": "expression",
                 "type": "string | undefined"
               }
             },
             {
-              "name": "hint",
-              "description": "",
+              "name": "placeholder",
+              "description": "Placeholder shown in the field while it is empty or being searched.",
               "required": false,
-              "default": "''",
+              "default": "'Search'",
               "value": {
                 "kind": "expression",
                 "type": "string | undefined"
               }
             },
             {
-              "name": "error-messages",
-              "description": "",
+              "name": "searchable",
+              "description": "Allow filtering: type in the field (desktop) or the sheet's search box (mobile).",
               "required": false,
-              "default": "[]",
+              "default": "true",
               "value": {
                 "kind": "expression",
-                "type": "string | string[] | undefined"
+                "type": "boolean | undefined"
               }
             },
             {
-              "name": "success-messages",
-              "description": "",
+              "name": "filter",
+              "description": "Custom predicate. Receives the resolved category label as the third\nargument, matching the `RuiAutoComplete` filter signature.",
               "required": false,
-              "default": "[]",
+              "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "string | string[] | undefined"
+                "type": "((item: TItem, query: string, category: string) => boolean) | undefined"
               }
             },
             {
-              "name": "hide-details",
-              "description": "",
+              "name": "show-all",
+              "description": "Show the synthetic \"All\" pseudo-category as the first rail entry.",
               "required": false,
-              "default": "false",
+              "default": "true",
               "value": {
                 "kind": "expression",
                 "type": "boolean | undefined"
               }
             },
             {
-              "name": "required",
-              "description": "",
+              "name": "all-label",
+              "description": "Label for the \"All\" pseudo-category.",
               "required": false,
-              "default": "false",
+              "default": "'All'",
               "value": {
                 "kind": "expression",
-                "type": "boolean | undefined"
+                "type": "string | undefined"
               }
             },
             {
-              "name": "model-value",
-              "description": "",
+              "name": "empty-text",
+              "description": "Text shown when no item matches the current search.",
               "required": false,
-              "default": "false",
+              "default": "'No results'",
               "value": {
                 "kind": "expression",
-                "type": "boolean | undefined"
+                "type": "string | undefined"
               }
             },
             {
-              "name": "indeterminate",
+              "name": "disabled",
               "description": "",
               "required": false,
               "default": "false",
@@ -4330,69 +4423,19 @@
                 "kind": "expression",
                 "type": "boolean | undefined"
               }
-            }
-          ],
-          "slots": [
-            {
-              "name": "default"
-            }
-          ],
-          "js": {
-            "events": [
-              {
-                "name": "update:modelValue",
-                "arguments": [
-                  {
-                    "name": "argument",
-                    "type": "[value: boolean]"
-                  }
-                ]
-              },
-              {
-                "name": "update:indeterminate",
-                "arguments": [
-                  {
-                    "name": "argument",
-                    "type": "[value: boolean]"
-                  }
-                ]
-              }
-            ]
-          },
-          "vue-model": {
-            "prop": "modelValue",
-            "event": "update:modelValue"
-          }
-        },
-        {
-          "name": "RuiRevealableTextField",
-          "source": {
-            "module": "@rotki/ui-library/components/forms/revealable-text-field/RuiRevealableTextField.vue",
-            "symbol": "RuiRevealableTextField"
-          },
-          "attributes": [
-            {
-              "name": "label",
-              "description": "",
-              "required": false,
-              "default": "''",
-              "value": {
-                "kind": "expression",
-                "type": "string | undefined"
-              }
             },
             {
-              "name": "placeholder",
+              "name": "read-only",
               "description": "",
               "required": false,
-              "default": "''",
+              "default": "false",
               "value": {
                 "kind": "expression",
-                "type": "string | undefined"
+                "type": "boolean | undefined"
               }
             },
             {
-              "name": "disabled",
+              "name": "dense",
               "description": "",
               "required": false,
               "default": "false",
@@ -4402,36 +4445,38 @@
               }
             },
             {
-              "name": "variant",
+              "name": "clearable",
               "description": "",
               "required": false,
-              "default": "'default'",
+              "default": "false",
               "value": {
                 "kind": "expression",
-                "type": "TextInputVariant | undefined"
+                "type": "boolean | undefined"
               }
             },
             {
-              "name": "color",
+              "name": "loading",
               "description": "",
               "required": false,
+              "default": "false",
               "value": {
                 "kind": "expression",
-                "type": "'error' | 'primary' | 'secondary' | 'warning' | 'info' | 'success' | undefined"
+                "type": "boolean | undefined"
               }
             },
             {
-              "name": "text-color",
-              "description": "",
+              "name": "variant",
+              "description": "Trigger field style: underline (`default`), `outlined`, or `filled`.",
               "required": false,
+              "default": "'outlined'",
               "value": {
                 "kind": "expression",
-                "type": "'error' | 'primary' | 'secondary' | 'warning' | 'info' | 'success' | undefined"
+                "type": "TextInputVariant | undefined"
               }
             },
             {
-              "name": "dense",
-              "description": "",
+              "name": "required",
+              "description": "Marks the trigger field as required (renders the asterisk).",
               "required": false,
               "default": "false",
               "value": {
@@ -4440,18 +4485,18 @@
               }
             },
             {
-              "name": "hint",
-              "description": "",
+              "name": "error-messages",
+              "description": "Validation errors rendered under the trigger field.",
               "required": false,
-              "default": "''",
+              "default": "[]",
               "value": {
                 "kind": "expression",
-                "type": "string | undefined"
+                "type": "string | string[] | undefined"
               }
             },
             {
-              "name": "error-messages",
-              "description": "",
+              "name": "success-messages",
+              "description": "Success messages rendered under the trigger field.",
               "required": false,
               "default": "[]",
               "value": {
@@ -4460,18 +4505,18 @@
               }
             },
             {
-              "name": "success-messages",
-              "description": "",
+              "name": "hint",
+              "description": "Hint rendered under the trigger field.",
               "required": false,
-              "default": "[]",
+              "default": "''",
               "value": {
                 "kind": "expression",
-                "type": "string | string[] | undefined"
+                "type": "string | undefined"
               }
             },
             {
               "name": "hide-details",
-              "description": "",
+              "description": "Hide the details row (errors/success/hint) under the trigger field.",
               "required": false,
               "default": "false",
               "value": {
@@ -4480,75 +4525,218 @@
               }
             },
             {
-              "name": "prepend-icon",
-              "description": "",
+              "name": "mobile-breakpoint",
+              "description": "Below this breakpoint the picker collapses to a single-pane drill-in.",
               "required": false,
+              "default": "'md'",
               "value": {
                 "kind": "expression",
-                "type": "string | undefined"
+                "type": "CategoryPickerBreakpoint | undefined"
               }
             },
             {
-              "name": "append-icon",
-              "description": "",
+              "name": "dialog-options",
+              "description": "Forwarded to the mobile bottom-sheet (`RuiDialog`).",
               "required": false,
+              "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "string | undefined"
+                "type": "DialogProps | undefined"
               }
             },
             {
-              "name": "readonly",
+              "name": "class-names",
               "description": "",
               "required": false,
-              "default": "false",
+              "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "boolean | undefined"
+                "type": "RuiCategoryPickerClassNames | undefined"
               }
             },
             {
-              "name": "clearable",
+              "name": "model-value",
               "description": "",
               "required": false,
-              "default": "false",
               "value": {
                 "kind": "expression",
-                "type": "boolean | undefined"
+                "type": "TValue | undefined"
               }
             },
             {
-              "name": "required",
+              "name": "search",
               "description": "",
               "required": false,
-              "default": "false",
-              "value": {
-                "kind": "expression",
-                "type": "boolean | undefined"
-              }
-            },
-            {
-              "name": "model-value",
-              "description": "",
-              "required": true,
+              "default": "''",
               "value": {
                 "kind": "expression",
-                "type": "string"
+                "type": "string | undefined"
               }
             }
           ],
           "slots": [
             {
-              "name": "prepend"
+              "name": "activator",
+              "vue-properties": [
+                {
+                  "name": "attrs",
+                  "type": "{ onClick?: (() => void) | undefined; onMouseover?: (() => void) | undefined; onMouseleave?: (() => void) | undefined; }"
+                },
+                {
+                  "name": "isOpen",
+                  "type": "boolean"
+                },
+                {
+                  "name": "open",
+                  "type": "() => void"
+                },
+                {
+                  "name": "item",
+                  "type": "TItem | undefined"
+                },
+                {
+                  "name": "text",
+                  "type": "string | undefined"
+                }
+              ]
             },
             {
-              "name": "append"
+              "name": "activator.label",
+              "vue-properties": [
+                {
+                  "name": "item",
+                  "type": "TItem | undefined"
+                }
+              ]
+            },
+            {
+              "name": "selection",
+              "vue-properties": [
+                {
+                  "name": "item",
+                  "type": "TItem"
+                }
+              ]
+            },
+            {
+              "name": "selection.prepend",
+              "vue-properties": [
+                {
+                  "name": "item",
+                  "type": "TItem"
+                }
+              ]
+            },
+            {
+              "name": "category",
+              "vue-properties": [
+                {
+                  "name": "category",
+                  "type": "string | null"
+                },
+                {
+                  "name": "label",
+                  "type": "string"
+                },
+                {
+                  "name": "active",
+                  "type": "boolean"
+                },
+                {
+                  "name": "count",
+                  "type": "number"
+                }
+              ]
+            },
+            {
+              "name": "item",
+              "vue-properties": [
+                {
+                  "name": "item",
+                  "type": "TItem"
+                },
+                {
+                  "name": "active",
+                  "type": "boolean"
+                },
+                {
+                  "name": "selected",
+                  "type": "boolean"
+                }
+              ]
+            },
+            {
+              "name": "item.prepend",
+              "vue-properties": [
+                {
+                  "name": "item",
+                  "type": "TItem"
+                },
+                {
+                  "name": "active",
+                  "type": "boolean"
+                },
+                {
+                  "name": "selected",
+                  "type": "boolean"
+                }
+              ]
+            },
+            {
+              "name": "item.append",
+              "vue-properties": [
+                {
+                  "name": "item",
+                  "type": "TItem"
+                },
+                {
+                  "name": "active",
+                  "type": "boolean"
+                },
+                {
+                  "name": "selected",
+                  "type": "boolean"
+                }
+              ]
+            },
+            {
+              "name": "empty"
+            },
+            {
+              "name": "header"
+            },
+            {
+              "name": "footer",
+              "vue-properties": [
+                {
+                  "name": "close",
+                  "type": "() => void"
+                }
+              ]
             }
           ],
           "js": {
             "events": [
+              {
+                "name": "select",
+                "arguments": [
+                  {
+                    "name": "argument",
+                    "type": "[item: TItem]"
+                  }
+                ]
+              },
               {
                 "name": "update:modelValue",
+                "arguments": [
+                  {
+                    "name": "argument",
+                    "type": "[value: TValue | undefined]"
+                  }
+                ]
+              },
+              {
+                "name": "update:search",
                 "arguments": [
                   {
                     "name": "argument",
@@ -4564,193 +4752,242 @@
           }
         },
         {
-          "name": "RuiMenuSelect",
+          "name": "RuiCheckbox",
           "source": {
-            "module": "@rotki/ui-library/components/forms/select/RuiMenuSelect.vue",
-            "symbol": "RuiMenuSelect"
+            "module": "@rotki/ui-library/components/forms/checkbox/RuiCheckbox.vue",
+            "symbol": "RuiCheckbox"
           },
           "attributes": [
             {
-              "name": "options",
-              "description": "",
-              "required": true,
-              "value": {
-                "kind": "expression",
-                "type": "TItem[]"
-              }
-            },
-            {
-              "name": "key-attr",
-              "description": "",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined"
-              }
-            },
-            {
-              "name": "text-attr",
+              "name": "value",
               "description": "",
               "required": false,
+              "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "keyof TItem | undefined"
+                "type": "TValue | undefined"
               }
             },
             {
               "name": "disabled",
               "description": "",
               "required": false,
-              "default": "false",
               "value": {
                 "kind": "expression",
                 "type": "boolean | undefined"
               }
             },
             {
-              "name": "loading",
+              "name": "color",
               "description": "",
               "required": false,
-              "default": "false",
               "value": {
                 "kind": "expression",
-                "type": "boolean | undefined"
+                "type": "'error' | 'primary' | 'secondary' | 'warning' | 'info' | 'success' | undefined"
               }
             },
             {
-              "name": "read-only",
+              "name": "size",
               "description": "",
               "required": false,
-              "default": "false",
               "value": {
                 "kind": "expression",
-                "type": "boolean | undefined"
+                "type": "'sm' | 'lg' | undefined"
               }
             },
             {
-              "name": "dense",
+              "name": "label",
               "description": "",
               "required": false,
-              "default": "false",
+              "default": "''",
               "value": {
                 "kind": "expression",
-                "type": "boolean | undefined"
+                "type": "string | undefined"
               }
             },
             {
-              "name": "clearable",
+              "name": "hint",
               "description": "",
               "required": false,
-              "default": "false",
+              "default": "''",
               "value": {
                 "kind": "expression",
-                "type": "boolean | undefined"
+                "type": "string | undefined"
               }
             },
             {
-              "name": "label",
+              "name": "error-messages",
               "description": "",
               "required": false,
-              "default": "'Select'",
+              "default": "[]",
               "value": {
                 "kind": "expression",
-                "type": "string | undefined"
+                "type": "string | string[] | undefined"
               }
             },
             {
-              "name": "menu-options",
+              "name": "success-messages",
               "description": "",
               "required": false,
+              "default": "[]",
               "value": {
                 "kind": "expression",
-                "type": "MenuProps | undefined"
+                "type": "string | string[] | undefined"
               }
             },
             {
-              "name": "class-names",
+              "name": "hide-details",
               "description": "",
               "required": false,
+              "default": "false",
               "value": {
                 "kind": "expression",
-                "type": "RuiMenuSelectClassNames | undefined"
+                "type": "boolean | undefined"
               }
             },
             {
-              "name": "label-class",
+              "name": "required",
               "description": "",
               "required": false,
+              "default": "false",
               "value": {
                 "kind": "expression",
-                "type": "string | undefined"
+                "type": "boolean | undefined"
               }
             },
             {
-              "name": "menu-class",
+              "name": "model-value",
               "description": "",
               "required": false,
+              "default": "false",
               "value": {
                 "kind": "expression",
-                "type": "string | undefined"
+                "type": "boolean | undefined"
               }
             },
             {
-              "name": "option-class",
+              "name": "indeterminate",
               "description": "",
               "required": false,
+              "default": "false",
               "value": {
                 "kind": "expression",
-                "type": "string | undefined"
+                "type": "boolean | undefined"
               }
-            },
-            {
-              "name": "prepend-width",
-              "description": "",
+            }
+          ],
+          "slots": [
+            {
+              "name": "default"
+            }
+          ],
+          "js": {
+            "events": [
+              {
+                "name": "update:modelValue",
+                "arguments": [
+                  {
+                    "name": "argument",
+                    "type": "[value: boolean]"
+                  }
+                ]
+              },
+              {
+                "name": "update:indeterminate",
+                "arguments": [
+                  {
+                    "name": "argument",
+                    "type": "[value: boolean]"
+                  }
+                ]
+              }
+            ]
+          },
+          "vue-model": {
+            "prop": "modelValue",
+            "event": "update:modelValue"
+          }
+        },
+        {
+          "name": "RuiFileUpload",
+          "source": {
+            "module": "@rotki/ui-library/components/forms/file-upload/RuiFileUpload.vue",
+            "symbol": "RuiFileUpload"
+          },
+          "attributes": [
+            {
+              "name": "accept",
+              "description": "File type filter (HTML accept attribute syntax). e.g. '.csv', 'image/*', '.png,.jpg'",
               "required": false,
+              "default": "'*'",
               "value": {
                 "kind": "expression",
-                "type": "number | undefined"
+                "type": "string | undefined"
               }
             },
             {
-              "name": "append-width",
-              "description": "",
+              "name": "multiple",
+              "description": "Allow multiple file selection.",
               "required": false,
+              "default": "false",
               "value": {
                 "kind": "expression",
-                "type": "number | undefined"
+                "type": "boolean | undefined"
               }
             },
             {
-              "name": "item-height",
+              "name": "disabled",
               "description": "",
               "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "loading",
+              "description": "Shows a loading overlay (consumer-driven, e.g. while uploading).",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "progress",
+              "description": "Upload progress 0-100. When provided alongside `loading`, the overlay shows a determinate progress bar with percentage.",
+              "required": false,
+              "default": "undefined",
               "value": {
                 "kind": "expression",
                 "type": "number | undefined"
               }
             },
             {
-              "name": "variant",
-              "description": "",
+              "name": "uploaded",
+              "description": "Renders the success state border/icon. Consumer toggles back to false.",
               "required": false,
-              "default": "'default'",
+              "default": "false",
               "value": {
                 "kind": "expression",
-                "type": "TextInputVariant | undefined"
+                "type": "boolean | undefined"
               }
             },
             {
-              "name": "hint",
-              "description": "",
+              "name": "max-size",
+              "description": "Optional max size per file in bytes; failures emit `error` and set internal error state.",
               "required": false,
+              "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "string | undefined"
+                "type": "number | undefined"
               }
             },
             {
               "name": "error-messages",
-              "description": "",
+              "description": "External error messages (e.g. from Vuelidate). Shown via the standard form detail block.",
               "required": false,
               "default": "[]",
               "value": {
@@ -4759,18 +4996,18 @@
               }
             },
             {
-              "name": "success-messages",
-              "description": "",
+              "name": "hint",
+              "description": "Hint text below the dropzone.",
               "required": false,
-              "default": "[]",
+              "default": "''",
               "value": {
                 "kind": "expression",
-                "type": "string | string[] | undefined"
+                "type": "string | undefined"
               }
             },
             {
-              "name": "hide-details",
-              "description": "",
+              "name": "no-drop",
+              "description": "Disable drag-and-drop; the dropzone becomes click-only (matches rotki.com use case).",
               "required": false,
               "default": "false",
               "value": {
@@ -4779,38 +5016,38 @@
               }
             },
             {
-              "name": "auto-select-first",
-              "description": "",
+              "name": "upload-text",
+              "description": "Replace the default \"Drag and drop or {button}\" copy.",
               "required": false,
-              "default": "false",
+              "default": "'Drag and drop or'",
               "value": {
                 "kind": "expression",
-                "type": "boolean | undefined"
+                "type": "string | undefined"
               }
             },
             {
-              "name": "hide-no-data",
-              "description": "",
+              "name": "click-to-upload-text",
+              "description": "Label shown on the inline button when no file is selected.",
               "required": false,
-              "default": "false",
+              "default": "'click to upload'",
               "value": {
                 "kind": "expression",
-                "type": "boolean | undefined"
+                "type": "string | undefined"
               }
             },
             {
-              "name": "no-data-text",
-              "description": "",
+              "name": "replace-text",
+              "description": "Label shown on the inline button when one or more files are already selected.",
               "required": false,
-              "default": "'No data available'",
+              "default": "'replace file'",
               "value": {
                 "kind": "expression",
                 "type": "string | undefined"
               }
             },
             {
-              "name": "required",
-              "description": "",
+              "name": "hide-details",
+              "description": "Hide the bottom hint/error details strip.",
               "required": false,
               "default": "false",
               "value": {
@@ -4824,138 +5061,48 @@
               "required": true,
               "value": {
                 "kind": "expression",
-                "type": "TValue | undefined"
+                "type": "File | File[] | undefined"
               }
             }
           ],
           "slots": [
             {
-              "name": "activator",
-              "vue-properties": [
-                {
-                  "name": "disabled",
-                  "type": "boolean"
-                },
-                {
-                  "name": "value",
-                  "type": "TItem | undefined"
-                },
-                {
-                  "name": "variant",
-                  "type": "string"
-                },
-                {
-                  "name": "readOnly",
-                  "type": "boolean"
-                },
-                {
-                  "name": "attrs",
-                  "type": "Record<string, unknown>"
-                },
-                {
-                  "name": "open",
-                  "type": "boolean"
-                },
-                {
-                  "name": "hasError",
-                  "type": "boolean"
-                },
-                {
-                  "name": "hasSuccess",
-                  "type": "boolean"
-                }
-              ]
-            },
-            {
-              "name": "activator.label",
-              "vue-properties": [
-                {
-                  "name": "value",
-                  "type": "TItem | undefined"
-                }
-              ]
-            },
-            {
-              "name": "selection.prepend",
-              "vue-properties": [
-                {
-                  "name": "item",
-                  "type": "TItem"
-                }
-              ]
-            },
-            {
-              "name": "selection",
-              "vue-properties": [
-                {
-                  "name": "item",
-                  "type": "TItem"
-                }
-              ]
-            },
-            {
-              "name": "item.prepend",
-              "vue-properties": [
-                {
-                  "name": "disabled",
-                  "type": "boolean"
-                },
-                {
-                  "name": "item",
-                  "type": "TItem"
-                },
-                {
-                  "name": "active",
-                  "type": "boolean"
-                }
-              ]
-            },
-            {
-              "name": "item",
+              "name": "preview",
               "vue-properties": [
                 {
-                  "name": "disabled",
-                  "type": "boolean"
-                },
-                {
-                  "name": "item",
-                  "type": "TItem"
+                  "name": "files",
+                  "type": "File[]"
                 },
                 {
-                  "name": "active",
-                  "type": "boolean"
+                  "name": "remove",
+                  "type": "() => void"
                 }
               ]
             },
             {
-              "name": "item.append",
-              "vue-properties": [
-                {
-                  "name": "disabled",
-                  "type": "boolean"
-                },
-                {
-                  "name": "item",
-                  "type": "TItem"
-                },
-                {
-                  "name": "active",
-                  "type": "boolean"
-                }
-              ]
+              "name": "icon"
             },
             {
-              "name": "no-data"
+              "name": "description"
             }
           ],
           "js": {
             "events": [
+              {
+                "name": "error",
+                "arguments": [
+                  {
+                    "name": "argument",
+                    "type": "[message: string]"
+                  }
+                ]
+              },
               {
                 "name": "update:modelValue",
                 "arguments": [
                   {
                     "name": "argument",
-                    "type": "[value: TValue | undefined]"
+                    "type": "[value: File | File[] | undefined]"
                   }
                 ]
               }
@@ -4967,137 +5114,112 @@
           }
         },
         {
-          "name": "RuiSimpleSelect",
+          "name": "RuiRevealableTextField",
           "source": {
-            "module": "@rotki/ui-library/components/forms/select/RuiSimpleSelect.vue",
-            "symbol": "RuiSimpleSelect"
+            "module": "@rotki/ui-library/components/forms/revealable-text-field/RuiRevealableTextField.vue",
+            "symbol": "RuiRevealableTextField"
           },
           "attributes": [
             {
-              "name": "options",
+              "name": "label",
               "description": "",
-              "required": true,
+              "required": false,
+              "default": "''",
               "value": {
                 "kind": "expression",
-                "type": "string[] | number[]"
+                "type": "string | undefined"
               }
             },
             {
-              "name": "disabled",
+              "name": "placeholder",
               "description": "",
               "required": false,
-              "default": "false",
+              "default": "''",
               "value": {
                 "kind": "expression",
-                "type": "boolean | undefined"
+                "type": "string | undefined"
               }
             },
             {
-              "name": "label",
+              "name": "disabled",
               "description": "",
               "required": false,
+              "default": "false",
               "value": {
                 "kind": "expression",
-                "type": "string | undefined"
+                "type": "boolean | undefined"
               }
             },
             {
-              "name": "name",
+              "name": "variant",
               "description": "",
               "required": false,
-              "default": "''",
+              "default": "'default'",
               "value": {
                 "kind": "expression",
-                "type": "string | undefined"
+                "type": "TextInputVariant | undefined"
               }
             },
             {
-              "name": "variant",
+              "name": "color",
               "description": "",
               "required": false,
               "value": {
                 "kind": "expression",
-                "type": "'outlined' | 'default' | undefined"
+                "type": "'error' | 'primary' | 'secondary' | 'warning' | 'info' | 'success' | undefined"
               }
             },
             {
-              "name": "model-value",
+              "name": "text-color",
               "description": "",
-              "required": true,
+              "required": false,
               "value": {
                 "kind": "expression",
-                "type": "string | number"
-              }
-            }
-          ],
-          "slots": [],
-          "js": {
-            "events": [
-              {
-                "name": "update:modelValue",
-                "arguments": [
-                  {
-                    "name": "argument",
-                    "type": "[value: string | number]"
-                  }
-                ]
+                "type": "'error' | 'primary' | 'secondary' | 'warning' | 'info' | 'success' | undefined"
               }
-            ]
-          },
-          "vue-model": {
-            "prop": "modelValue",
-            "event": "update:modelValue"
-          }
-        },
-        {
-          "name": "RuiSlider",
-          "source": {
-            "module": "@rotki/ui-library/components/forms/slider/RuiSlider.vue",
-            "symbol": "RuiSlider"
-          },
-          "attributes": [
+            },
             {
-              "name": "min",
+              "name": "dense",
               "description": "",
               "required": false,
-              "default": "0",
+              "default": "false",
               "value": {
                 "kind": "expression",
-                "type": "number | undefined"
+                "type": "boolean | undefined"
               }
             },
             {
-              "name": "max",
+              "name": "hint",
               "description": "",
               "required": false,
-              "default": "100",
+              "default": "''",
               "value": {
                 "kind": "expression",
-                "type": "number | undefined"
+                "type": "string | undefined"
               }
             },
             {
-              "name": "step",
+              "name": "error-messages",
               "description": "",
               "required": false,
-              "default": "1",
+              "default": "[]",
               "value": {
                 "kind": "expression",
-                "type": "number | undefined"
+                "type": "string | string[] | undefined"
               }
             },
             {
-              "name": "disabled",
+              "name": "success-messages",
               "description": "",
               "required": false,
-              "default": "false",
+              "default": "[]",
               "value": {
                 "kind": "expression",
-                "type": "boolean | undefined"
+                "type": "string | string[] | undefined"
               }
             },
             {
-              "name": "show-thumb-label",
+              "name": "hide-details",
               "description": "",
               "required": false,
               "default": "false",
@@ -5107,37 +5229,35 @@
               }
             },
             {
-              "name": "show-ticks",
+              "name": "prepend-icon",
               "description": "",
               "required": false,
-              "default": "false",
               "value": {
                 "kind": "expression",
-                "type": "boolean | undefined"
+                "type": "string | undefined"
               }
             },
             {
-              "name": "hide-track",
+              "name": "append-icon",
               "description": "",
               "required": false,
-              "default": "false",
               "value": {
                 "kind": "expression",
-                "type": "boolean | undefined"
+                "type": "string | undefined"
               }
             },
             {
-              "name": "tick-size",
+              "name": "readonly",
               "description": "",
               "required": false,
-              "default": "2",
+              "default": "false",
               "value": {
                 "kind": "expression",
-                "type": "number | undefined"
+                "type": "boolean | undefined"
               }
             },
             {
-              "name": "vertical",
+              "name": "clearable",
               "description": "",
               "required": false,
               "default": "false",
@@ -5147,57 +5267,87 @@
               }
             },
             {
-              "name": "color",
+              "name": "required",
               "description": "",
               "required": false,
-              "default": "'primary'",
+              "default": "false",
               "value": {
                 "kind": "expression",
-                "type": "'error' | 'primary' | 'secondary' | 'warning' | 'info' | 'success' | undefined"
+                "type": "boolean | undefined"
               }
             },
             {
-              "name": "label",
+              "name": "model-value",
               "description": "",
-              "required": false,
-              "default": "''",
+              "required": true,
               "value": {
                 "kind": "expression",
-                "type": "string | undefined"
+                "type": "string"
               }
+            }
+          ],
+          "slots": [
+            {
+              "name": "prepend"
             },
             {
-              "name": "hint",
+              "name": "append"
+            }
+          ],
+          "js": {
+            "events": [
+              {
+                "name": "update:modelValue",
+                "arguments": [
+                  {
+                    "name": "argument",
+                    "type": "[value: string]"
+                  }
+                ]
+              }
+            ]
+          },
+          "vue-model": {
+            "prop": "modelValue",
+            "event": "update:modelValue"
+          }
+        },
+        {
+          "name": "RuiMenuSelect",
+          "source": {
+            "module": "@rotki/ui-library/components/forms/select/RuiMenuSelect.vue",
+            "symbol": "RuiMenuSelect"
+          },
+          "attributes": [
+            {
+              "name": "options",
               "description": "",
-              "required": false,
-              "default": "''",
+              "required": true,
               "value": {
                 "kind": "expression",
-                "type": "string | undefined"
+                "type": "TItem[]"
               }
             },
             {
-              "name": "error-messages",
+              "name": "key-attr",
               "description": "",
               "required": false,
-              "default": "[]",
               "value": {
                 "kind": "expression",
-                "type": "string | string[] | undefined"
+                "type": "KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined"
               }
             },
             {
-              "name": "success-messages",
+              "name": "text-attr",
               "description": "",
               "required": false,
-              "default": "[]",
               "value": {
                 "kind": "expression",
-                "type": "string | string[] | undefined"
+                "type": "keyof TItem | undefined"
               }
             },
             {
-              "name": "hide-details",
+              "name": "disabled",
               "description": "",
               "required": false,
               "default": "false",
@@ -5207,36 +5357,37 @@
               }
             },
             {
-              "name": "class-names",
+              "name": "loading",
               "description": "",
               "required": false,
+              "default": "false",
               "value": {
                 "kind": "expression",
-                "type": "RuiSliderClassNames | undefined"
+                "type": "boolean | undefined"
               }
             },
             {
-              "name": "slider-class",
+              "name": "read-only",
               "description": "",
               "required": false,
-              "default": "''",
+              "default": "false",
               "value": {
                 "kind": "expression",
-                "type": "string | undefined"
+                "type": "boolean | undefined"
               }
             },
             {
-              "name": "tick-class",
+              "name": "dense",
               "description": "",
               "required": false,
-              "default": "''",
+              "default": "false",
               "value": {
                 "kind": "expression",
-                "type": "string | undefined"
+                "type": "boolean | undefined"
               }
             },
             {
-              "name": "required",
+              "name": "clearable",
               "description": "",
               "required": false,
               "default": "false",
@@ -5246,156 +5397,1016 @@
               }
             },
             {
-              "name": "model-value",
+              "name": "label",
               "description": "",
               "required": false,
-              "default": "0",
+              "default": "'Select'",
               "value": {
                 "kind": "expression",
-                "type": "number | undefined"
-              }
-            }
-          ],
-          "slots": [],
-          "js": {
-            "events": [
-              {
-                "name": "update:modelValue",
-                "arguments": [
-                  {
-                    "name": "argument",
-                    "type": "[value: number]"
-                  }
-                ]
+                "type": "string | undefined"
               }
-            ]
-          },
-          "vue-model": {
-            "prop": "modelValue",
-            "event": "update:modelValue"
-          }
-        },
-        {
-          "name": "RuiSwitch",
-          "source": {
-            "module": "@rotki/ui-library/components/forms/switch/RuiSwitch.vue",
-            "symbol": "RuiSwitch"
-          },
-          "attributes": [
+            },
             {
-              "name": "disabled",
+              "name": "menu-options",
               "description": "",
               "required": false,
-              "default": "false",
               "value": {
                 "kind": "expression",
-                "type": "boolean | undefined"
+                "type": "MenuProps | undefined"
               }
             },
             {
-              "name": "color",
+              "name": "class-names",
               "description": "",
               "required": false,
-              "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "'error' | 'primary' | 'secondary' | 'warning' | 'info' | 'success' | undefined"
+                "type": "RuiMenuSelectClassNames | undefined"
               }
             },
             {
-              "name": "size",
+              "name": "label-class",
               "description": "",
               "required": false,
-              "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "'sm' | undefined"
+                "type": "string | undefined"
               }
             },
             {
-              "name": "label",
+              "name": "menu-class",
               "description": "",
               "required": false,
-              "default": "''",
               "value": {
                 "kind": "expression",
                 "type": "string | undefined"
               }
             },
             {
-              "name": "hint",
+              "name": "option-class",
               "description": "",
               "required": false,
-              "default": "''",
               "value": {
                 "kind": "expression",
                 "type": "string | undefined"
               }
             },
             {
-              "name": "error-messages",
+              "name": "prepend-width",
               "description": "",
               "required": false,
-              "default": "[]",
               "value": {
                 "kind": "expression",
-                "type": "string | string[] | undefined"
+                "type": "number | undefined"
               }
             },
             {
-              "name": "success-messages",
+              "name": "append-width",
               "description": "",
               "required": false,
-              "default": "[]",
               "value": {
                 "kind": "expression",
-                "type": "string | string[] | undefined"
+                "type": "number | undefined"
               }
             },
             {
-              "name": "hide-details",
+              "name": "item-height",
               "description": "",
               "required": false,
-              "default": "false",
               "value": {
                 "kind": "expression",
-                "type": "boolean | undefined"
+                "type": "number | undefined"
               }
             },
             {
-              "name": "required",
+              "name": "variant",
               "description": "",
               "required": false,
-              "default": "false",
+              "default": "'default'",
               "value": {
                 "kind": "expression",
-                "type": "boolean | undefined"
+                "type": "TextInputVariant | undefined"
               }
             },
             {
-              "name": "model-value",
+              "name": "hint",
               "description": "",
               "required": false,
-              "default": "false",
               "value": {
                 "kind": "expression",
-                "type": "boolean | undefined"
+                "type": "string | undefined"
               }
-            }
-          ],
-          "slots": [
+            },
             {
-              "name": "default"
-            }
-          ],
-          "js": {
+              "name": "error-messages",
+              "description": "",
+              "required": false,
+              "default": "[]",
+              "value": {
+                "kind": "expression",
+                "type": "string | string[] | undefined"
+              }
+            },
+            {
+              "name": "success-messages",
+              "description": "",
+              "required": false,
+              "default": "[]",
+              "value": {
+                "kind": "expression",
+                "type": "string | string[] | undefined"
+              }
+            },
+            {
+              "name": "hide-details",
+              "description": "",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "auto-select-first",
+              "description": "",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "hide-no-data",
+              "description": "",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "no-data-text",
+              "description": "",
+              "required": false,
+              "default": "'No data available'",
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
+            {
+              "name": "required",
+              "description": "",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "model-value",
+              "description": "",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "TValue | undefined"
+              }
+            }
+          ],
+          "slots": [
+            {
+              "name": "activator",
+              "vue-properties": [
+                {
+                  "name": "disabled",
+                  "type": "boolean"
+                },
+                {
+                  "name": "value",
+                  "type": "TItem | undefined"
+                },
+                {
+                  "name": "variant",
+                  "type": "string"
+                },
+                {
+                  "name": "readOnly",
+                  "type": "boolean"
+                },
+                {
+                  "name": "attrs",
+                  "type": "Record<string, unknown>"
+                },
+                {
+                  "name": "open",
+                  "type": "boolean"
+                },
+                {
+                  "name": "hasError",
+                  "type": "boolean"
+                },
+                {
+                  "name": "hasSuccess",
+                  "type": "boolean"
+                }
+              ]
+            },
+            {
+              "name": "activator.label",
+              "vue-properties": [
+                {
+                  "name": "value",
+                  "type": "TItem | undefined"
+                }
+              ]
+            },
+            {
+              "name": "selection.prepend",
+              "vue-properties": [
+                {
+                  "name": "item",
+                  "type": "TItem"
+                }
+              ]
+            },
+            {
+              "name": "selection",
+              "vue-properties": [
+                {
+                  "name": "item",
+                  "type": "TItem"
+                }
+              ]
+            },
+            {
+              "name": "item.prepend",
+              "vue-properties": [
+                {
+                  "name": "disabled",
+                  "type": "boolean"
+                },
+                {
+                  "name": "item",
+                  "type": "TItem"
+                },
+                {
+                  "name": "active",
+                  "type": "boolean"
+                }
+              ]
+            },
+            {
+              "name": "item",
+              "vue-properties": [
+                {
+                  "name": "disabled",
+                  "type": "boolean"
+                },
+                {
+                  "name": "item",
+                  "type": "TItem"
+                },
+                {
+                  "name": "active",
+                  "type": "boolean"
+                }
+              ]
+            },
+            {
+              "name": "item.append",
+              "vue-properties": [
+                {
+                  "name": "disabled",
+                  "type": "boolean"
+                },
+                {
+                  "name": "item",
+                  "type": "TItem"
+                },
+                {
+                  "name": "active",
+                  "type": "boolean"
+                }
+              ]
+            },
+            {
+              "name": "no-data"
+            }
+          ],
+          "js": {
+            "events": [
+              {
+                "name": "update:modelValue",
+                "arguments": [
+                  {
+                    "name": "argument",
+                    "type": "[value: TValue | undefined]"
+                  }
+                ]
+              }
+            ]
+          },
+          "vue-model": {
+            "prop": "modelValue",
+            "event": "update:modelValue"
+          }
+        },
+        {
+          "name": "RuiSimpleSelect",
+          "source": {
+            "module": "@rotki/ui-library/components/forms/select/RuiSimpleSelect.vue",
+            "symbol": "RuiSimpleSelect"
+          },
+          "attributes": [
+            {
+              "name": "options",
+              "description": "",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "string[] | number[]"
+              }
+            },
+            {
+              "name": "disabled",
+              "description": "",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "label",
+              "description": "",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
+            {
+              "name": "name",
+              "description": "",
+              "required": false,
+              "default": "''",
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
+            {
+              "name": "variant",
+              "description": "",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "'outlined' | 'default' | undefined"
+              }
+            },
+            {
+              "name": "model-value",
+              "description": "",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "string | number"
+              }
+            }
+          ],
+          "slots": [],
+          "js": {
+            "events": [
+              {
+                "name": "update:modelValue",
+                "arguments": [
+                  {
+                    "name": "argument",
+                    "type": "[value: string | number]"
+                  }
+                ]
+              }
+            ]
+          },
+          "vue-model": {
+            "prop": "modelValue",
+            "event": "update:modelValue"
+          }
+        },
+        {
+          "name": "RuiSlider",
+          "source": {
+            "module": "@rotki/ui-library/components/forms/slider/RuiSlider.vue",
+            "symbol": "RuiSlider"
+          },
+          "attributes": [
+            {
+              "name": "min",
+              "description": "",
+              "required": false,
+              "default": "0",
+              "value": {
+                "kind": "expression",
+                "type": "number | undefined"
+              }
+            },
+            {
+              "name": "max",
+              "description": "",
+              "required": false,
+              "default": "100",
+              "value": {
+                "kind": "expression",
+                "type": "number | undefined"
+              }
+            },
+            {
+              "name": "step",
+              "description": "",
+              "required": false,
+              "default": "1",
+              "value": {
+                "kind": "expression",
+                "type": "number | undefined"
+              }
+            },
+            {
+              "name": "disabled",
+              "description": "",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "show-thumb-label",
+              "description": "",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "show-ticks",
+              "description": "",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "hide-track",
+              "description": "",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "tick-size",
+              "description": "",
+              "required": false,
+              "default": "2",
+              "value": {
+                "kind": "expression",
+                "type": "number | undefined"
+              }
+            },
+            {
+              "name": "vertical",
+              "description": "",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "color",
+              "description": "",
+              "required": false,
+              "default": "'primary'",
+              "value": {
+                "kind": "expression",
+                "type": "'error' | 'primary' | 'secondary' | 'warning' | 'info' | 'success' | undefined"
+              }
+            },
+            {
+              "name": "label",
+              "description": "",
+              "required": false,
+              "default": "''",
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
+            {
+              "name": "hint",
+              "description": "",
+              "required": false,
+              "default": "''",
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
+            {
+              "name": "error-messages",
+              "description": "",
+              "required": false,
+              "default": "[]",
+              "value": {
+                "kind": "expression",
+                "type": "string | string[] | undefined"
+              }
+            },
+            {
+              "name": "success-messages",
+              "description": "",
+              "required": false,
+              "default": "[]",
+              "value": {
+                "kind": "expression",
+                "type": "string | string[] | undefined"
+              }
+            },
+            {
+              "name": "hide-details",
+              "description": "",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "class-names",
+              "description": "",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "RuiSliderClassNames | undefined"
+              }
+            },
+            {
+              "name": "slider-class",
+              "description": "",
+              "required": false,
+              "default": "''",
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
+            {
+              "name": "tick-class",
+              "description": "",
+              "required": false,
+              "default": "''",
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
+            {
+              "name": "required",
+              "description": "",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "model-value",
+              "description": "",
+              "required": false,
+              "default": "0",
+              "value": {
+                "kind": "expression",
+                "type": "number | undefined"
+              }
+            }
+          ],
+          "slots": [],
+          "js": {
+            "events": [
+              {
+                "name": "update:modelValue",
+                "arguments": [
+                  {
+                    "name": "argument",
+                    "type": "[value: number]"
+                  }
+                ]
+              }
+            ]
+          },
+          "vue-model": {
+            "prop": "modelValue",
+            "event": "update:modelValue"
+          }
+        },
+        {
+          "name": "RuiSwitch",
+          "source": {
+            "module": "@rotki/ui-library/components/forms/switch/RuiSwitch.vue",
+            "symbol": "RuiSwitch"
+          },
+          "attributes": [
+            {
+              "name": "disabled",
+              "description": "",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "color",
+              "description": "",
+              "required": false,
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "'error' | 'primary' | 'secondary' | 'warning' | 'info' | 'success' | undefined"
+              }
+            },
+            {
+              "name": "size",
+              "description": "",
+              "required": false,
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "'sm' | undefined"
+              }
+            },
+            {
+              "name": "label",
+              "description": "",
+              "required": false,
+              "default": "''",
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
+            {
+              "name": "hint",
+              "description": "",
+              "required": false,
+              "default": "''",
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
+            {
+              "name": "error-messages",
+              "description": "",
+              "required": false,
+              "default": "[]",
+              "value": {
+                "kind": "expression",
+                "type": "string | string[] | undefined"
+              }
+            },
+            {
+              "name": "success-messages",
+              "description": "",
+              "required": false,
+              "default": "[]",
+              "value": {
+                "kind": "expression",
+                "type": "string | string[] | undefined"
+              }
+            },
+            {
+              "name": "hide-details",
+              "description": "",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "required",
+              "description": "",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "model-value",
+              "description": "",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            }
+          ],
+          "slots": [
+            {
+              "name": "default"
+            }
+          ],
+          "js": {
+            "events": [
+              {
+                "name": "update:modelValue",
+                "arguments": [
+                  {
+                    "name": "argument",
+                    "type": "[value: boolean]"
+                  }
+                ]
+              }
+            ]
+          },
+          "vue-model": {
+            "prop": "modelValue",
+            "event": "update:modelValue"
+          }
+        },
+        {
+          "name": "RuiTextArea",
+          "source": {
+            "module": "@rotki/ui-library/components/forms/text-area/RuiTextArea.vue",
+            "symbol": "RuiTextArea"
+          },
+          "attributes": [
+            {
+              "name": "label",
+              "description": "",
+              "required": false,
+              "default": "''",
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
+            {
+              "name": "placeholder",
+              "description": "",
+              "required": false,
+              "default": "''",
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
+            {
+              "name": "disabled",
+              "description": "",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "variant",
+              "description": "",
+              "required": false,
+              "default": "'default'",
+              "value": {
+                "kind": "expression",
+                "type": "TextInputVariant | undefined"
+              }
+            },
+            {
+              "name": "color",
+              "description": "",
+              "required": false,
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "'error' | 'primary' | 'secondary' | 'warning' | 'info' | 'success' | undefined"
+              }
+            },
+            {
+              "name": "text-color",
+              "description": "",
+              "required": false,
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "'error' | 'primary' | 'secondary' | 'warning' | 'info' | 'success' | undefined"
+              }
+            },
+            {
+              "name": "dense",
+              "description": "",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "hint",
+              "description": "",
+              "required": false,
+              "default": "''",
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
+            {
+              "name": "error-messages",
+              "description": "",
+              "required": false,
+              "default": "[]",
+              "value": {
+                "kind": "expression",
+                "type": "string | string[] | undefined"
+              }
+            },
+            {
+              "name": "success-messages",
+              "description": "",
+              "required": false,
+              "default": "[]",
+              "value": {
+                "kind": "expression",
+                "type": "string | string[] | undefined"
+              }
+            },
+            {
+              "name": "hide-details",
+              "description": "",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "prepend-icon",
+              "description": "",
+              "required": false,
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
+            {
+              "name": "append-icon",
+              "description": "",
+              "required": false,
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
+            {
+              "name": "readonly",
+              "description": "",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "clearable",
+              "description": "",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "no-resize",
+              "description": "",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "min-rows",
+              "description": "",
+              "required": false,
+              "default": "2",
+              "value": {
+                "kind": "expression",
+                "type": "string | number | undefined"
+              }
+            },
+            {
+              "name": "max-rows",
+              "description": "",
+              "required": false,
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "string | number | undefined"
+              }
+            },
+            {
+              "name": "row-height",
+              "description": "",
+              "required": false,
+              "default": "1.5",
+              "value": {
+                "kind": "expression",
+                "type": "string | number | undefined"
+              }
+            },
+            {
+              "name": "auto-grow",
+              "description": "",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "required",
+              "description": "",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "model-value",
+              "description": "",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            }
+          ],
+          "slots": [
+            {
+              "name": "prepend"
+            },
+            {
+              "name": "append"
+            }
+          ],
+          "js": {
             "events": [
               {
                 "name": "update:modelValue",
                 "arguments": [
                   {
                     "name": "argument",
-                    "type": "[value: boolean]"
+                    "type": "[value: string]"
+                  }
+                ]
+              },
+              {
+                "name": "click:clear",
+                "arguments": [
+                  {
+                    "name": "argument",
+                    "type": "[]"
                   }
                 ]
               }
@@ -5407,10 +6418,10 @@
           }
         },
         {
-          "name": "RuiTextArea",
+          "name": "RuiTextField",
           "source": {
-            "module": "@rotki/ui-library/components/forms/text-area/RuiTextArea.vue",
-            "symbol": "RuiTextArea"
+            "module": "@rotki/ui-library/components/forms/text-field/RuiTextField.vue",
+            "symbol": "RuiTextField"
           },
           "attributes": [
             {
@@ -5563,56 +6574,6 @@
                 "type": "boolean | undefined"
               }
             },
-            {
-              "name": "no-resize",
-              "description": "",
-              "required": false,
-              "default": "false",
-              "value": {
-                "kind": "expression",
-                "type": "boolean | undefined"
-              }
-            },
-            {
-              "name": "min-rows",
-              "description": "",
-              "required": false,
-              "default": "2",
-              "value": {
-                "kind": "expression",
-                "type": "string | number | undefined"
-              }
-            },
-            {
-              "name": "max-rows",
-              "description": "",
-              "required": false,
-              "default": "undefined",
-              "value": {
-                "kind": "expression",
-                "type": "string | number | undefined"
-              }
-            },
-            {
-              "name": "row-height",
-              "description": "",
-              "required": false,
-              "default": "1.5",
-              "value": {
-                "kind": "expression",
-                "type": "string | number | undefined"
-              }
-            },
-            {
-              "name": "auto-grow",
-              "description": "",
-              "required": false,
-              "default": "false",
-              "value": {
-                "kind": "expression",
-                "type": "boolean | undefined"
-              }
-            },
             {
               "name": "required",
               "description": "",
@@ -5653,7 +6614,34 @@
                 ]
               },
               {
-                "name": "click:clear",
+                "name": "focus-input",
+                "arguments": [
+                  {
+                    "name": "argument",
+                    "type": "[event: Event]"
+                  }
+                ]
+              },
+              {
+                "name": "blur",
+                "arguments": [
+                  {
+                    "name": "argument",
+                    "type": "[event: Event]"
+                  }
+                ]
+              },
+              {
+                "name": "remove",
+                "arguments": [
+                  {
+                    "name": "argument",
+                    "type": "[value: unknown]"
+                  }
+                ]
+              },
+              {
+                "name": "clear",
                 "arguments": [
                   {
                     "name": "argument",
@@ -5669,34 +6657,44 @@
           }
         },
         {
-          "name": "RuiTextField",
+          "name": "RuiBadge",
           "source": {
-            "module": "@rotki/ui-library/components/forms/text-field/RuiTextField.vue",
-            "symbol": "RuiTextField"
+            "module": "@rotki/ui-library/components/overlays/badge/RuiBadge.vue",
+            "symbol": "RuiBadge"
           },
           "attributes": [
             {
-              "name": "label",
+              "name": "text",
               "description": "",
               "required": false,
-              "default": "''",
+              "default": "null",
               "value": {
                 "kind": "expression",
-                "type": "string | undefined"
+                "type": "string | null | undefined"
               }
             },
             {
-              "name": "placeholder",
+              "name": "icon",
               "description": "",
               "required": false,
-              "default": "''",
+              "default": "null",
               "value": {
                 "kind": "expression",
-                "type": "string | undefined"
+                "type": "string | null | undefined"
               }
             },
             {
-              "name": "disabled",
+              "name": "model-value",
+              "description": "",
+              "required": false,
+              "default": "true",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "dot",
               "description": "",
               "required": false,
               "default": "false",
@@ -5706,37 +6704,165 @@
               }
             },
             {
-              "name": "variant",
+              "name": "left",
               "description": "",
               "required": false,
-              "default": "'default'",
+              "default": "false",
               "value": {
                 "kind": "expression",
-                "type": "TextInputVariant | undefined"
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "offset-x",
+              "description": "",
+              "required": false,
+              "default": "0",
+              "value": {
+                "kind": "expression",
+                "type": "string | number | undefined"
+              }
+            },
+            {
+              "name": "offset-y",
+              "description": "",
+              "required": false,
+              "default": "0",
+              "value": {
+                "kind": "expression",
+                "type": "string | number | undefined"
+              }
+            },
+            {
+              "name": "placement",
+              "description": "",
+              "required": false,
+              "default": "BadgePlacement.top",
+              "value": {
+                "kind": "expression",
+                "type": "BadgePlacement | undefined"
+              }
+            },
+            {
+              "name": "size",
+              "description": "",
+              "required": false,
+              "default": "BadgeSize.md",
+              "value": {
+                "kind": "expression",
+                "type": "BadgeSize | undefined"
+              }
+            },
+            {
+              "name": "rounded",
+              "description": "",
+              "required": false,
+              "default": "BadgeRounded.full",
+              "value": {
+                "kind": "expression",
+                "type": "BadgeRounded | undefined"
               }
             },
             {
               "name": "color",
               "description": "",
               "required": false,
-              "default": "undefined",
+              "default": "'primary'",
               "value": {
                 "kind": "expression",
-                "type": "'error' | 'primary' | 'secondary' | 'warning' | 'info' | 'success' | undefined"
+                "type": "'error' | 'primary' | 'secondary' | 'warning' | 'info' | 'success' | 'default' | undefined"
               }
+            }
+          ],
+          "slots": [
+            {
+              "name": "default"
             },
             {
-              "name": "text-color",
+              "name": "badge"
+            },
+            {
+              "name": "icon"
+            }
+          ],
+          "js": {
+            "events": []
+          }
+        },
+        {
+          "name": "RuiBottomSheet",
+          "source": {
+            "module": "@rotki/ui-library/components/overlays/bottom-sheet/RuiBottomSheet.vue",
+            "symbol": "RuiBottomSheet"
+          },
+          "attributes": [
+            {
+              "name": "persistent",
               "description": "",
               "required": false,
-              "default": "undefined",
+              "default": "false",
               "value": {
                 "kind": "expression",
-                "type": "'error' | 'primary' | 'secondary' | 'warning' | 'info' | 'success' | undefined"
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "width",
+              "description": "",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "string | number | undefined"
+              }
+            },
+            {
+              "name": "max-width",
+              "description": "",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "string | number | undefined"
               }
             },
             {
-              "name": "dense",
+              "name": "model-value",
+              "description": "",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            }
+          ],
+          "slots": [],
+          "js": {
+            "events": [
+              {
+                "name": "update:modelValue",
+                "arguments": [
+                  {
+                    "name": "argument",
+                    "type": "[value: boolean]"
+                  }
+                ]
+              }
+            ]
+          },
+          "vue-model": {
+            "prop": "modelValue",
+            "event": "update:modelValue"
+          }
+        },
+        {
+          "name": "RuiDialog",
+          "source": {
+            "module": "@rotki/ui-library/components/overlays/dialog/RuiDialog.vue",
+            "symbol": "RuiDialog"
+          },
+          "attributes": [
+            {
+              "name": "persistent",
               "description": "",
               "required": false,
               "default": "false",
@@ -5746,37 +6872,26 @@
               }
             },
             {
-              "name": "hint",
-              "description": "",
-              "required": false,
-              "default": "''",
-              "value": {
-                "kind": "expression",
-                "type": "string | undefined"
-              }
-            },
-            {
-              "name": "error-messages",
+              "name": "width",
               "description": "",
               "required": false,
-              "default": "[]",
+              "default": "'98%'",
               "value": {
                 "kind": "expression",
-                "type": "string | string[] | undefined"
+                "type": "string | number | undefined"
               }
             },
             {
-              "name": "success-messages",
+              "name": "max-width",
               "description": "",
               "required": false,
-              "default": "[]",
               "value": {
                 "kind": "expression",
-                "type": "string | string[] | undefined"
+                "type": "string | number | undefined"
               }
             },
             {
-              "name": "hide-details",
+              "name": "bottom-sheet",
               "description": "",
               "required": false,
               "default": "false",
@@ -5786,47 +6901,45 @@
               }
             },
             {
-              "name": "prepend-icon",
+              "name": "class-names",
               "description": "",
               "required": false,
-              "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "string | undefined"
+                "type": "RuiDialogClassNames | undefined"
               }
             },
             {
-              "name": "append-icon",
+              "name": "content-class",
               "description": "",
               "required": false,
-              "default": "undefined",
+              "default": "''",
               "value": {
                 "kind": "expression",
-                "type": "string | undefined"
+                "type": "string | string[] | Record<string, boolean> | undefined"
               }
             },
             {
-              "name": "readonly",
+              "name": "z-index",
               "description": "",
               "required": false,
-              "default": "false",
+              "default": "9999",
               "value": {
                 "kind": "expression",
-                "type": "boolean | undefined"
+                "type": "string | number | undefined"
               }
             },
             {
-              "name": "clearable",
+              "name": "aria-label",
               "description": "",
               "required": false,
-              "default": "false",
               "value": {
                 "kind": "expression",
-                "type": "boolean | undefined"
+                "type": "string | undefined"
               }
             },
             {
-              "name": "required",
+              "name": "model-value",
               "description": "",
               "required": false,
               "default": "false",
@@ -5834,23 +6947,34 @@
                 "kind": "expression",
                 "type": "boolean | undefined"
               }
-            },
-            {
-              "name": "model-value",
-              "description": "",
-              "required": true,
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              }
             }
           ],
           "slots": [
             {
-              "name": "prepend"
+              "name": "activator",
+              "vue-properties": [
+                {
+                  "name": "attrs",
+                  "type": "{ onClick: () => void; }"
+                },
+                {
+                  "name": "isOpen",
+                  "type": "boolean"
+                }
+              ]
             },
             {
-              "name": "append"
+              "name": "default",
+              "vue-properties": [
+                {
+                  "name": "isOpen",
+                  "type": "boolean"
+                },
+                {
+                  "name": "close",
+                  "type": "() => void"
+                }
+              ]
             }
           ],
           "js": {
@@ -5860,39 +6984,30 @@
                 "arguments": [
                   {
                     "name": "argument",
-                    "type": "[value: string]"
-                  }
-                ]
-              },
-              {
-                "name": "focus-input",
-                "arguments": [
-                  {
-                    "name": "argument",
-                    "type": "[event: Event]"
+                    "type": "[value: boolean]"
                   }
                 ]
               },
               {
-                "name": "blur",
+                "name": "closed",
                 "arguments": [
                   {
                     "name": "argument",
-                    "type": "[event: Event]"
+                    "type": "[]"
                   }
                 ]
               },
               {
-                "name": "remove",
+                "name": "click:outside",
                 "arguments": [
                   {
                     "name": "argument",
-                    "type": "[value: unknown]"
+                    "type": "[]"
                   }
                 ]
               },
               {
-                "name": "clear",
+                "name": "click:esc",
                 "arguments": [
                   {
                     "name": "argument",
@@ -5908,44 +7023,24 @@
           }
         },
         {
-          "name": "RuiBadge",
+          "name": "RuiMenu",
           "source": {
-            "module": "@rotki/ui-library/components/overlays/badge/RuiBadge.vue",
-            "symbol": "RuiBadge"
+            "module": "@rotki/ui-library/components/overlays/menu/RuiMenu.vue",
+            "symbol": "RuiMenu"
           },
           "attributes": [
             {
-              "name": "text",
-              "description": "",
-              "required": false,
-              "default": "null",
-              "value": {
-                "kind": "expression",
-                "type": "string | null | undefined"
-              }
-            },
-            {
-              "name": "icon",
-              "description": "",
-              "required": false,
-              "default": "null",
-              "value": {
-                "kind": "expression",
-                "type": "string | null | undefined"
-              }
-            },
-            {
-              "name": "model-value",
+              "name": "open-on-hover",
               "description": "",
               "required": false,
-              "default": "true",
+              "default": "false",
               "value": {
                 "kind": "expression",
                 "type": "boolean | undefined"
               }
             },
             {
-              "name": "dot",
+              "name": "full-width",
               "description": "",
               "required": false,
               "default": "false",
@@ -5955,7 +7050,7 @@
               }
             },
             {
-              "name": "left",
+              "name": "disabled",
               "description": "",
               "required": false,
               "default": "false",
@@ -5965,155 +7060,74 @@
               }
             },
             {
-              "name": "offset-x",
+              "name": "open-delay",
               "description": "",
               "required": false,
               "default": "0",
               "value": {
                 "kind": "expression",
-                "type": "string | number | undefined"
+                "type": "number | undefined"
               }
             },
             {
-              "name": "offset-y",
+              "name": "close-delay",
               "description": "",
               "required": false,
               "default": "0",
               "value": {
                 "kind": "expression",
-                "type": "string | number | undefined"
-              }
-            },
-            {
-              "name": "placement",
-              "description": "",
-              "required": false,
-              "default": "BadgePlacement.top",
-              "value": {
-                "kind": "expression",
-                "type": "BadgePlacement | undefined"
-              }
-            },
-            {
-              "name": "size",
-              "description": "",
-              "required": false,
-              "default": "BadgeSize.md",
-              "value": {
-                "kind": "expression",
-                "type": "BadgeSize | undefined"
-              }
-            },
-            {
-              "name": "rounded",
-              "description": "",
-              "required": false,
-              "default": "BadgeRounded.full",
-              "value": {
-                "kind": "expression",
-                "type": "BadgeRounded | undefined"
+                "type": "number | undefined"
               }
             },
             {
-              "name": "color",
+              "name": "options",
               "description": "",
               "required": false,
-              "default": "'primary'",
               "value": {
                 "kind": "expression",
-                "type": "'error' | 'primary' | 'secondary' | 'warning' | 'info' | 'success' | 'default' | undefined"
+                "type": "FloatingOptions | undefined"
               }
-            }
-          ],
-          "slots": [
-            {
-              "name": "default"
-            },
-            {
-              "name": "badge"
             },
             {
-              "name": "icon"
-            }
-          ],
-          "js": {
-            "events": []
-          }
-        },
-        {
-          "name": "RuiBottomSheet",
-          "source": {
-            "module": "@rotki/ui-library/components/overlays/bottom-sheet/RuiBottomSheet.vue",
-            "symbol": "RuiBottomSheet"
-          },
-          "attributes": [
-            {
-              "name": "persistent",
+              "name": "popper",
               "description": "",
               "required": false,
-              "default": "false",
               "value": {
                 "kind": "expression",
-                "type": "boolean | undefined"
+                "type": "PopperOptions | undefined"
               }
             },
             {
-              "name": "width",
+              "name": "class-names",
               "description": "",
               "required": false,
               "value": {
                 "kind": "expression",
-                "type": "string | number | undefined"
+                "type": "RuiMenuClassNames | undefined"
               }
             },
             {
-              "name": "max-width",
+              "name": "wrapper-class",
               "description": "",
               "required": false,
+              "default": "''",
               "value": {
                 "kind": "expression",
-                "type": "string | number | undefined"
+                "type": "string | object | string[] | undefined"
               }
             },
             {
-              "name": "model-value",
+              "name": "menu-class",
               "description": "",
               "required": false,
-              "default": "false",
+              "default": "''",
               "value": {
                 "kind": "expression",
-                "type": "boolean | undefined"
-              }
-            }
-          ],
-          "slots": [],
-          "js": {
-            "events": [
-              {
-                "name": "update:modelValue",
-                "arguments": [
-                  {
-                    "name": "argument",
-                    "type": "[value: boolean]"
-                  }
-                ]
-              }
-            ]
-          },
-          "vue-model": {
-            "prop": "modelValue",
-            "event": "update:modelValue"
-          }
-        },
-        {
-          "name": "RuiDialog",
-          "source": {
-            "module": "@rotki/ui-library/components/overlays/dialog/RuiDialog.vue",
-            "symbol": "RuiDialog"
-          },
-          "attributes": [
+                "type": "string | object | string[] | undefined"
+              }
+            },
             {
-              "name": "persistent",
+              "name": "close-on-content-click",
               "description": "",
               "required": false,
               "default": "false",
@@ -6123,26 +7137,46 @@
               }
             },
             {
-              "name": "width",
+              "name": "persist-on-activator-click",
               "description": "",
               "required": false,
-              "default": "'98%'",
+              "default": "false",
               "value": {
                 "kind": "expression",
-                "type": "string | number | undefined"
+                "type": "boolean | undefined"
               }
             },
             {
-              "name": "max-width",
+              "name": "hint",
               "description": "",
               "required": false,
               "value": {
                 "kind": "expression",
-                "type": "string | number | undefined"
+                "type": "string | undefined"
               }
             },
             {
-              "name": "bottom-sheet",
+              "name": "error-messages",
+              "description": "",
+              "required": false,
+              "default": "[]",
+              "value": {
+                "kind": "expression",
+                "type": "string | string[] | undefined"
+              }
+            },
+            {
+              "name": "success-messages",
+              "description": "",
+              "required": false,
+              "default": "[]",
+              "value": {
+                "kind": "expression",
+                "type": "string | string[] | undefined"
+              }
+            },
+            {
+              "name": "show-details",
               "description": "",
               "required": false,
               "default": "false",
@@ -6152,41 +7186,42 @@
               }
             },
             {
-              "name": "class-names",
+              "name": "dense",
               "description": "",
               "required": false,
+              "default": "false",
               "value": {
                 "kind": "expression",
-                "type": "RuiDialogClassNames | undefined"
+                "type": "boolean | undefined"
               }
             },
             {
-              "name": "content-class",
+              "name": "persistent",
               "description": "",
               "required": false,
-              "default": "''",
+              "default": "false",
               "value": {
                 "kind": "expression",
-                "type": "string | string[] | Record<string, boolean> | undefined"
+                "type": "boolean | undefined"
               }
             },
             {
-              "name": "z-index",
+              "name": "disable-auto-focus",
               "description": "",
               "required": false,
-              "default": "9999",
+              "default": "false",
               "value": {
                 "kind": "expression",
-                "type": "string | number | undefined"
+                "type": "boolean | undefined"
               }
             },
             {
-              "name": "aria-label",
-              "description": "",
+              "name": "anchor-el",
+              "description": "Optional external element to anchor the menu to, instead of the\nactivator slot's wrapper. When set, the menu's position is computed\nagainst this element.",
               "required": false,
               "value": {
                 "kind": "expression",
-                "type": "string | undefined"
+                "type": "HTMLElement | undefined"
               }
             },
             {
@@ -6206,10 +7241,22 @@
               "vue-properties": [
                 {
                   "name": "attrs",
-                  "type": "{ onClick: () => void; }"
+                  "type": "{ onMouseover?: (() => void) | undefined; onMouseleave?: (() => void) | undefined; onClick?: (() => void) | undefined; }"
                 },
                 {
-                  "name": "isOpen",
+                  "name": "open",
+                  "type": "boolean"
+                },
+                {
+                  "name": "disabled",
+                  "type": "boolean"
+                },
+                {
+                  "name": "hasError",
+                  "type": "boolean"
+                },
+                {
+                  "name": "hasSuccess",
                   "type": "boolean"
                 }
               ]
@@ -6218,12 +7265,8 @@
               "name": "default",
               "vue-properties": [
                 {
-                  "name": "isOpen",
-                  "type": "boolean"
-                },
-                {
-                  "name": "close",
-                  "type": "() => void"
+                  "name": "width",
+                  "type": "number"
                 }
               ]
             }
@@ -6238,33 +7281,6 @@
                     "type": "[value: boolean]"
                   }
                 ]
-              },
-              {
-                "name": "closed",
-                "arguments": [
-                  {
-                    "name": "argument",
-                    "type": "[]"
-                  }
-                ]
-              },
-              {
-                "name": "click:outside",
-                "arguments": [
-                  {
-                    "name": "argument",
-                    "type": "[]"
-                  }
-                ]
-              },
-              {
-                "name": "click:esc",
-                "arguments": [
-                  {
-                    "name": "argument",
-                    "type": "[]"
-                  }
-                ]
               }
             ]
           },
@@ -6274,24 +7290,14 @@
           }
         },
         {
-          "name": "RuiMenu",
+          "name": "RuiNavigationDrawer",
           "source": {
-            "module": "@rotki/ui-library/components/overlays/menu/RuiMenu.vue",
-            "symbol": "RuiMenu"
+            "module": "@rotki/ui-library/components/overlays/navigation-drawer/RuiNavigationDrawer.vue",
+            "symbol": "RuiNavigationDrawer"
           },
           "attributes": [
             {
-              "name": "open-on-hover",
-              "description": "",
-              "required": false,
-              "default": "false",
-              "value": {
-                "kind": "expression",
-                "type": "boolean | undefined"
-              }
-            },
-            {
-              "name": "full-width",
+              "name": "temporary",
               "description": "",
               "required": false,
               "default": "false",
@@ -6301,7 +7307,7 @@
               }
             },
             {
-              "name": "disabled",
+              "name": "stateless",
               "description": "",
               "required": false,
               "default": "false",
@@ -6311,41 +7317,43 @@
               }
             },
             {
-              "name": "open-delay",
+              "name": "width",
               "description": "",
               "required": false,
-              "default": "0",
+              "default": "360",
               "value": {
                 "kind": "expression",
-                "type": "number | undefined"
+                "type": "string | number | undefined"
               }
             },
             {
-              "name": "close-delay",
+              "name": "mini-variant",
               "description": "",
               "required": false,
-              "default": "0",
+              "default": "false",
               "value": {
                 "kind": "expression",
-                "type": "number | undefined"
+                "type": "boolean | undefined"
               }
             },
             {
-              "name": "options",
+              "name": "overlay",
               "description": "",
               "required": false,
+              "default": "false",
               "value": {
                 "kind": "expression",
-                "type": "FloatingOptions | undefined"
+                "type": "boolean | undefined"
               }
             },
             {
-              "name": "popper",
+              "name": "position",
               "description": "",
               "required": false,
+              "default": "'left'",
               "value": {
                 "kind": "expression",
-                "type": "PopperOptions | undefined"
+                "type": "'left' | 'right' | undefined"
               }
             },
             {
@@ -6354,21 +7362,11 @@
               "required": false,
               "value": {
                 "kind": "expression",
-                "type": "RuiMenuClassNames | undefined"
-              }
-            },
-            {
-              "name": "wrapper-class",
-              "description": "",
-              "required": false,
-              "default": "''",
-              "value": {
-                "kind": "expression",
-                "type": "string | object | string[] | undefined"
+                "type": "RuiNavigationDrawerClassNames | undefined"
               }
             },
             {
-              "name": "menu-class",
+              "name": "content-class",
               "description": "",
               "required": false,
               "default": "''",
@@ -6378,17 +7376,16 @@
               }
             },
             {
-              "name": "close-on-content-click",
+              "name": "aria-label",
               "description": "",
               "required": false,
-              "default": "false",
               "value": {
                 "kind": "expression",
-                "type": "boolean | undefined"
+                "type": "string | undefined"
               }
             },
             {
-              "name": "persist-on-activator-click",
+              "name": "model-value",
               "description": "",
               "required": false,
               "default": "false",
@@ -6396,121 +7393,111 @@
                 "kind": "expression",
                 "type": "boolean | undefined"
               }
-            },
-            {
-              "name": "hint",
-              "description": "",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "string | undefined"
-              }
-            },
-            {
-              "name": "error-messages",
-              "description": "",
-              "required": false,
-              "default": "[]",
-              "value": {
-                "kind": "expression",
-                "type": "string | string[] | undefined"
-              }
-            },
+            }
+          ],
+          "slots": [
             {
-              "name": "success-messages",
-              "description": "",
-              "required": false,
-              "default": "[]",
-              "value": {
-                "kind": "expression",
-                "type": "string | string[] | undefined"
-              }
+              "name": "activator",
+              "vue-properties": [
+                {
+                  "name": "open",
+                  "type": "boolean"
+                },
+                {
+                  "name": "attrs",
+                  "type": "{ onClick: () => void; }"
+                }
+              ]
             },
             {
-              "name": "show-details",
-              "description": "",
-              "required": false,
-              "default": "false",
-              "value": {
-                "kind": "expression",
-                "type": "boolean | undefined"
+              "name": "default",
+              "vue-properties": [
+                {
+                  "name": "attrs",
+                  "type": "{ onClick: () => void; }"
+                },
+                {
+                  "name": "close",
+                  "type": "() => void"
+                }
+              ]
+            }
+          ],
+          "js": {
+            "events": [
+              {
+                "name": "update:modelValue",
+                "arguments": [
+                  {
+                    "name": "argument",
+                    "type": "[value: boolean]"
+                  }
+                ]
+              },
+              {
+                "name": "closed",
+                "arguments": [
+                  {
+                    "name": "argument",
+                    "type": "[]"
+                  }
+                ]
               }
-            },
+            ]
+          },
+          "vue-model": {
+            "prop": "modelValue",
+            "event": "update:modelValue"
+          }
+        },
+        {
+          "name": "RuiNotification",
+          "source": {
+            "module": "@rotki/ui-library/components/overlays/notification/RuiNotification.vue",
+            "symbol": "RuiNotification"
+          },
+          "attributes": [
             {
-              "name": "dense",
+              "name": "timeout",
               "description": "",
-              "required": false,
-              "default": "false",
+              "required": true,
               "value": {
                 "kind": "expression",
-                "type": "boolean | undefined"
+                "type": "number"
               }
             },
             {
-              "name": "persistent",
+              "name": "width",
               "description": "",
               "required": false,
-              "default": "false",
+              "default": "400",
               "value": {
                 "kind": "expression",
-                "type": "boolean | undefined"
+                "type": "string | number | undefined"
               }
             },
             {
-              "name": "disable-auto-focus",
+              "name": "theme",
               "description": "",
               "required": false,
-              "default": "false",
               "value": {
                 "kind": "expression",
-                "type": "boolean | undefined"
+                "type": "'light' | 'dark' | undefined"
               }
             },
             {
               "name": "model-value",
               "description": "",
-              "required": false,
-              "default": "false",
+              "required": true,
               "value": {
                 "kind": "expression",
-                "type": "boolean | undefined"
+                "type": "boolean"
               }
             }
           ],
           "slots": [
             {
-              "name": "activator",
-              "vue-properties": [
-                {
-                  "name": "attrs",
-                  "type": "{ onMouseover?: (() => void) | undefined; onMouseleave?: (() => void) | undefined; onClick?: (() => void) | undefined; }"
-                },
-                {
-                  "name": "open",
-                  "type": "boolean"
-                },
-                {
-                  "name": "disabled",
-                  "type": "boolean"
-                },
-                {
-                  "name": "hasError",
-                  "type": "boolean"
-                },
-                {
-                  "name": "hasSuccess",
-                  "type": "boolean"
-                }
-              ]
-            },
-            {
-              "name": "default",
-              "vue-properties": [
-                {
-                  "name": "width",
-                  "type": "number"
-                }
-              ]
+              "name": "default"
             }
           ],
           "js": {
@@ -6532,14 +7519,24 @@
           }
         },
         {
-          "name": "RuiNavigationDrawer",
+          "name": "RuiTooltip",
           "source": {
-            "module": "@rotki/ui-library/components/overlays/navigation-drawer/RuiNavigationDrawer.vue",
-            "symbol": "RuiNavigationDrawer"
+            "module": "@rotki/ui-library/components/overlays/tooltip/RuiTooltip.vue",
+            "symbol": "RuiTooltip"
           },
           "attributes": [
             {
-              "name": "temporary",
+              "name": "text",
+              "description": "",
+              "required": false,
+              "default": "null",
+              "value": {
+                "kind": "expression",
+                "type": "string | null | undefined"
+              }
+            },
+            {
+              "name": "disabled",
               "description": "",
               "required": false,
               "default": "false",
@@ -6549,7 +7546,7 @@
               }
             },
             {
-              "name": "stateless",
+              "name": "hide-arrow",
               "description": "",
               "required": false,
               "default": "false",
@@ -6559,27 +7556,27 @@
               }
             },
             {
-              "name": "width",
+              "name": "open-delay",
               "description": "",
               "required": false,
-              "default": "360",
+              "default": "0",
               "value": {
                 "kind": "expression",
-                "type": "string | number | undefined"
+                "type": "number | undefined"
               }
             },
             {
-              "name": "mini-variant",
+              "name": "close-delay",
               "description": "",
               "required": false,
-              "default": "false",
+              "default": "500",
               "value": {
                 "kind": "expression",
-                "type": "boolean | undefined"
+                "type": "number | undefined"
               }
             },
             {
-              "name": "overlay",
+              "name": "persist-on-tooltip-hover",
               "description": "",
               "required": false,
               "default": "false",
@@ -6589,298 +7586,496 @@
               }
             },
             {
-              "name": "position",
+              "name": "options",
               "description": "",
               "required": false,
-              "default": "'left'",
               "value": {
                 "kind": "expression",
-                "type": "'left' | 'right' | undefined"
+                "type": "FloatingOptions | undefined"
               }
             },
             {
-              "name": "class-names",
+              "name": "popper",
               "description": "",
               "required": false,
               "value": {
                 "kind": "expression",
-                "type": "RuiNavigationDrawerClassNames | undefined"
+                "type": "PopperOptions | undefined"
               }
             },
             {
-              "name": "content-class",
+              "name": "class-names",
               "description": "",
               "required": false,
-              "default": "''",
               "value": {
                 "kind": "expression",
-                "type": "string | object | string[] | undefined"
+                "type": "RuiTooltipClassNames | undefined"
               }
             },
             {
-              "name": "aria-label",
+              "name": "tooltip-class",
               "description": "",
               "required": false,
+              "default": "''",
               "value": {
                 "kind": "expression",
                 "type": "string | undefined"
               }
+            }
+          ],
+          "slots": [
+            {
+              "name": "activator",
+              "vue-properties": [
+                {
+                  "name": "open",
+                  "type": "boolean"
+                },
+                {
+                  "name": "close",
+                  "type": "() => void"
+                }
+              ]
+            },
+            {
+              "name": "default"
+            }
+          ],
+          "js": {
+            "events": []
+          }
+        },
+        {
+          "name": "RuiDataTableBody",
+          "source": {
+            "module": "@rotki/ui-library/components/tables/data-table/RuiDataTableBody.vue",
+            "symbol": "RuiDataTableBody"
+          },
+          "attributes": [
+            {
+              "name": "filtered",
+              "description": "",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "(T | GroupHeader<T>)[]"
+              }
             },
             {
-              "name": "model-value",
+              "name": "loading",
               "description": "",
-              "required": false,
-              "default": "false",
+              "required": true,
               "value": {
                 "kind": "expression",
-                "type": "boolean | undefined"
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "no-data",
+              "description": "",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "empty",
+              "description": "",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "{ label?: string | undefined; description?: string | undefined; }"
               }
             }
           ],
           "slots": [
             {
-              "name": "activator",
+              "name": "body.prepend",
               "vue-properties": [
                 {
-                  "name": "open",
+                  "name": "colspan",
+                  "type": "number"
+                }
+              ]
+            },
+            {
+              "name": "body.append",
+              "vue-properties": [
+                {
+                  "name": "colspan",
+                  "type": "number"
+                }
+              ]
+            },
+            {
+              "name": "group.header",
+              "vue-properties": [
+                {
+                  "name": "colspan",
+                  "type": "number"
+                },
+                {
+                  "name": "header",
+                  "type": "GroupHeader<T>"
+                },
+                {
+                  "name": "isOpen",
                   "type": "boolean"
                 },
                 {
-                  "name": "attrs",
-                  "type": "{ onClick: () => void; }"
+                  "name": "toggle",
+                  "type": "() => void"
                 }
               ]
             },
             {
-              "name": "default",
+              "name": "group.header.content",
               "vue-properties": [
                 {
-                  "name": "attrs",
-                  "type": "{ onClick: () => void; }"
+                  "name": "header",
+                  "type": "GroupHeader<T>"
                 },
                 {
-                  "name": "close",
-                  "type": "() => void"
+                  "name": "groupKey",
+                  "type": "string"
                 }
               ]
-            }
-          ],
-          "js": {
-            "events": [
-              {
-                "name": "update:modelValue",
-                "arguments": [
-                  {
-                    "name": "argument",
-                    "type": "[value: boolean]"
-                  }
-                ]
-              },
-              {
-                "name": "closed",
-                "arguments": [
-                  {
-                    "name": "argument",
-                    "type": "[]"
-                  }
-                ]
-              }
-            ]
-          },
-          "vue-model": {
-            "prop": "modelValue",
-            "event": "update:modelValue"
+            },
+            {
+              "name": "expanded-item",
+              "vue-properties": [
+                {
+                  "name": "row",
+                  "type": "T"
+                },
+                {
+                  "name": "index",
+                  "type": "number"
+                }
+              ]
+            },
+            {
+              "name": "no-data"
+            },
+            {
+              "name": "empty-description"
+            }
+          ],
+          "js": {
+            "events": []
           }
         },
         {
-          "name": "RuiNotification",
+          "name": "RuiDataTableCell",
           "source": {
-            "module": "@rotki/ui-library/components/overlays/notification/RuiNotification.vue",
-            "symbol": "RuiNotification"
+            "module": "@rotki/ui-library/components/tables/data-table/RuiDataTableCell.vue",
+            "symbol": "RuiDataTableCell"
           },
           "attributes": [
             {
-              "name": "timeout",
+              "name": "column",
               "description": "",
               "required": true,
               "value": {
                 "kind": "expression",
-                "type": "number"
+                "type": "TableColumn<T>"
               }
             },
             {
-              "name": "width",
+              "name": "row",
               "description": "",
-              "required": false,
-              "default": "400",
+              "required": true,
               "value": {
                 "kind": "expression",
-                "type": "string | number | undefined"
+                "type": "T"
               }
             },
             {
-              "name": "theme",
+              "name": "index",
               "description": "",
-              "required": false,
+              "required": true,
               "value": {
                 "kind": "expression",
-                "type": "'light' | 'dark' | undefined"
+                "type": "number"
               }
             },
             {
-              "name": "model-value",
+              "name": "row-id",
               "description": "",
-              "required": true,
+              "required": false,
               "value": {
                 "kind": "expression",
-                "type": "boolean"
+                "type": "T[keyof T] | undefined"
               }
             }
           ],
           "slots": [
             {
-              "name": "default"
+              "name": "default",
+              "vue-properties": [
+                {
+                  "name": "column",
+                  "type": "TableColumn<T>"
+                },
+                {
+                  "name": "row",
+                  "type": "T"
+                },
+                {
+                  "name": "index",
+                  "type": "number"
+                }
+              ]
             }
           ],
           "js": {
-            "events": [
-              {
-                "name": "update:modelValue",
-                "arguments": [
-                  {
-                    "name": "argument",
-                    "type": "[value: boolean]"
-                  }
-                ]
-              }
-            ]
-          },
-          "vue-model": {
-            "prop": "modelValue",
-            "event": "update:modelValue"
+            "events": []
           }
         },
         {
-          "name": "RuiTooltip",
+          "name": "RuiDataTableEmptyRow",
           "source": {
-            "module": "@rotki/ui-library/components/overlays/tooltip/RuiTooltip.vue",
-            "symbol": "RuiTooltip"
+            "module": "@rotki/ui-library/components/tables/data-table/RuiDataTableEmptyRow.vue",
+            "symbol": "RuiDataTableEmptyRow"
           },
           "attributes": [
             {
-              "name": "text",
+              "name": "empty",
               "description": "",
-              "required": false,
-              "default": "null",
+              "required": true,
               "value": {
                 "kind": "expression",
-                "type": "string | null | undefined"
+                "type": "{ label?: string | undefined; description?: string | undefined; }"
               }
+            }
+          ],
+          "slots": [
+            {
+              "name": "no-data"
             },
             {
-              "name": "disabled",
+              "name": "empty-description"
+            }
+          ],
+          "js": {
+            "events": []
+          }
+        },
+        {
+          "name": "RuiDataTableExpandedRow",
+          "source": {
+            "module": "@rotki/ui-library/components/tables/data-table/RuiDataTableExpandedRow.vue",
+            "symbol": "RuiDataTableExpandedRow"
+          },
+          "attributes": [
+            {
+              "name": "row",
               "description": "",
-              "required": false,
-              "default": "false",
+              "required": true,
               "value": {
                 "kind": "expression",
-                "type": "boolean | undefined"
+                "type": "T"
               }
             },
             {
-              "name": "hide-arrow",
+              "name": "index",
               "description": "",
-              "required": false,
-              "default": "false",
+              "required": true,
               "value": {
                 "kind": "expression",
-                "type": "boolean | undefined"
+                "type": "number"
               }
-            },
+            }
+          ],
+          "slots": [
             {
-              "name": "open-delay",
+              "name": "expanded-item",
+              "vue-properties": [
+                {
+                  "name": "row",
+                  "type": "T"
+                },
+                {
+                  "name": "index",
+                  "type": "number"
+                }
+              ]
+            }
+          ],
+          "js": {
+            "events": []
+          }
+        },
+        {
+          "name": "RuiDataTableGroupRow",
+          "source": {
+            "module": "@rotki/ui-library/components/tables/data-table/RuiDataTableGroupRow.vue",
+            "symbol": "RuiDataTableGroupRow"
+          },
+          "attributes": [
+            {
+              "name": "row",
               "description": "",
-              "required": false,
-              "default": "0",
+              "required": true,
               "value": {
                 "kind": "expression",
-                "type": "number | undefined"
+                "type": "GroupHeader<T>"
               }
+            }
+          ],
+          "slots": [
+            {
+              "name": "group.header",
+              "vue-properties": [
+                {
+                  "name": "colspan",
+                  "type": "number"
+                },
+                {
+                  "name": "header",
+                  "type": "GroupHeader<T>"
+                },
+                {
+                  "name": "isOpen",
+                  "type": "boolean"
+                },
+                {
+                  "name": "toggle",
+                  "type": "() => void"
+                }
+              ]
             },
             {
-              "name": "close-delay",
+              "name": "group.header.content",
+              "vue-properties": [
+                {
+                  "name": "header",
+                  "type": "GroupHeader<T>"
+                },
+                {
+                  "name": "groupKey",
+                  "type": "string"
+                }
+              ]
+            }
+          ],
+          "js": {
+            "events": []
+          }
+        },
+        {
+          "name": "RuiDataTableLoadingRow",
+          "source": {
+            "module": "@rotki/ui-library/components/tables/data-table/RuiDataTableLoadingRow.vue",
+            "symbol": "RuiDataTableLoadingRow"
+          },
+          "attributes": [],
+          "slots": [],
+          "js": {
+            "events": []
+          }
+        },
+        {
+          "name": "RuiDataTableMobileSort",
+          "source": {
+            "module": "@rotki/ui-library/components/tables/data-table/RuiDataTableMobileSort.vue",
+            "symbol": "RuiDataTableMobileSort"
+          },
+          "attributes": [
+            {
+              "name": "columns",
               "description": "",
-              "required": false,
-              "default": "500",
+              "required": true,
               "value": {
                 "kind": "expression",
-                "type": "number | undefined"
+                "type": "TableColumn<T>[]"
               }
             },
             {
-              "name": "persist-on-tooltip-hover",
+              "name": "column-attr",
               "description": "",
               "required": false,
-              "default": "false",
+              "default": "'label'",
               "value": {
                 "kind": "expression",
-                "type": "boolean | undefined"
+                "type": "string | number | undefined"
               }
             },
             {
-              "name": "options",
+              "name": "sorted-map",
               "description": "",
-              "required": false,
+              "required": true,
               "value": {
                 "kind": "expression",
-                "type": "FloatingOptions | undefined"
+                "type": "Partial<Record<TableRowKey<T>, SortColumn<T>>>"
               }
             },
             {
-              "name": "popper",
+              "name": "dense",
               "description": "",
               "required": false,
+              "default": "false",
               "value": {
                 "kind": "expression",
-                "type": "PopperOptions | undefined"
+                "type": "boolean | undefined"
               }
-            },
+            }
+          ],
+          "slots": [],
+          "js": {
+            "events": [
+              {
+                "name": "sort",
+                "arguments": [
+                  {
+                    "name": "argument",
+                    "type": "[value: { key: TableRowKey<T>; direction?: SortDirection | undefined; }]"
+                  }
+                ]
+              }
+            ]
+          }
+        },
+        {
+          "name": "RuiDataTableRow",
+          "source": {
+            "module": "@rotki/ui-library/components/tables/data-table/RuiDataTableRow.vue",
+            "symbol": "RuiDataTableRow"
+          },
+          "attributes": [
             {
-              "name": "class-names",
+              "name": "row",
               "description": "",
-              "required": false,
+              "required": true,
               "value": {
                 "kind": "expression",
-                "type": "RuiTooltipClassNames | undefined"
+                "type": "T"
               }
             },
             {
-              "name": "tooltip-class",
+              "name": "index",
               "description": "",
-              "required": false,
-              "default": "''",
+              "required": true,
               "value": {
                 "kind": "expression",
-                "type": "string | undefined"
+                "type": "number"
               }
             }
           ],
           "slots": [
             {
-              "name": "activator",
+              "name": "expanded-item",
               "vue-properties": [
                 {
-                  "name": "open",
-                  "type": "boolean"
+                  "name": "row",
+                  "type": "T"
                 },
                 {
-                  "name": "close",
-                  "type": "() => void"
+                  "name": "index",
+                  "type": "number"
                 }
               ]
-            },
-            {
-              "name": "default"
             }
           ],
           "js": {
@@ -6989,7 +8184,7 @@
               "default": "''",
               "value": {
                 "kind": "expression",
-                "type": "string | St | vt | undefined"
+                "type": "string | it | et | undefined"
               }
             },
             {