@rotki/ui-library 1.12.3 → 2.0.0

package/dist/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "http://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "@rotki/ui-library",
-  "version": "1.12.3",
+  "version": "2.0.0",
   "js-types-syntax": "typescript",
   "description-markup": "markdown",
   "contributions": {
@@ -117,6 +117,285 @@
             ]
           }
         },
+        {
+          "name": "RuiCalendar",
+          "source": {
+            "module": "@rotki/ui-library/components/calendar/RuiCalendar.vue",
+            "symbol": "RuiCalendar"
+          },
+          "attributes": [
+            {
+              "name": "max-date",
+              "description": "",
+              "required": false,
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "number | Date | undefined"
+              }
+            },
+            {
+              "name": "min-date",
+              "description": "",
+              "required": false,
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "number | Date | undefined"
+              }
+            },
+            {
+              "name": "allow-empty",
+              "description": "",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "borderless",
+              "description": "",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "model-value",
+              "description": "",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "Date | undefined"
+              }
+            }
+          ],
+          "slots": [],
+          "js": {
+            "events": [
+              {
+                "name": "update:modelValue",
+                "arguments": [
+                  {
+                    "name": "argument",
+                    "type": "[value: Date | undefined]"
+                  }
+                ]
+              },
+              {
+                "name": "update:pages",
+                "arguments": [
+                  {
+                    "name": "argument",
+                    "type": "[{ title: string; }[]]"
+                  }
+                ]
+              }
+            ]
+          },
+          "vue-model": {
+            "prop": "modelValue",
+            "event": "update:modelValue"
+          }
+        },
+        {
+          "name": "RuiCalendarGrid",
+          "source": {
+            "module": "@rotki/ui-library/components/calendar/RuiCalendarGrid.vue",
+            "symbol": "RuiCalendarGrid"
+          },
+          "attributes": [
+            {
+              "name": "view-month",
+              "description": "",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "number"
+              }
+            },
+            {
+              "name": "view-year",
+              "description": "",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "number"
+              }
+            },
+            {
+              "name": "model-value",
+              "description": "",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "Date | undefined"
+              }
+            }
+          ],
+          "slots": [],
+          "js": {
+            "events": [
+              {
+                "name": "update:modelValue",
+                "arguments": [
+                  {
+                    "name": "argument",
+                    "type": "[value: Date | undefined]"
+                  }
+                ]
+              }
+            ]
+          },
+          "vue-model": {
+            "prop": "modelValue",
+            "event": "update:modelValue"
+          }
+        },
+        {
+          "name": "RuiCalendarHeader",
+          "source": {
+            "module": "@rotki/ui-library/components/calendar/RuiCalendarHeader.vue",
+            "symbol": "RuiCalendarHeader"
+          },
+          "attributes": [
+            {
+              "name": "title",
+              "description": "",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "view-month",
+              "description": "",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "number"
+              }
+            },
+            {
+              "name": "view-year",
+              "description": "",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "number"
+              }
+            }
+          ],
+          "slots": [],
+          "js": {
+            "events": [
+              {
+                "name": "prev-month",
+                "arguments": [
+                  {
+                    "name": "argument",
+                    "type": "[]"
+                  }
+                ]
+              },
+              {
+                "name": "next-month",
+                "arguments": [
+                  {
+                    "name": "argument",
+                    "type": "[]"
+                  }
+                ]
+              },
+              {
+                "name": "select-month",
+                "arguments": [
+                  {
+                    "name": "argument",
+                    "type": "[MonthYearSelection]"
+                  }
+                ]
+              }
+            ]
+          }
+        },
+        {
+          "name": "RuiCalendarMenu",
+          "source": {
+            "module": "@rotki/ui-library/components/calendar/RuiCalendarMenu.vue",
+            "symbol": "RuiCalendarMenu"
+          },
+          "attributes": [
+            {
+              "name": "anchor-el",
+              "description": "",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "HTMLElement | undefined"
+              }
+            },
+            {
+              "name": "view-month",
+              "description": "",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "number"
+              }
+            },
+            {
+              "name": "view-year",
+              "description": "",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "number"
+              }
+            },
+            {
+              "name": "model-value",
+              "description": "",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            }
+          ],
+          "slots": [],
+          "js": {
+            "events": [
+              {
+                "name": "select",
+                "arguments": [
+                  {
+                    "name": "argument",
+                    "type": "[MonthYearSelection]"
+                  }
+                ]
+              },
+              {
+                "name": "update:modelValue",
+                "arguments": [
+                  {
+                    "name": "argument",
+                    "type": "[value: boolean | undefined]"
+                  }
+                ]
+              }
+            ]
+          },
+          "vue-model": {
+            "prop": "modelValue",
+            "event": "update:modelValue"
+          }
+        },
         {
           "name": "RuiCard",
           "source": {
@@ -171,7 +450,7 @@
               "default": "'md'",
               "value": {
                 "kind": "expression",
-                "type": "'sm' | 'lg' | 'md' | undefined"
+                "type": "'md' | 'sm' | 'lg' | undefined"
               }
             },
             {
@@ -309,7 +588,7 @@
               "default": "'md'",
               "value": {
                 "kind": "expression",
-                "type": "'sm' | 'md' | undefined"
+                "type": "'md' | 'sm' | undefined"
               }
             },
             {
@@ -675,7 +954,7 @@
               "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "'sm' | 'lg' | 'md' | 'none' | 'full' | undefined"
+                "type": "'md' | 'sm' | 'lg' | 'none' | 'full' | undefined"
               }
             }
           ],
