@rotki/ui-library 2.8.3 → 2.9.1

package/dist/vite-plugin/index.js

@@ -0,0 +1,161 @@
+import { readFileSync, existsSync } from "node:fs";
+import { dirname, resolve } from "node:path";
+import { fileURLToPath } from "node:url";
+import { generateVirtualModule, extractIconsFromSource, validateIcons } from "./scanner.js";
+const VIRTUAL_MODULE_ID = "virtual:rotki-icons";
+const RESOLVED_VIRTUAL_MODULE_ID = `\0${VIRTUAL_MODULE_ID}`;
+const DEFAULT_SCAN_PATTERNS = ["**/*.vue", "**/*.ts", "**/*.tsx"];
+const EXCLUDED_PATTERNS = ["**/node_modules/**", "**/dist/**", "**/.git/**"];
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+function loadValidIcons() {
+  try {
+    const distPath = resolve(__dirname, "../icons/index.js");
+    if (existsSync(distPath)) {
+      const content = readFileSync(distPath, "utf-8");
+      const match = content.match(/const RuiIcons = \[(.*?)];/s);
+      if (match?.[1]) {
+        const iconsStr = match[1];
+        const icons = iconsStr.match(/"([^"]+)"/g)?.map((s) => s.slice(1, -1)) || [];
+        return new Set(icons);
+      }
+    }
+  } catch {
+  }
+  const sourcePath = resolve(__dirname, "../icons/index.ts");
+  if (existsSync(sourcePath)) {
+    const content = readFileSync(sourcePath, "utf-8");
+    const match = content.match(/export const RuiIcons = \[(.*?)] as const/s);
+    if (match?.[1]) {
+      const iconsStr = match[1];
+      const icons = iconsStr.match(/"([^"]+)"/g)?.map((s) => s.slice(1, -1)) || [];
+      return new Set(icons);
+    }
+  }
+  console.warn("[@rotki/ui-library] Could not load RuiIcons list, validation disabled");
+  return /* @__PURE__ */ new Set();
+}
+function ruiIconsPlugin(options = {}) {
+  const {
+    include = [],
+    scanPatterns = DEFAULT_SCAN_PATTERNS,
+    strict = false,
+    debug = false
+  } = options;
+  let validIcons;
+  let scanResult;
+  let server = null;
+  let root;
+  const log = (message) => {
+    if (debug) {
+      console.log(`[@rotki/ui-library/icons] ${message}`);
+    }
+  };
+  const warn = (message) => {
+    console.warn(`[@rotki/ui-library/icons] ${message}`);
+  };
+  async function scanFiles() {
+    const fg = await import("fast-glob");
+    const glob = fg.default || fg;
+    scanResult = {
+      icons: new Set(include),
+      invalidIcons: /* @__PURE__ */ new Map()
+    };
+    const files = glob.sync(scanPatterns, {
+      cwd: root,
+      ignore: EXCLUDED_PATTERNS,
+      absolute: true
+    });
+    log(`Scanning ${files.length} files for icon usage...`);
+    for (const filePath of files) {
+      try {
+        const content = readFileSync(filePath, "utf-8");
+        const detectedIcons = extractIconsFromSource(content);
+        if (detectedIcons.size > 0) {
+          log(`Found ${detectedIcons.size} potential icons in ${filePath}`);
+          validateIcons(detectedIcons, validIcons, filePath, scanResult);
+        }
+      } catch {
+        warn(`Failed to read file: ${filePath}`);
+      }
+    }
+    for (const icon of include) {
+      if (validIcons.has(icon)) {
+        scanResult.icons.add(icon);
+      } else {
+        warn(`Included icon "${icon}" is not a valid RuiIcon`);
+      }
+    }
+    log(`Detected ${scanResult.icons.size} valid icons`);
+    if (scanResult.invalidIcons.size > 0) {
+      const invalidList = [...scanResult.invalidIcons.entries()].map(([icon, files2]) => `  - "${icon}" in: ${files2.join(", ")}`).join("\n");
+      const message = `Found ${scanResult.invalidIcons.size} invalid icon name(s):
+${invalidList}`;
+      if (strict) {
+        throw new Error(message);
+      } else {
+        warn(message);
+      }
+    }
+  }
+  function handleFileChange(filePath) {
+    const isRelevantFile = scanPatterns.some((pattern) => {
+      const ext = filePath.split(".").pop();
+      return pattern.includes(`*.${ext}`);
+    });
+    if (!isRelevantFile)
+      return;
+    try {
+      const content = readFileSync(filePath, "utf-8");
+      const detectedIcons = extractIconsFromSource(content);
+      const previousSize = scanResult.icons.size;
+      validateIcons(detectedIcons, validIcons, filePath, scanResult);
+      if (scanResult.icons.size > previousSize) {
+        log(`New icons detected in ${filePath}, invalidating virtual module...`);
+        const mod = server?.moduleGraph.getModuleById(RESOLVED_VIRTUAL_MODULE_ID);
+        if (mod) {
+          server?.moduleGraph.invalidateModule(mod);
+          server?.ws.send({
+            type: "full-reload",
+            path: "*"
+          });
+        }
+      }
+    } catch {
+    }
+  }
+  return {
+    name: "rotki-ui-library-icons",
+    enforce: "pre",
+    configResolved(config) {
+      root = config.root;
+      validIcons = loadValidIcons();
+      log(`Loaded ${validIcons.size} valid icon names`);
+    },
+    configureServer(_server) {
+      server = _server;
+      server.watcher.on("change", handleFileChange);
+      server.watcher.on("add", handleFileChange);
+    },
+    async buildStart() {
+      await scanFiles();
+    },
+    resolveId(id) {
+      if (id === VIRTUAL_MODULE_ID) {
+        return RESOLVED_VIRTUAL_MODULE_ID;
+      }
+    },
+    load(id) {
+      if (id === RESOLVED_VIRTUAL_MODULE_ID) {
+        const moduleContent = generateVirtualModule(scanResult.icons);
+        log(`Generated virtual module with ${scanResult.icons.size} icons`);
+        return moduleContent;
+      }
+    }
+  };
+}
+export {
+  ruiIconsPlugin as default,
+  ruiIconsPlugin
+};
+//# sourceMappingURL=index.js.map

