@rotki/ui-library 2.15.0 → 2.16.1

package/dist/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "http://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "@rotki/ui-library",
-  "version": "2.15.0",
+  "version": "2.16.1",
   "js-types-syntax": "typescript",
   "description-markup": "markdown",
   "contributions": {
@@ -471,7 +471,6 @@
               "name": "variant",
               "description": "",
               "required": false,
-              "default": "'outlined'",
               "value": {
                 "kind": "expression",
                 "type": "'flat' | 'outlined' | undefined"
@@ -497,6 +496,15 @@
                 "type": "boolean | undefined"
               }
             },
+            {
+              "name": "class-names",
+              "description": "",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "RuiCardClassNames | undefined"
+              }
+            },
             {
               "name": "content-class",
               "description": "",
@@ -619,20 +627,20 @@
               "name": "size",
               "description": "",
               "required": false,
-              "default": "'md'",
+              "default": "ChipSize.md",
               "value": {
                 "kind": "expression",
-                "type": "'sm' | 'md' | undefined"
+                "type": "ChipSize | undefined"
               }
             },
             {
               "name": "variant",
               "description": "",
               "required": false,
-              "default": "'filled'",
+              "default": "ChipVariant.filled",
               "value": {
                 "kind": "expression",
-                "type": "'outlined' | 'filled' | undefined"
+                "type": "ChipVariant | undefined"
               }
             },
             {
@@ -675,6 +683,15 @@
                 "type": "string | undefined"
               }
             },
+            {
+              "name": "class-names",
+              "description": "",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "RuiChipClassNames | undefined"
+              }
+            },
             {
               "name": "content-class",
               "description": "",
@@ -992,7 +1009,7 @@
               "default": "'default'",
               "value": {
                 "kind": "expression",
-                "type": "'outlined' | 'default' | 'filled' | undefined"
+                "type": "TextInputVariant | undefined"
               }
             },
             {
@@ -1477,10 +1494,10 @@
               "name": "type",
               "description": "",
               "required": false,
-              "default": "'text'",
+              "default": "SkeletonType.TEXT",
               "value": {
                 "kind": "expression",
-                "type": "'icon' | 'text' | 'custom' | 'button' | 'paragraph' | 'heading' | 'article' | 'avatar' | 'thumbnail' | undefined"
+                "type": "SkeletonType | undefined"
               }
             },
             {
@@ -1599,10 +1616,10 @@
               "name": "variant",
               "description": "",
               "required": false,
-              "default": "'determinate'",
+              "default": "ProgressVariant.determinate",
               "value": {
                 "kind": "expression",
-                "type": "'indeterminate' | 'determinate' | 'buffer' | undefined"
+                "type": "ProgressVariant | undefined"
               }
             },
             {
@@ -1649,7 +1666,7 @@
               "name": "size",
               "description": "only used for circular progress",
               "required": false,
-              "default": "32",
+              "default": "40",
               "value": {
                 "kind": "expression",
                 "type": "string | number | undefined"
@@ -1681,10 +1698,9 @@
               "name": "variant",
               "description": "",
               "required": false,
-              "default": "'numeric'",
               "value": {
                 "kind": "expression",
-                "type": "'numeric' | 'bullet' | 'progress' | 'pill' | undefined"
+                "type": "FooterStepperVariant | undefined"
               }
             },
             {
@@ -1782,6 +1798,15 @@
                 "type": "boolean | undefined"
               }
             },
+            {
+              "name": "class-names",
+              "description": "",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "RuiStepperClassNames | undefined"
+              }
+            },
             {
               "name": "title-class",
               "description": "",
@@ -2020,6 +2045,16 @@
                 "type": "boolean | undefined"
               }
             },
+            {
+              "name": "ranges-threshold",
+              "description": "Maximum number of pages before the jump-to-page dropdown is replaced with\na numeric input. Defaults to `500`. Forwarded to `RuiTablePagination`.",
+              "required": false,
+              "default": "500",
+              "value": {
+                "kind": "expression",
+                "type": "number | undefined"
+              }
+            },
             {
               "name": "empty",
               "description": "data to display for empty state\ntext and icon",
@@ -2404,6 +2439,41 @@
             "events": []
           }
         },