@@ -698,7 +977,7 @@
               "default": "'text'",
               "value": {
                 "kind": "expression",
-                "type": "'icon' | 'button' | 'text' | 'paragraph' | 'heading' | 'article' | 'avatar' | 'thumbnail' | 'custom' | undefined"
+                "type": "'icon' | 'text' | 'paragraph' | 'heading' | 'article' | 'button' | 'avatar' | 'thumbnail' | 'custom' | undefined"
               }
             },
             {
@@ -708,7 +987,7 @@
               "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "'sm' | 'lg' | 'md' | 'none' | 'full' | undefined"
+                "type": "'md' | 'sm' | 'lg' | 'none' | 'full' | undefined"
               }
             }
           ],
@@ -1288,7 +1567,7 @@
               "name": "empty",
               "description": "data to display for empty state\ntext and icon",
               "required": false,
-              "default": "{ description: 'No item found' }",
+              "default": "{ label: 'No item found' }",
               "value": {
                 "kind": "expression",
                 "type": "{ label?: string | undefined; description?: string | undefined; } | undefined"
@@ -1321,7 +1600,7 @@
               "default": "'md'",
               "value": {
                 "kind": "expression",
-                "type": "'sm' | 'lg' | 'md' | undefined"
+                "type": "'md' | 'sm' | 'lg' | undefined"
               }
             },
             {
@@ -1888,6 +2167,62 @@
             ]
           }
         },
+        {
+          "name": "RuiTimePicker",
+          "source": {
+            "module": "@rotki/ui-library/components/time-picker/RuiTimePicker.vue",
+            "symbol": "RuiTimePicker"
+          },
+          "attributes": [
+            {
+              "name": "accuracy",
+              "description": "",
+              "required": false,
+              "default": "TimeAccuracy.MINUTE",
+              "value": {
+                "kind": "expression",
+                "type": "TimeAccuracy | undefined"
+              }
+            },
+            {
+              "name": "borderless",
+              "description": "",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "model-value",
+              "description": "",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "Date | undefined"
+              }
+            }
+          ],
+          "slots": [],
+          "js": {
+            "events": [
+              {
+                "name": "update:modelValue",
+                "arguments": [
+                  {
+                    "name": "argument",
+                    "type": "[value: Date | undefined]"
+                  }
+                ]
+              }
+            ]
+          },
+          "vue-model": {
+            "prop": "modelValue",
+            "event": "update:modelValue"
+          }
+        },
         {
           "name": "RuiAccordion",
           "source": {
@@ -2234,7 +2569,7 @@
               "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "'sm' | 'lg' | 'md' | undefined"
+                "type": "'md' | 'sm' | 'lg' | undefined"
               }
             },
             {
@@ -3001,16 +3336,6 @@
                 "type": "string | undefined"
               }
             },