package/dist/vite-plugin/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/vite-plugin/index.ts"],"sourcesContent":["import type { Plugin, ViteDevServer } from 'vite';\nimport type { RuiIconsPluginOptions, ScanResult } from './types';\nimport { existsSync, readFileSync } from 'node:fs';\nimport { dirname, resolve } from 'node:path';\nimport { fileURLToPath } from 'node:url';\nimport {\n  extractIconsFromSource,\n  generateVirtualModule,\n  validateIcons,\n} from './scanner';\n\nconst VIRTUAL_MODULE_ID = 'virtual:rotki-icons';\nconst RESOLVED_VIRTUAL_MODULE_ID = `\\0${VIRTUAL_MODULE_ID}`;\n\nconst DEFAULT_SCAN_PATTERNS = ['**/*.vue', '**/*.ts', '**/*.tsx'];\nconst EXCLUDED_PATTERNS = ['**/node_modules/**', '**/dist/**', '**/.git/**'];\n\n// Get __dirname equivalent in ES modules\nconst __filename = fileURLToPath(import.meta.url);\nconst __dirname = dirname(__filename);\n\n/**\n * Loads the valid RuiIcons array from the library\n */\nfunction loadValidIcons(): Set<string> {\n  // Import the RuiIcons array from the icons module\n  // This will be resolved at build time\n  try {\n    // Try to load from the built dist first (for consumers)\n    const distPath = resolve(__dirname, '../icons/index.js');\n    if (existsSync(distPath)) {\n      // Read and parse the file to extract the RuiIcons array\n      const content = readFileSync(distPath, 'utf-8');\n      // eslint-disable-next-line regexp/strict\n      const match = content.match(/const RuiIcons = \\[(.*?)];/s);\n      if (match?.[1]) {\n        const iconsStr = match[1];\n        const icons = iconsStr.match(/\"([^\"]+)\"/g)?.map(s => s.slice(1, -1)) || [];\n        return new Set(icons);\n      }\n    }\n  }\n  catch {\n    // Fallback: parse the icons source file directly\n  }\n\n  // Fallback: read and parse the source file\n  const sourcePath = resolve(__dirname, '../icons/index.ts');\n  if (existsSync(sourcePath)) {\n    const content = readFileSync(sourcePath, 'utf-8');\n    // eslint-disable-next-line regexp/strict\n    const match = content.match(/export const RuiIcons = \\[(.*?)] as const/s);\n    if (match?.[1]) {\n      const iconsStr = match[1];\n      const icons = iconsStr.match(/\"([^\"]+)\"/g)?.map(s => s.slice(1, -1)) || [];\n      return new Set(icons);\n    }\n  }\n\n  console.warn('[@rotki/ui-library] Could not load RuiIcons list, validation disabled');\n  return new Set();\n}\n\n/**\n * Vite plugin for automatic icon detection and registration\n */\nexport function ruiIconsPlugin(options: RuiIconsPluginOptions = {}): Plugin {\n  const {\n    include = [],\n    scanPatterns = DEFAULT_SCAN_PATTERNS,\n    strict = false,\n    debug = false,\n  } = options;\n\n  let validIcons: Set<string>;\n  let scanResult: ScanResult;\n  let server: ViteDevServer | null = null;\n  let root: string;\n\n  const log = (message: string): void => {\n    if (debug) {\n      // eslint-disable-next-line no-console\n      console.log(`[@rotki/ui-library/icons] ${message}`);\n    }\n  };\n\n  const warn = (message: string): void => {\n    console.warn(`[@rotki/ui-library/icons] ${message}`);\n  };\n\n  /**\n   * Scans all matching files for icon usage\n   */\n  async function scanFiles(): Promise<void> {\n    const fg = await import('fast-glob');\n    const glob = fg.default || fg;\n\n    scanResult = {\n      icons: new Set(include),\n      invalidIcons: new Map(),\n    };\n\n    const files = glob.sync(scanPatterns, {\n      cwd: root,\n      ignore: EXCLUDED_PATTERNS,\n      absolute: true,\n    });\n\n    log(`Scanning ${files.length} files for icon usage...`);\n\n    for (const filePath of files) {\n      try {\n        const content = readFileSync(filePath, 'utf-8');\n        const detectedIcons = extractIconsFromSource(content);\n\n        if (detectedIcons.size > 0) {\n          log(`Found ${detectedIcons.size} potential icons in ${filePath}`);\n          validateIcons(detectedIcons, validIcons, filePath, scanResult);\n        }\n      }\n      catch {\n        warn(`Failed to read file: ${filePath}`);\n      }\n    }\n\n    // Add manually included icons\n    for (const icon of include) {\n      if (validIcons.has(icon)) {\n        scanResult.icons.add(icon);\n      }\n      else {\n        warn(`Included icon \"${icon}\" is not a valid RuiIcon`);\n      }\n    }\n\n    log(`Detected ${scanResult.icons.size} valid icons`);\n\n    // Report invalid icons\n    if (scanResult.invalidIcons.size > 0) {\n      const invalidList = [...scanResult.invalidIcons.entries()]\n        .map(([icon, files]) => `  - \"${icon}\" in: ${files.join(', ')}`)\n        .join('\\n');\n\n      const message = `Found ${scanResult.invalidIcons.size} invalid icon name(s):\\n${invalidList}`;\n\n      if (strict) {\n        throw new Error(message);\n      }\n      else {\n        warn(message);\n      }\n    }\n  }\n\n  /**\n   * Handles file changes in dev mode\n   */\n  function handleFileChange(filePath: string): void {\n    // Check if the changed file matches our scan patterns\n    const isRelevantFile = scanPatterns.some((pattern) => {\n      const ext = filePath.split('.').pop();\n      return pattern.includes(`*.${ext}`);\n    });\n\n    if (!isRelevantFile)\n      return;\n\n    try {\n      const content = readFileSync(filePath, 'utf-8');\n      const detectedIcons = extractIconsFromSource(content);\n      const previousSize = scanResult.icons.size;\n\n      validateIcons(detectedIcons, validIcons, filePath, scanResult);\n\n      // If new icons were detected, invalidate the virtual module\n      if (scanResult.icons.size > previousSize) {\n        log(`New icons detected in ${filePath}, invalidating virtual module...`);\n\n        // Invalidate the virtual module to trigger re-import\n        const mod = server?.moduleGraph.getModuleById(RESOLVED_VIRTUAL_MODULE_ID);\n        if (mod) {\n          server?.moduleGraph.invalidateModule(mod);\n          // Trigger HMR update\n          server?.ws.send({\n            type: 'full-reload',\n            path: '*',\n          });\n        }\n      }\n    }\n    catch {\n      // Ignore read errors\n    }\n  }\n\n  return {\n    name: 'rotki-ui-library-icons',\n    enforce: 'pre',\n\n    configResolved(config) {\n      root = config.root;\n      validIcons = loadValidIcons();\n      log(`Loaded ${validIcons.size} valid icon names`);\n    },\n\n    configureServer(_server) {\n      server = _server;\n\n      // Watch for file changes\n      server.watcher.on('change', handleFileChange);\n      server.watcher.on('add', handleFileChange);\n    },\n\n    async buildStart() {\n      await scanFiles();\n    },\n\n    resolveId(id) {\n      if (id === VIRTUAL_MODULE_ID) {\n        return RESOLVED_VIRTUAL_MODULE_ID;\n      }\n    },\n\n    load(id) {\n      if (id === RESOLVED_VIRTUAL_MODULE_ID) {\n        const moduleContent = generateVirtualModule(scanResult.icons);\n        log(`Generated virtual module with ${scanResult.icons.size} icons`);\n        return moduleContent;\n      }\n    },\n  };\n}\n\nexport type { RuiIconsPluginOptions } from './types';\n\n// eslint-disable-next-line import/no-default-export\nexport default ruiIconsPlugin;\n"],"names":["files"],"mappings":"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"}