+        {
+          "name": "RuiTableEmptyState",
+          "source": {
+            "module": "@rotki/ui-library/components/tables/RuiTableEmptyState.vue",
+            "symbol": "RuiTableEmptyState"
+          },
+          "attributes": [
+            {
+              "name": "label",
+              "description": "",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
+            {
+              "name": "description",
+              "description": "",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            }
+          ],
+          "slots": [
+            {
+              "name": "description"
+            }
+          ],
+          "js": {
+            "events": []
+          }
+        },
         {
           "name": "RuiTableHead",
           "source": {
@@ -2577,7 +2647,7 @@
                 "arguments": [
                   {
                     "name": "argument",
-                    "type": "[value: { key: TableRowKey<T>; direction?: 'asc' | 'desc' | undefined; }]"
+                    "type": "[value: { key: TableRowKey<T>; direction?: SortDirection | undefined; }]"
                   }
                 ]
               },
@@ -2630,6 +2700,16 @@
                 "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.",
+              "required": false,
+              "default": "500",
+              "value": {
+                "kind": "expression",
+                "type": "number | undefined"
+              }
+            },
             {
               "name": "model-value",
               "description": "",
@@ -2843,6 +2923,15 @@
                 "type": "boolean | undefined"
               }
             },
+            {
+              "name": "class-names",
+              "description": "",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "RuiAccordionClassNames | undefined"
+              }
+            },
             {
               "name": "header-class",
               "description": "",
@@ -3000,10 +3089,10 @@
               "name": "variant",
               "description": "",
               "required": false,
-              "default": "'default'",
+              "default": "ButtonVariant.default",
               "value": {
                 "kind": "expression",
-                "type": "'text' | 'outlined' | 'default' | 'fab' | 'list' | undefined"
+                "type": "ButtonVariant | undefined"
               }
             },
             {
@@ -3033,7 +3122,7 @@
               "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "'sm' | 'lg' | undefined"
+                "type": "ButtonSize | undefined"
               }
             },
             {
@@ -3322,6 +3411,15 @@
                 "type": "MenuProps | undefined"
               }
             },
+            {
+              "name": "class-names",
+              "description": "",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "RuiAutoCompleteClassNames | undefined"
+              }
+            },
             {
               "name": "label-class",
               "description": "",
@@ -3374,7 +3472,7 @@
               "default": "'default'",
               "value": {
                 "kind": "expression",
-                "type": "'outlined' | 'default' | 'filled' | undefined"
+                "type": "TextInputVariant | undefined"
               }
             },
             {
@@ -3928,7 +4026,7 @@
               "default": "'default'",
               "value": {
                 "kind": "expression",
-                "type": "'outlined' | 'default' | 'filled' | undefined"
+                "type": "TextInputVariant | undefined"
               }
             },
             {
@@ -4186,6 +4284,15 @@
                 "type": "MenuProps | undefined"
               }
             },
+            {
+              "name": "class-names",
+              "description": "",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "RuiMenuSelectClassNames | undefined"
+              }
+            },
             {
               "name": "label-class",
               "description": "",
@@ -4247,7 +4354,7 @@
               "default": "'default'",
               "value": {
                 "kind": "expression",
-                "type": "'outlined' | 'default' | 'filled' | undefined"
+                "type": "TextInputVariant | undefined"
               }
             },
             {
@@ -4526,7 +4633,6 @@
               "name": "variant",
               "description": "",
               "required": false,
-              "default": "'default'",
               "value": {
                 "kind": "expression",
                 "type": "'outlined' | 'default' | undefined"
@@ -4718,6 +4824,15 @@
                 "type": "boolean | undefined"
               }
             },
+            {
+              "name": "class-names",
+              "description": "",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "RuiSliderClassNames | undefined"
+              }
+            },
             {
               "name": "slider-class",
               "description": "",
@@ -4953,7 +5068,7 @@
               "default": "'default'",
               "value": {
                 "kind": "expression",
-                "type": "'outlined' | 'default' | 'filled' | undefined"
+                "type": "TextInputVariant | undefined"
               }
             },
             {
@@ -5215,7 +5330,7 @@
               "default": "'default'",
               "value": {
                 "kind": "expression",
-                "type": "'outlined' | 'default' | 'filled' | undefined"
+                "type": "TextInputVariant | undefined"
               }
             },
             {
@@ -5491,30 +5606,30 @@
               "name": "placement",
               "description": "",
               "required": false,
-              "default": "'top'",
+              "default": "BadgePlacement.top",
               "value": {
                 "kind": "expression",
-                "type": "'center' | 'top' | 'bottom' | undefined"
+                "type": "BadgePlacement | undefined"
               }
             },
             {
               "name": "size",
               "description": "",
               "required": false,
-              "default": "'md'",
+              "default": "BadgeSize.md",
               "value": {
                 "kind": "expression",
-                "type": "'sm' | 'md' | 'lg' | undefined"
+                "type": "BadgeSize | undefined"
               }
             },
             {
               "name": "rounded",
               "description": "",
               "required": false,
-              "default": "'full'",
+              "default": "BadgeRounded.full",
               "value": {
                 "kind": "expression",
-                "type": "'sm' | 'md' | 'lg' | 'full' | undefined"
+                "type": "BadgeRounded | undefined"
               }
             },
             {
@@ -5654,6 +5769,15 @@
                 "type": "boolean | undefined"
               }
             },