-            {
-              "name": "as",
-              "description": "",
-              "required": false,
-              "default": "undefined",
-              "value": {
-                "kind": "expression",
-                "type": "string | object | undefined"
-              }
-            },
             {
               "name": "error-messages",
               "description": "",
@@ -4241,16 +4566,6 @@
                 "type": "string | undefined"
               }
             },
-            {
-              "name": "as",
-              "description": "",
-              "required": false,
-              "default": "'input'",
-              "value": {
-                "kind": "expression",
-                "type": "string | object | undefined"
-              }
-            },
             {
               "name": "error-messages",
               "description": "",
@@ -4351,38 +4666,38 @@
                 ]
               },
               {
-                "name": "clear",
+                "name": "update:modelValue",
                 "arguments": [
                   {
                     "name": "argument",
-                    "type": "[]"
+                    "type": "[value: string]"
                   }
                 ]
               },
               {
-                "name": "update:modelValue",
+                "name": "focus-input",
                 "arguments": [
                   {
                     "name": "argument",
-                    "type": "[value: string]"
+                    "type": "[event: Event]"
                   }
                 ]
               },
               {
-                "name": "focus-input",
+                "name": "remove",
                 "arguments": [
                   {
                     "name": "argument",
-                    "type": "[event: Event]"
+                    "type": "[value: unknown]"
                   }
                 ]
               },
               {
-                "name": "remove",
+                "name": "clear",
                 "arguments": [
                   {
                     "name": "argument",
-                    "type": "[value: unknown]"
+                    "type": "[]"
                   }
                 ]
               }