package/dist/vite-plugin/scanner.d.ts

@@ -0,0 +1,18 @@
+import type { ScanResult } from './types';
+/**
+ * Extracts all potential icon names from source code
+ */
+export declare function extractIconsFromSource(source: string): Set<string>;
+/**
+ * Validates detected icons against known valid icons
+ */
+export declare function validateIcons(detectedIcons: Set<string>, validIcons: Set<string>, filePath: string, result: ScanResult): void;
+/**
+ * Converts icon name to export constant name
+ * e.g., 'lu-arrow-down' -> 'LuArrowDown'
+ */
+export declare function iconNameToExportName(iconName: string): string;
+/**
+ * Generates the virtual module content with detected icons
+ */
+export declare function generateVirtualModule(icons: Set<string>): string;

package/dist/vite-plugin/scanner.js

@@ -0,0 +1,63 @@
+const ICON_PATTERNS = [
+  // Static name attribute: <RuiIcon name="lu-star" /> or name='lu-star'
+  /\bname=["'](lu-[\da-z-]+)["']/gi,
+  // Dynamic bound name with string literal: :name="'lu-star'" or :name="`lu-star`"
+  /:name=["']['`](lu-[\da-z-]+)['`]?["']/gi,
+  // String literals that look like icon names: 'lu-star' or "lu-star"
+  /["'`](lu-[\da-z-]+)["'`]/gi
+];
+function extractIconsFromSource(source) {
+  const icons = /* @__PURE__ */ new Set();
+  for (const pattern of ICON_PATTERNS) {
+    pattern.lastIndex = 0;
+    let match = pattern.exec(source);
+    while (match !== null) {
+      const iconName = match[1];
+      if (iconName) {
+        icons.add(iconName);
+      }
+      match = pattern.exec(source);
+    }
+  }
+  return icons;
+}
+function validateIcons(detectedIcons, validIcons, filePath, result) {
+  for (const icon of detectedIcons) {
+    if (validIcons.has(icon)) {
+      result.icons.add(icon);
+    } else {
+      const files = result.invalidIcons.get(icon) || [];
+      files.push(filePath);
+      result.invalidIcons.set(icon, files);
+    }
+  }
+}
+function iconNameToExportName(iconName) {
+  return iconName.split("-").map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join("");
+}
+function generateVirtualModule(icons) {
+  if (icons.size === 0) {
+    return `// No icons detected
+export default [];
+`;
+  }
+  const sortedIcons = [...icons].sort();
+  const exports = sortedIcons.map(iconNameToExportName);
+  const importStatement = `import {
+  ${exports.join(",\n  ")},
+} from '@rotki/ui-library';
+`;
+  const exportStatement = `
+export default [
+  ${exports.join(",\n  ")},
+];
+`;
+  return importStatement + exportStatement;
+}
+export {
+  extractIconsFromSource,
+  generateVirtualModule,
+  iconNameToExportName,
+  validateIcons
+};
+//# sourceMappingURL=scanner.js.map

package/dist/vite-plugin/scanner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scanner.js","sources":["../../src/vite-plugin/scanner.ts"],"sourcesContent":["import type { ScanResult } from './types';\n\n/**\n * Regex patterns to detect icon usage in source files\n */\nconst ICON_PATTERNS: RegExp[] = [\n  // Static name attribute: <RuiIcon name=\"lu-star\" /> or name='lu-star'\n  /\\bname=[\"'](lu-[\\da-z-]+)[\"']/gi,\n\n  // Dynamic bound name with string literal: :name=\"'lu-star'\" or :name=\"`lu-star`\"\n  /:name=[\"']['`](lu-[\\da-z-]+)['`]?[\"']/gi,\n\n  // String literals that look like icon names: 'lu-star' or \"lu-star\"\n  /[\"'`](lu-[\\da-z-]+)[\"'`]/gi,\n];\n\n/**\n * Extracts all potential icon names from source code\n */\nexport function extractIconsFromSource(source: string): Set<string> {\n  const icons = new Set<string>();\n\n  for (const pattern of ICON_PATTERNS) {\n    // Reset lastIndex for global regex\n    pattern.lastIndex = 0;\n\n    let match: RegExpExecArray | null = pattern.exec(source);\n    while (match !== null) {\n      const iconName = match[1];\n      if (iconName) {\n        icons.add(iconName);\n      }\n      match = pattern.exec(source);\n    }\n  }\n\n  return icons;\n}\n\n/**\n * Validates detected icons against known valid icons\n */\nexport function validateIcons(\n  detectedIcons: Set<string>,\n  validIcons: Set<string>,\n  filePath: string,\n  result: ScanResult,\n): void {\n  for (const icon of detectedIcons) {\n    if (validIcons.has(icon)) {\n      result.icons.add(icon);\n    }\n    else {\n      // Track invalid icons\n      const files = result.invalidIcons.get(icon) || [];\n      files.push(filePath);\n      result.invalidIcons.set(icon, files);\n    }\n  }\n}\n\n/**\n * Converts icon name to export constant name\n * e.g., 'lu-arrow-down' -> 'LuArrowDown'\n */\nexport function iconNameToExportName(iconName: string): string {\n  return iconName\n    .split('-')\n    .map(part => part.charAt(0).toUpperCase() + part.slice(1))\n    .join('');\n}\n\n/**\n * Generates the virtual module content with detected icons\n */\nexport function generateVirtualModule(icons: Set<string>): string {\n  if (icons.size === 0) {\n    return `// No icons detected\nexport default [];\n`;\n  }\n\n  const sortedIcons = [...icons].sort();\n  const exports = sortedIcons.map(iconNameToExportName);\n\n  const importStatement = `import {\\n  ${exports.join(',\\n  ')},\\n} from '@rotki/ui-library';\\n`;\n  const exportStatement = `\\nexport default [\\n  ${exports.join(',\\n  ')},\\n];\\n`;\n\n  return importStatement + exportStatement;\n}\n"],"names":[],"mappings":"AAKA,MAAM,gBAA0B;AAAA;AAAA,EAE9B;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AACF;AAKO,SAAS,uBAAuB,QAA6B;AAClE,QAAM,4BAAY,IAAA;AAElB,aAAW,WAAW,eAAe;AAEnC,YAAQ,YAAY;AAEpB,QAAI,QAAgC,QAAQ,KAAK,MAAM;AACvD,WAAO,UAAU,MAAM;AACrB,YAAM,WAAW,MAAM,CAAC;AACxB,UAAI,UAAU;AACZ,cAAM,IAAI,QAAQ;AAAA,MACpB;AACA,cAAQ,QAAQ,KAAK,MAAM;AAAA,IAC7B;AAAA,EACF;AAEA,SAAO;AACT;AAKO,SAAS,cACd,eACA,YACA,UACA,QACM;AACN,aAAW,QAAQ,eAAe;AAChC,QAAI,WAAW,IAAI,IAAI,GAAG;AACxB,aAAO,MAAM,IAAI,IAAI;AAAA,IACvB,OACK;AAEH,YAAM,QAAQ,OAAO,aAAa,IAAI,IAAI,KAAK,CAAA;AAC/C,YAAM,KAAK,QAAQ;AACnB,aAAO,aAAa,IAAI,MAAM,KAAK;AAAA,IACrC;AAAA,EACF;AACF;AAMO,SAAS,qBAAqB,UAA0B;AAC7D,SAAO,SACJ,MAAM,GAAG,EACT,IAAI,CAAA,SAAQ,KAAK,OAAO,CAAC,EAAE,YAAA,IAAgB,KAAK,MAAM,CAAC,CAAC,EACxD,KAAK,EAAE;AACZ;AAKO,SAAS,sBAAsB,OAA4B;AAChE,MAAI,MAAM,SAAS,GAAG;AACpB,WAAO;AAAA;AAAA;AAAA,EAGT;AAEA,QAAM,cAAc,CAAC,GAAG,KAAK,EAAE,KAAA;AAC/B,QAAM,UAAU,YAAY,IAAI,oBAAoB;AAEpD,QAAM,kBAAkB;AAAA,IAAe,QAAQ,KAAK,OAAO,CAAC;AAAA;AAAA;AAC5D,QAAM,kBAAkB;AAAA;AAAA,IAAyB,QAAQ,KAAK,OAAO,CAAC;AAAA;AAAA;AAEtE,SAAO,kBAAkB;AAC3B;"}

package/dist/vite-plugin/types.d.ts

@@ -0,0 +1,28 @@
+export interface RuiIconsPluginOptions {
+    /**
+     * Additional icons to always include (for dynamically used icons that can't be statically detected)
+     * @example ['lu-custom-icon', 'lu-dynamic-icon']
+     */
+    include?: string[];
+    /**
+     * Glob patterns for files to scan
+     * @default ['** /*.vue', '** /*.ts', '** /*.tsx'] (without spaces)
+     */
+    scanPatterns?: string[];
+    /**
+     * Strict mode - fail build on invalid icon names
+     * @default false
+     */
+    strict?: boolean;
+    /**
+     * Enable debug logging
+     * @default false
+     */
+    debug?: boolean;
+}
+export interface ScanResult {
+    /** Set of detected icon names */
+    icons: Set<string>;
+    /** Map of invalid icons to the files they were found in */
+    invalidIcons: Map<string, string[]>;
+}

package/dist/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "http://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "@rotki/ui-library",
-  "version": "2.8.3",
+  "version": "2.9.1",
   "js-types-syntax": "typescript",
   "description-markup": "markdown",
   "contributions": {
@@ -1035,6 +1035,16 @@
                 "type": "boolean | undefined"
               }
             },
+            {
+              "name": "required",
+              "description": "",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
             {
               "name": "model-value",
               "description": "",
@@ -3498,6 +3508,16 @@
                 "type": "boolean | undefined"
               }
             },
+            {
+              "name": "required",
+              "description": "",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
             {
               "name": "model-value",
               "description": "",
@@ -3779,6 +3799,16 @@
                 "kind": "expression",
                 "type": "boolean | undefined"
               }
+            },
+            {
+              "name": "required",
+              "description": "",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
             }
           ],
           "slots": [
@@ -3970,6 +4000,16 @@
                 "type": "boolean | undefined"
               }
             },
+            {
+              "name": "required",
+              "description": "",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
             {
               "name": "model-value",
               "description": "",
@@ -4248,6 +4288,16 @@
                 "type": "string | undefined"
               }
             },
+            {
+              "name": "required",
+              "description": "",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
             {
               "name": "model-value",
               "description": "",
@@ -4653,6 +4703,16 @@
                 "kind": "expression",
                 "type": "string | undefined"
               }
+            },
+            {
+              "name": "required",
+              "description": "",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
             }
           ],
           "slots": [],