+            {
+              "name": "class-names",
+              "description": "",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "RuiDialogClassNames | undefined"
+              }
+            },
             {
               "name": "content-class",
               "description": "",
@@ -5824,16 +5948,33 @@
                 "type": "number | undefined"
               }
             },
+            {
+              "name": "options",
+              "description": "",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "FloatingOptions | undefined"
+              }
+            },
             {
               "name": "popper",
               "description": "",
               "required": false,
-              "default": "{}",
               "value": {
                 "kind": "expression",
                 "type": "PopperOptions | undefined"
               }
             },
+            {
+              "name": "class-names",
+              "description": "",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "RuiMenuClassNames | undefined"
+              }
+            },
             {
               "name": "wrapper-class",
               "description": "",
@@ -6075,6 +6216,15 @@
                 "type": "'left' | 'right' | undefined"
               }
             },
+            {
+              "name": "class-names",
+              "description": "",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "RuiNavigationDrawerClassNames | undefined"
+              }
+            },
             {
               "name": "content-class",
               "description": "",
@@ -6295,16 +6445,33 @@
                 "type": "boolean | undefined"
               }
             },
+            {
+              "name": "options",
+              "description": "",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "FloatingOptions | undefined"
+              }
+            },
             {
               "name": "popper",
               "description": "",
               "required": false,
-              "default": "{}",
               "value": {
                 "kind": "expression",
                 "type": "PopperOptions | undefined"
               }
             },
+            {
+              "name": "class-names",
+              "description": "",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "RuiTooltipClassNames | undefined"
+              }
+            },
             {
               "name": "tooltip-class",
               "description": "",
@@ -6394,6 +6561,15 @@
                 "type": "boolean | undefined"
               }
             },
+            {
+              "name": "class-names",
+              "description": "",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "RuiTabClassNames | undefined"
+              }
+            },
             {
               "name": "active-class",
               "description": "",
@@ -6448,7 +6624,6 @@
               "name": "exact-path",
               "description": "",
               "required": false,
-              "default": "false",
               "value": {
                 "kind": "expression",
                 "type": "boolean | undefined"
@@ -6468,20 +6643,20 @@
               "name": "align",
               "description": "",
               "required": false,
-              "default": "'center'",
+              "default": "TabAlignment.center",
               "value": {
                 "kind": "expression",
-                "type": "'start' | 'center' | 'end' | undefined"
+                "type": "TabAlignment | undefined"
               }
             },
             {
               "name": "indicator-position",
               "description": "",
               "required": false,
-              "default": "'end'",
+              "default": "TabIndicatorPosition.end",
               "value": {
                 "kind": "expression",
-                "type": "'start' | 'end' | undefined"
+                "type": "TabIndicatorPosition | undefined"
               }
             }
           ],