@@ -4477,7 +4792,7 @@
               "default": "'top'",
               "value": {
                 "kind": "expression",
-                "type": "'bottom' | 'top' | 'center' | undefined"
+                "type": "'center' | 'top' | 'bottom' | undefined"
               }
             },
             {
@@ -4487,7 +4802,7 @@
               "default": "'md'",
               "value": {
                 "kind": "expression",
-                "type": "'sm' | 'lg' | 'md' | undefined"
+                "type": "'md' | 'sm' | 'lg' | undefined"
               }
             },
             {
@@ -4497,7 +4812,7 @@
               "default": "'full'",
               "value": {
                 "kind": "expression",
-                "type": "'sm' | 'lg' | 'md' | 'full' | undefined"
+                "type": "'md' | 'sm' | 'lg' | 'full' | undefined"
               }
             },
             {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rotki/ui-library",
-  "version": "1.12.3",
+  "version": "2.0.0",
   "description": "A vue design system and component library for rotki",
   "type": "module",
   "keywords": [
@@ -63,73 +63,74 @@
     }
   },
   "peerDependencies": {
-    "@vueuse/core": ">11.0.0",
-    "@vueuse/shared": ">11.0.0",
+    "@vueuse/core": ">13.0.0",
+    "@vueuse/shared": ">13.0.0",
     "vue": ">=3.5.0"
   },
   "web-types": "dist/web-types.json",
   "devDependencies": {
-    "@babel/core": "7.26.10",
-    "@babel/types": "7.26.10",
+    "@babel/core": "7.27.1",
+    "@babel/types": "7.27.1",
     "@commitlint/cli": "19.8.0",
     "@commitlint/config-conventional": "19.8.0",
     "@fontsource/roboto": "5.2.5",
     "@popperjs/core": "2.11.8",
     "@rotki/eslint-config": "4.1.0",
-    "@storybook/addon-docs": "8.6.7",
-    "@storybook/addon-essentials": "8.6.7",
-    "@storybook/addon-interactions": "8.6.7",
-    "@storybook/addon-links": "8.6.7",
-    "@storybook/addon-themes": "8.6.7",
-    "@storybook/blocks": "8.6.7",
-    "@storybook/preview-api": "8.6.7",
-    "@storybook/test": "8.6.7",
-    "@storybook/vue3": "8.6.7",
-    "@storybook/vue3-vite": "8.6.7",
-    "@types/node": "22.13.11",
+    "@storybook/addon-docs": "8.6.12",
+    "@storybook/addon-essentials": "8.6.12",
+    "@storybook/addon-interactions": "8.6.12",
+    "@storybook/addon-links": "8.6.12",
+    "@storybook/addon-themes": "8.6.12",
+    "@storybook/blocks": "8.6.12",
+    "@storybook/preview-api": "8.6.12",
+    "@storybook/test": "8.6.12",
+    "@storybook/vue3": "8.6.12",
+    "@storybook/vue3-vite": "8.6.12",
+    "@types/node": "22.15.14",
     "@types/tinycolor2": "1.4.6",
     "@vitejs/plugin-vue": "5.2.3",
-    "@vitest/coverage-v8": "3.0.9",
-    "@vitest/ui": "3.0.9",
+    "@vitest/coverage-v8": "3.1.3",
+    "@vitest/ui": "3.1.3",
     "@vue/test-utils": "2.4.6",
     "@vue/tsconfig": "0.7.0",
-    "@vueuse/core": "12.8.2",
-    "@vueuse/math": "12.8.2",
-    "@vueuse/shared": "12.8.2",
+    "@vueuse/core": "13.1.0",
+    "@vueuse/math": "13.1.0",
+    "@vueuse/shared": "13.1.0",
     "argparse": "2.0.1",
     "autoprefixer": "10.4.21",
-    "babel-loader": "9.2.1",
+    "babel-loader": "10.0.0",
     "bumpp": "10.1.0",
+    "cac": "6.7.14",
     "consola": "3.4.2",
     "css-loader": "7.1.2",
-    "eslint": "9.22.0",
-    "eslint-plugin-cypress": "4.2.0",
-    "eslint-plugin-storybook": "0.11.6",
+    "eslint": "9.26.0",
+    "eslint-plugin-cypress": "4.3.0",
+    "eslint-plugin-storybook": "0.12.0",
     "fast-glob": "3.3.3",
-    "fast-xml-parser": "5.0.9",
+    "fast-xml-parser": "5.2.2",
     "fs-extra": "11.3.0",
     "husky": "9.1.7",
-    "jsdom": "26.0.0",
-    "lint-staged": "15.5.0",
-    "lucide": "0.473.0",
+    "jsdom": "26.1.0",
+    "lint-staged": "15.5.2",
+    "lucide": "0.507.0",
     "postcss": "8.5.3",
-    "remixicon": "4.6.0",
-    "sass": "1.86.0",
+    "sass": "1.87.0",
     "scule": "1.3.0",
-    "storybook": "8.6.7",
+    "storybook": "8.6.12",
     "tailwindcss": "3.4.17",
     "tinycolor2": "1.6.0",
-    "tsc-alias": "1.8.11",
-    "tsx": "4.19.3",
-    "typescript": "5.8.2",
-    "unplugin-auto-import": "19.1.1",
-    "vite": "6.2.2",
-    "vitest": "3.0.9",
+    "tsc-alias": "1.8.16",
+    "tsx": "4.19.4",
+    "typescript": "5.8.3",
+    "unplugin-auto-import": "19.2.0",
+    "vite": "6.3.5",
+    "vite-plugin-vue-devtools": "7.7.6",
+    "vitest": "3.1.3",
     "vue": "3.5.13",
-    "vue-component-meta": "2.2.8",
+    "vue-component-meta": "2.2.10",
     "vue-loader": "17.4.2",
-    "vue-router": "4.5.0",
-    "vue-tsc": "2.2.8"
+    "vue-router": "4.5.1",
+    "vue-tsc": "2.2.10"
   },
   "engines": {
     "node": ">=22 <23",
@@ -146,7 +147,7 @@
     "build:types": "vue-tsc -p tsconfig.build.json",
     "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",
+    "resolve:alias": "tsc-alias --replacer ./scripts/tsc-alias-replacer.cjs -p tsconfig.build.json --dir dist",
     "dev": "vite",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",