@@ -4766,6 +4826,16 @@
                 "kind": "expression",
                 "type": "boolean | undefined"
               }
+            },
+            {
+              "name": "required",
+              "description": "",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
             }
           ],
           "slots": [
@@ -4998,6 +5068,16 @@
                 "type": "boolean | undefined"
               }
             },
+            {
+              "name": "required",
+              "description": "",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
             {
               "name": "model-value",
               "description": "",
@@ -5200,6 +5280,16 @@
                 "type": "boolean | undefined"
               }
             },
+            {
+              "name": "required",
+              "description": "",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
             {
               "name": "model-value",
               "description": "",
@@ -6611,6 +6701,16 @@
                 "type": "boolean | undefined"
               }
             },
+            {
+              "name": "required",
+              "description": "",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
             {
               "name": "model-value",
               "description": "",
@@ -6741,6 +6841,16 @@
                 "type": "'sm' | 'lg' | undefined"
               }
             },
+            {
+              "name": "required",
+              "description": "",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
             {
               "name": "model-value",
               "description": "",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rotki/ui-library",
-  "version": "2.8.3",
+  "version": "2.9.1",
   "description": "A vue design system and component library for rotki",
   "type": "module",
   "keywords": [
@@ -47,6 +47,14 @@
     },
     "./style.css": {
       "default": "./dist/style.css"
+    },
+    "./vite-plugin": {
+      "types": "./dist/vite-plugin/index.d.ts",
+      "import": "./dist/vite-plugin/index.js",
+      "default": "./dist/vite-plugin/index.js"
+    },
+    "./vite-plugin/client": {
+      "types": "./dist/vite-plugin/client.d.ts"
     }
   },
   "typesVersions": {
@@ -59,6 +67,12 @@
       ],
       "components": [
         "./dist/components/index.d.ts"
+      ],
+      "vite-plugin": [
+        "./dist/vite-plugin/index.d.ts"
+      ],
+      "vite-plugin/client": [
+        "./dist/vite-plugin/client.d.ts"
       ]
     }
   },