@@ -6655,7 +6830,7 @@
               "default": "'center'",
               "value": {
                 "kind": "expression",
-                "type": "'start' | 'center' | 'end' | undefined"
+                "type": "TabAlignment | undefined"
               }
             },
             {
@@ -6665,7 +6840,7 @@
               "default": "'end'",
               "value": {
                 "kind": "expression",
-                "type": "'start' | 'end' | undefined"
+                "type": "TabIndicatorPosition | undefined"
               }
             },
             {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rotki/ui-library",
-  "version": "2.15.0",
+  "version": "2.16.1",
   "description": "A vue design system and component library for rotki",
   "type": "module",
   "keywords": [
@@ -78,59 +78,67 @@
   },
   "peerDependencies": {
     "dayjs": ">=1.11.13 <12",
-    "vue": ">=3.5.0"
+    "vue": ">=3.5.0",
+    "vue-router": ">=5.0.0"
+  },
+  "peerDependenciesMeta": {
+    "vue-router": {
+      "optional": true
+    }
   },
   "web-types": "dist/web-types.json",
   "dependencies": {
-    "@popperjs/core": "2.11.8",
+    "@floating-ui/dom": "1.7.6",
     "@vueuse/core": "14.2.1",
     "@vueuse/shared": "14.2.1",
     "scule": "1.3.0",
+    "tailwind-merge": "2.6.1",
+    "tailwind-variants": "3.2.2",
     "tinycolor2": "1.6.0"
   },
   "devDependencies": {
     "@fontsource/roboto": "5.2.10",
-    "@storybook/addon-a11y": "10.2.17",
-    "@storybook/addon-docs": "10.2.17",
-    "@storybook/addon-links": "10.2.17",
-    "@storybook/addon-themes": "10.2.17",
-    "@storybook/addon-vitest": "10.2.17",
-    "@storybook/vue3-vite": "10.2.17",
+    "@storybook/addon-a11y": "10.3.4",
+    "@storybook/addon-docs": "10.3.4",
+    "@storybook/addon-links": "10.3.4",
+    "@storybook/addon-themes": "10.3.4",
+    "@storybook/addon-vitest": "10.3.4",
+    "@storybook/vue3-vite": "10.3.4",
     "@tsconfig/node24": "24.0.4",
-    "@types/jsdom": "28.0.0",
-    "@types/node": "24.12.0",
+    "@types/jsdom": "28.0.1",
+    "@types/node": "24.12.2",
     "@types/tinycolor2": "1.4.6",
     "@vitejs/plugin-vue": "6.0.5",
-    "@vitest/browser": "4.1.0",
-    "@vitest/browser-playwright": "4.1.0",
-    "@vitest/coverage-v8": "4.1.0",
-    "@vitest/ui": "4.1.0",
+    "@vitest/browser": "4.1.2",
+    "@vitest/browser-playwright": "4.1.2",
+    "@vitest/coverage-v8": "4.1.2",
+    "@vitest/ui": "4.1.2",
     "@vue/test-utils": "2.4.6",
-    "@vue/tsconfig": "0.9.0",
+    "@vue/tsconfig": "0.9.1",
     "autoprefixer": "10.4.27",
     "cac": "7.0.0",
     "consola": "3.4.2",
     "fast-glob": "3.3.3",
-    "fast-xml-parser": "5.5.4",
+    "fast-xml-parser": "5.5.10",
     "fs-extra": "11.3.4",
+    "happy-dom": "20.8.9",
     "jsdom": "28.1.0",
     "lucide": "0.577.0",
-    "msw": "2.12.10",
+    "msw": "2.13.0",
     "postcss": "8.5.8",
-    "sass": "1.98.0",
-    "storybook": "10.2.17",
+    "storybook": "10.3.4",
     "tailwindcss": "3.4.19",
     "tsc-alias": "1.8.16",
     "tsx": "4.21.0",
     "typescript": "5.9.3",
     "unplugin-auto-import": "21.0.0",
-    "vite": "7.3.1",
-    "vite-plugin-vue-devtools": "8.1.0",
-    "vitest": "4.1.0",
-    "vue": "3.5.30",
-    "vue-component-meta": "3.2.5",
-    "vue-router": "5.0.3",
-    "vue-tsc": "3.2.5"
+    "vite": "8.0.7",
+    "vite-plugin-vue-devtools": "8.1.1",
+    "vitest": "4.1.2",
+    "vue": "3.5.32",
+    "vue-component-meta": "3.2.6",
+    "vue-router": "5.0.4",
+    "vue-tsc": "3.2.6"
   },
   "engines": {
     "node": ">=24 <25",
@@ -145,6 +153,7 @@
     "build:web-types": "tsx scripts/build-web-types.mjs",
     "generate-icons": "tsx scripts/generate-icons.mjs",
     "resolve:alias": "tsc-alias --replacer ./scripts/tsc-alias-replacer.cjs -p tsconfig.build.json --dir dist",
+    "verify:dist": "tsx scripts/verify-dist.ts",
     "dev": "vite",
     "storybook": "storybook dev -p 6006",
     "test": "vitest --ui --project=unit",