@@ -87,7 +101,7 @@
     "@storybook/addon-themes": "10.0.2",
     "@storybook/vue3-vite": "10.0.2",
     "@tsconfig/node22": "22.0.2",
-    "@types/jsdom": "^27.0.0",
+    "@types/jsdom": "27.0.0",
     "@types/node": "22.18.13",
     "@types/tinycolor2": "1.4.6",
     "@vitejs/plugin-vue": "6.0.1",
@@ -106,7 +120,6 @@
     "consola": "3.4.2",
     "css-loader": "7.1.2",
     "eslint": "9.38.0",
-    "eslint-plugin-cypress": "5.2.0",
     "eslint-plugin-storybook": "10.0.2",
     "fast-glob": "3.3.3",
     "fast-xml-parser": "5.3.0",
@@ -139,7 +152,7 @@
   },
   "scripts": {
     "build:prod": "tsx scripts/dist-build.mjs",
-    "build": "pnpm run generate-icons && vite build && cp ../../README.md dist/",
+    "build": "pnpm run generate-icons && vite build && cp ../../README.md dist/ && cp src/vite-plugin/client.d.ts dist/vite-plugin/",
     "build:storybook": "STORYBOOK=true storybook build",
     "build:tailwind": "tailwindcss -o dist/style.css --minify",
     "build:types": "vue-tsc -p tsconfig.build.json",