@rotki/ui-library 2.24.0 → 2.25.0

package/dist/utils/blockie.js.map

@@ -1 +1 @@
-{"version":3,"file":"blockie.js","names":[],"sources":["../../src/utils/blockie.ts"],"sourcesContent":["// Source: https://github.com/ethereum/blockies\n// The random number is a js implementation of the Xorshift PRNG\ninterface BlockieOptions {\n  /** seed used to generate icon data, default: random */\n  seed: string;\n  /** to manually specify the icon color, default: random */\n  color: string;\n  /** choose a different background color, default: random */\n  bgcolor: string;\n  /** width/height of the icon in blocks, default: 8 */\n  size: number;\n  /** width/height of each block in pixels, default: 4 */\n  scale: number;\n  /**\n   * each pixel has a 13% chance of being of a third color, default: random.\n   *\n   * Set to -1 to disable it.\n   *\n   * These \"spots\" create structures that look like eyes, mouths and noses.\n   */\n  spotColor: string;\n}\n\nconst randSeed = new Array(4); // Xorshift: [x, y, z, w] 32 bit values\n\nfunction seedRand(seed: string): void {\n  for (let i = 0; i < randSeed.length; i++) randSeed[i] = 0;\n\n  for (let i = 0; i < seed.length; i++)\n    randSeed[i % 4] = (randSeed[i % 4] << 5) - randSeed[i % 4] + seed.charCodeAt(i);\n}\n\nfunction rand(): number {\n  // based on Java's String.hashCode(), expanded to 4 32bit values\n  const t = randSeed[0] ^ (randSeed[0] << 11);\n\n  randSeed[0] = randSeed[1];\n  randSeed[1] = randSeed[2];\n  randSeed[2] = randSeed[3];\n  randSeed[3] = randSeed[3] ^ (randSeed[3] >> 19) ^ t ^ (t >> 8);\n\n  return (randSeed[3] >>> 0) / ((1 << 31) >>> 0);\n}\n\nfunction createColor(): string {\n  // saturation is the whole color spectrum\n  const h = Math.floor(rand() * 360);\n  // saturation goes from 40 to 100, it avoids greyish colors\n  const s = `${rand() * 60 + 40}%`;\n  // lightness can be anything from 0 to 100, but probabilities are a bell curve around 50%\n  const l = `${(rand() + rand() + rand() + rand()) * 25}%`;\n\n  return `hsl(${h},${s},${l})`;\n}\n\nfunction createImageData(size: number): number[] {\n  const width = size; // Only support square icons for now\n  const height = size;\n\n  const dataWidth = Math.ceil(width / 2);\n  const mirrorWidth = width - dataWidth;\n\n  const data = [];\n  for (let y = 0; y < height; y++) {\n    let row = [];\n    for (let x = 0; x < dataWidth; x++) {\n      // this makes foreground and background color to have a 43% (1/2.3) probability\n      // spot color has 13% chance\n      row[x] = Math.floor(rand() * 2.3);\n    }\n    const r = row.slice(0, mirrorWidth);\n    r.reverse();\n    row = row.concat(r);\n\n    for (const element of row) data.push(element);\n  }\n\n  return data;\n}\n\nfunction buildOpts(opts: Partial<BlockieOptions>): BlockieOptions {\n  const newOpts: Partial<BlockieOptions> = {};\n\n  newOpts.seed = opts.seed || Math.floor(Math.random() * 10 ** 16).toString(16);\n\n  seedRand(newOpts.seed);\n\n  newOpts.size = opts.size || 8;\n  newOpts.scale = opts.scale || 8;\n  newOpts.color = opts.color || createColor();\n  newOpts.bgcolor = opts.bgcolor || createColor();\n  newOpts.spotColor = opts.spotColor || createColor();\n\n  return newOpts as BlockieOptions;\n}\n\nfunction renderIcon(opts: Partial<BlockieOptions>, canvas: HTMLCanvasElement): HTMLCanvasElement {\n  const newOpts: BlockieOptions = buildOpts(opts || {});\n  const imageData = createImageData(newOpts.size);\n  const width = Math.sqrt(imageData.length);\n\n  canvas.width = canvas.height = newOpts.size * newOpts.scale;\n\n  const cc = canvas.getContext('2d') as CanvasRenderingContext2D;\n  if (cc) {\n    cc.fillStyle = newOpts.bgcolor;\n    cc.fillRect(0, 0, canvas.width, canvas.height);\n    cc.fillStyle = newOpts.color;\n\n    for (const [i, imageDatum] of imageData.entries()) {\n      // if data is 0, leave the background\n      if (imageDatum) {\n        const row = Math.floor(i / width);\n        const col = i % width;\n\n        // if data is 2, choose spot color, if 1 choose foreground\n        cc.fillStyle = imageDatum === 1 ? newOpts.color : newOpts.spotColor;\n\n        cc.fillRect(col * newOpts.scale, row * newOpts.scale, newOpts.scale, newOpts.scale);\n      }\n    }\n  }\n\n  return canvas;\n}\n\nexport function createBlockie(opts: Partial<BlockieOptions>): string {\n  const canvas = document.createElement('canvas');\n\n  renderIcon(opts, canvas);\n\n  return canvas.toDataURL('image/jpeg');\n}\n"],"mappings":";AAuBA,IAAM,WAAW,IAAI,MAAM,CAAC;AAE5B,SAAS,SAAS,MAAoB;CACpC,KAAK,IAAI,IAAI,GAAG,IAAI,SAAS,QAAQ,KAAK,SAAS,KAAK;CAExD,KAAK,IAAI,IAAI,GAAG,IAAI,KAAK,QAAQ,KAC/B,SAAS,IAAI,MAAM,SAAS,IAAI,MAAM,KAAK,SAAS,IAAI,KAAK,KAAK,WAAW,CAAC;AAClF;AAEA,SAAS,OAAe;CAEtB,MAAM,IAAI,SAAS,KAAM,SAAS,MAAM;CAExC,SAAS,KAAK,SAAS;CACvB,SAAS,KAAK,SAAS;CACvB,SAAS,KAAK,SAAS;CACvB,SAAS,KAAK,SAAS,KAAM,SAAS,MAAM,KAAM,IAAK,KAAK;CAE5D,QAAQ,SAAS,OAAO,MAAO,KAAK,OAAQ;AAC9C;AAEA,SAAS,cAAsB;CAQ7B,OAAO,OANG,KAAK,MAAM,KAAK,IAAI,GAMhB,EAAE,GAAG,GAJN,KAAK,IAAI,KAAK,GAAG,GAIT,GAAG,IAFV,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,KAAK,GAAG,GAE5B;AAC5B;AAEA,SAAS,gBAAgB,MAAwB;CAC/C,MAAM,QAAQ;CACd,MAAM,SAAS;CAEf,MAAM,YAAY,KAAK,KAAK,QAAQ,CAAC;CACrC,MAAM,cAAc,QAAQ;CAE5B,MAAM,OAAO,CAAC;CACd,KAAK,IAAI,IAAI,GAAG,IAAI,QAAQ,KAAK;EAC/B,IAAI,MAAM,CAAC;EACX,KAAK,IAAI,IAAI,GAAG,IAAI,WAAW,KAG7B,IAAI,KAAK,KAAK,MAAM,KAAK,IAAI,GAAG;EAElC,MAAM,IAAI,IAAI,MAAM,GAAG,WAAW;EAClC,EAAE,QAAQ;EACV,MAAM,IAAI,OAAO,CAAC;EAElB,KAAK,MAAM,WAAW,KAAK,KAAK,KAAK,OAAO;CAC9C;CAEA,OAAO;AACT;AAEA,SAAS,UAAU,MAA+C;CAChE,MAAM,UAAmC,CAAC;CAE1C,QAAQ,OAAO,KAAK,QAAQ,KAAK,MAAM,KAAK,OAAO,IAAI,MAAM,EAAE,CAAC,CAAC,SAAS,EAAE;CAE5E,SAAS,QAAQ,IAAI;CAErB,QAAQ,OAAO,KAAK,QAAQ;CAC5B,QAAQ,QAAQ,KAAK,SAAS;CAC9B,QAAQ,QAAQ,KAAK,SAAS,YAAY;CAC1C,QAAQ,UAAU,KAAK,WAAW,YAAY;CAC9C,QAAQ,YAAY,KAAK,aAAa,YAAY;CAElD,OAAO;AACT;AAEA,SAAS,WAAW,MAA+B,QAA8C;CAC/F,MAAM,UAA0B,UAAU,QAAQ,CAAC,CAAC;CACpD,MAAM,YAAY,gBAAgB,QAAQ,IAAI;CAC9C,MAAM,QAAQ,KAAK,KAAK,UAAU,MAAM;CAExC,OAAO,QAAQ,OAAO,SAAS,QAAQ,OAAO,QAAQ;CAEtD,MAAM,KAAK,OAAO,WAAW,IAAI;CACjC,IAAI,IAAI;EACN,GAAG,YAAY,QAAQ;EACvB,GAAG,SAAS,GAAG,GAAG,OAAO,OAAO,OAAO,MAAM;EAC7C,GAAG,YAAY,QAAQ;EAEvB,KAAK,MAAM,CAAC,GAAG,eAAe,UAAU,QAAQ,GAE9C,IAAI,YAAY;GACd,MAAM,MAAM,KAAK,MAAM,IAAI,KAAK;GAChC,MAAM,MAAM,IAAI;GAGhB,GAAG,YAAY,eAAe,IAAI,QAAQ,QAAQ,QAAQ;GAE1D,GAAG,SAAS,MAAM,QAAQ,OAAO,MAAM,QAAQ,OAAO,QAAQ,OAAO,QAAQ,KAAK;EACpF;CAEJ;CAEA,OAAO;AACT;AAEA,SAAgB,cAAc,MAAuC;CACnE,MAAM,SAAS,SAAS,cAAc,QAAQ;CAE9C,WAAW,MAAM,MAAM;CAEvB,OAAO,OAAO,UAAU,YAAY;AACtC"}
+{"version":3,"file":"blockie.js","names":[],"sources":["../../src/utils/blockie.ts"],"sourcesContent":["/**\n * Options for a blockie, the identicon from https://github.com/ethereum/blockies.\n * Its randomness comes from a JS implementation of the Xorshift PRNG.\n */\ninterface BlockieOptions {\n  /** seed used to generate icon data, default: random */\n  seed: string;\n  /** to manually specify the icon color, default: random */\n  color: string;\n  /** choose a different background color, default: random */\n  bgcolor: string;\n  /** width/height of the icon in blocks, default: 8 */\n  size: number;\n  /** width/height of each block in pixels, default: 4 */\n  scale: number;\n  /**\n   * each pixel has a 13% chance of being of a third color, default: random.\n   *\n   * Set to -1 to disable it.\n   *\n   * These \"spots\" create structures that look like eyes, mouths and noses.\n   */\n  spotColor: string;\n}\n\nconst randSeed = new Array(4); // Xorshift: [x, y, z, w] 32 bit values\n\nfunction seedRand(seed: string): void {\n  for (let i = 0; i < randSeed.length; i++) randSeed[i] = 0;\n\n  for (let i = 0; i < seed.length; i++)\n    randSeed[i % 4] = (randSeed[i % 4] << 5) - randSeed[i % 4] + seed.charCodeAt(i);\n}\n\n/**\n * The next random number, from a hash based on Java's String.hashCode()\n * expanded to four 32-bit values.\n */\nfunction rand(): number {\n  const t = randSeed[0] ^ (randSeed[0] << 11);\n\n  randSeed[0] = randSeed[1];\n  randSeed[1] = randSeed[2];\n  randSeed[2] = randSeed[3];\n  randSeed[3] = randSeed[3] ^ (randSeed[3] >> 19) ^ t ^ (t >> 8);\n\n  return (randSeed[3] >>> 0) / ((1 << 31) >>> 0);\n}\n\n/**\n * A random colour: any hue, a saturation from 40 to 100 that keeps it out of\n * the greys, and a lightness drawn from a bell curve around 50%.\n */\nfunction createColor(): string {\n  const h = Math.floor(rand() * 360);\n  const s = `${rand() * 60 + 40}%`;\n  const l = `${(rand() + rand() + rand() + rand()) * 25}%`;\n\n  return `hsl(${h},${s},${l})`;\n}\n\nfunction createImageData(size: number): number[] {\n  const width = size; // Only support square icons for now\n  const height = size;\n\n  const dataWidth = Math.ceil(width / 2);\n  const mirrorWidth = width - dataWidth;\n\n  const data = [];\n  for (let y = 0; y < height; y++) {\n    let row = [];\n    for (let x = 0; x < dataWidth; x++) {\n      // 43% (1/2.3) each for foreground and background, leaving 13% for the spot colour\n      row[x] = Math.floor(rand() * 2.3);\n    }\n    const r = row.slice(0, mirrorWidth);\n    r.reverse();\n    row = row.concat(r);\n\n    for (const element of row) data.push(element);\n  }\n\n  return data;\n}\n\nfunction buildOpts(opts: Partial<BlockieOptions>): BlockieOptions {\n  const newOpts: Partial<BlockieOptions> = {};\n\n  newOpts.seed = opts.seed || Math.floor(Math.random() * 10 ** 16).toString(16);\n\n  seedRand(newOpts.seed);\n\n  newOpts.size = opts.size || 8;\n  newOpts.scale = opts.scale || 8;\n  newOpts.color = opts.color || createColor();\n  newOpts.bgcolor = opts.bgcolor || createColor();\n  newOpts.spotColor = opts.spotColor || createColor();\n\n  return newOpts as BlockieOptions;\n}\n\nfunction renderIcon(opts: Partial<BlockieOptions>, canvas: HTMLCanvasElement): HTMLCanvasElement {\n  const newOpts: BlockieOptions = buildOpts(opts || {});\n  const imageData = createImageData(newOpts.size);\n  const width = Math.sqrt(imageData.length);\n\n  canvas.width = canvas.height = newOpts.size * newOpts.scale;\n\n  const cc = canvas.getContext('2d') as CanvasRenderingContext2D;\n  if (cc) {\n    cc.fillStyle = newOpts.bgcolor;\n    cc.fillRect(0, 0, canvas.width, canvas.height);\n    cc.fillStyle = newOpts.color;\n\n    for (const [i, imageDatum] of imageData.entries()) {\n      // if data is 0, leave the background\n      if (imageDatum) {\n        const row = Math.floor(i / width);\n        const col = i % width;\n\n        // if data is 2, choose spot color, if 1 choose foreground\n        cc.fillStyle = imageDatum === 1 ? newOpts.color : newOpts.spotColor;\n\n        cc.fillRect(col * newOpts.scale, row * newOpts.scale, newOpts.scale, newOpts.scale);\n      }\n    }\n  }\n\n  return canvas;\n}\n\nexport function createBlockie(opts: Partial<BlockieOptions>): string {\n  const canvas = document.createElement('canvas');\n\n  renderIcon(opts, canvas);\n\n  return canvas.toDataURL('image/jpeg');\n}\n"],"mappings":";AAyBA,IAAM,WAAW,IAAI,MAAM,CAAC;AAE5B,SAAS,SAAS,MAAoB;CACpC,KAAK,IAAI,IAAI,GAAG,IAAI,SAAS,QAAQ,KAAK,SAAS,KAAK;CAExD,KAAK,IAAI,IAAI,GAAG,IAAI,KAAK,QAAQ,KAC/B,SAAS,IAAI,MAAM,SAAS,IAAI,MAAM,KAAK,SAAS,IAAI,KAAK,KAAK,WAAW,CAAC;AAClF;;;;;AAMA,SAAS,OAAe;CACtB,MAAM,IAAI,SAAS,KAAM,SAAS,MAAM;CAExC,SAAS,KAAK,SAAS;CACvB,SAAS,KAAK,SAAS;CACvB,SAAS,KAAK,SAAS;CACvB,SAAS,KAAK,SAAS,KAAM,SAAS,MAAM,KAAM,IAAK,KAAK;CAE5D,QAAQ,SAAS,OAAO,MAAO,KAAK,OAAQ;AAC9C;;;;;AAMA,SAAS,cAAsB;CAK7B,OAAO,OAJG,KAAK,MAAM,KAAK,IAAI,GAIhB,EAAE,GAAG,GAHN,KAAK,IAAI,KAAK,GAAG,GAGT,GAAG,IAFV,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,KAAK,GAAG,GAE5B;AAC5B;AAEA,SAAS,gBAAgB,MAAwB;CAC/C,MAAM,QAAQ;CACd,MAAM,SAAS;CAEf,MAAM,YAAY,KAAK,KAAK,QAAQ,CAAC;CACrC,MAAM,cAAc,QAAQ;CAE5B,MAAM,OAAO,CAAC;CACd,KAAK,IAAI,IAAI,GAAG,IAAI,QAAQ,KAAK;EAC/B,IAAI,MAAM,CAAC;EACX,KAAK,IAAI,IAAI,GAAG,IAAI,WAAW,KAE7B,IAAI,KAAK,KAAK,MAAM,KAAK,IAAI,GAAG;EAElC,MAAM,IAAI,IAAI,MAAM,GAAG,WAAW;EAClC,EAAE,QAAQ;EACV,MAAM,IAAI,OAAO,CAAC;EAElB,KAAK,MAAM,WAAW,KAAK,KAAK,KAAK,OAAO;CAC9C;CAEA,OAAO;AACT;AAEA,SAAS,UAAU,MAA+C;CAChE,MAAM,UAAmC,CAAC;CAE1C,QAAQ,OAAO,KAAK,QAAQ,KAAK,MAAM,KAAK,OAAO,IAAI,MAAM,EAAE,CAAC,CAAC,SAAS,EAAE;CAE5E,SAAS,QAAQ,IAAI;CAErB,QAAQ,OAAO,KAAK,QAAQ;CAC5B,QAAQ,QAAQ,KAAK,SAAS;CAC9B,QAAQ,QAAQ,KAAK,SAAS,YAAY;CAC1C,QAAQ,UAAU,KAAK,WAAW,YAAY;CAC9C,QAAQ,YAAY,KAAK,aAAa,YAAY;CAElD,OAAO;AACT;AAEA,SAAS,WAAW,MAA+B,QAA8C;CAC/F,MAAM,UAA0B,UAAU,QAAQ,CAAC,CAAC;CACpD,MAAM,YAAY,gBAAgB,QAAQ,IAAI;CAC9C,MAAM,QAAQ,KAAK,KAAK,UAAU,MAAM;CAExC,OAAO,QAAQ,OAAO,SAAS,QAAQ,OAAO,QAAQ;CAEtD,MAAM,KAAK,OAAO,WAAW,IAAI;CACjC,IAAI,IAAI;EACN,GAAG,YAAY,QAAQ;EACvB,GAAG,SAAS,GAAG,GAAG,OAAO,OAAO,OAAO,MAAM;EAC7C,GAAG,YAAY,QAAQ;EAEvB,KAAK,MAAM,CAAC,GAAG,eAAe,UAAU,QAAQ,GAE9C,IAAI,YAAY;GACd,MAAM,MAAM,KAAK,MAAM,IAAI,KAAK;GAChC,MAAM,MAAM,IAAI;GAGhB,GAAG,YAAY,eAAe,IAAI,QAAQ,QAAQ,QAAQ;GAE1D,GAAG,SAAS,MAAM,QAAQ,OAAO,MAAM,QAAQ,OAAO,QAAQ,OAAO,QAAQ,KAAK;EACpF;CAEJ;CAEA,OAAO;AACT;AAEA,SAAgB,cAAc,MAAuC;CACnE,MAAM,SAAS,SAAS,cAAc,QAAQ;CAE9C,WAAW,MAAM,MAAM;CAEvB,OAAO,OAAO,UAAU,YAAY;AACtC"}

package/dist/utils/helpers.d.ts

@@ -2,37 +2,43 @@ import type { SetupContext } from 'vue';
 type SetupContextAttrs = SetupContext['attrs'];
 type SetupContextAttrsKeys = (keyof SetupContextAttrs)[];
 /**
- * Format number value without fraction
- * @param {number} amount
+ * Formats a number without a fractional part.
+ *
+ * @param amount - the value to format
+ * @returns the value with no decimals, grouped for the current locale
  */
 export declare function formatInteger(amount: number | string): string;
 /**
- * Picks only required attributes for root element
- * @param {SetupContextAttrs} data
- * @param {SetupContextAttrsKeys} include
- * @returns {Pick<SetupContextAttrs, any>}
+ * Picks the attributes that belong on the root element.
+ *
+ * @param data - the attributes handed to the component
+ * @param include - keys to keep besides the `data-` ones
+ * @returns the attributes to bind on the root element
  */
 export declare function getRootAttrs(data: SetupContextAttrs, include?: SetupContextAttrsKeys): Pick<import("vue").Attrs, string>;
 /**
- * Omits root attributes from component's attributes
- * @param {SetupContextAttrs} data
- * @param {SetupContextAttrsKeys} exclude
- * @returns {Omit<SetupContextAttrs, any>}
+ * Drops the root element's attributes, leaving what the inner element takes.
+ *
+ * @param data - the attributes handed to the component
+ * @param exclude - keys to drop besides the `data-` ones
+ * @returns the remaining attributes
  */
 export declare function getNonRootAttrs(data: SetupContextAttrs, exclude?: SetupContextAttrsKeys): Omit<import("vue").Attrs, string>;
 /**
- * Transforms the keys of an object to either camelCase or snake_case
- * @param {T} item
- * @param {"camelCase" | "snake_case"} to
- * @returns {Record<string, any>}
+ * Rewrites an object's keys in another case.
+ *
+ * @param item - the object whose keys to rewrite
+ * @param to - the case to write them in
+ * @returns a new object holding the same values under the rewritten keys
  */
 export declare function transformCase<T extends object>(item: T, to: 'camelCase' | 'snake_case'): Record<string, T[keyof T]>;
 /**
+ * Reduces a value to a token that keyword matching can compare, dropping the
+ * spacing and case a reader would otherwise have to match exactly.
  *
- * @param {string} string - String to convert
- * @return {string} - String converted to text token, mostly used to matching keyword
- * @example
- * getTextToken('this is a sentence'); // thisisasentence
+ * @param string - the value to convert
+ * @returns the token, e.g. `getTextToken('this is a sentence')` gives
+ * `thisisasentence`
  */
 export declare function getTextToken(string: unknown): string;
 export declare function transformPropsUnit(value?: string | number): string | undefined;

package/dist/utils/helpers.js

@@ -8,43 +8,49 @@ function formatNumber(amount, { fractionDigits = 2 }) {
 	}).format(Number(amount));
 }
 /**
-* Format number value without fraction
-* @param {number} amount
+* Formats a number without a fractional part.
+*
+* @param amount - the value to format
+* @returns the value with no decimals, grouped for the current locale
 */
 function formatInteger(amount) {
 	return formatNumber(amount, { fractionDigits: 0 });
 }
 /**
-* Generates and returns the array of root allowed attributes
-* @param {SetupContextAttrs} data
-* @returns {SetupContextAttrsKeys}
+* The attribute keys that belong on a component's root element.
+*
+* @param data - the attributes handed to the component
+* @returns every `data-` key among them
 */
 function getRootKeys(data) {
 	return Object.keys(data).filter((key) => key.startsWith("data-"));
 }
 /**
-* Picks only required attributes for root element
-* @param {SetupContextAttrs} data
-* @param {SetupContextAttrsKeys} include
-* @returns {Pick<SetupContextAttrs, any>}
+* Picks the attributes that belong on the root element.
+*
+* @param data - the attributes handed to the component
+* @param include - keys to keep besides the `data-` ones
+* @returns the attributes to bind on the root element
 */
 function getRootAttrs(data, include = ["class"]) {
 	return objectPick(data, [...getRootKeys(data), ...include]);
 }
 /**
-* Omits root attributes from component's attributes
-* @param {SetupContextAttrs} data
-* @param {SetupContextAttrsKeys} exclude
-* @returns {Omit<SetupContextAttrs, any>}
+* Drops the root element's attributes, leaving what the inner element takes.
+*
+* @param data - the attributes handed to the component
+* @param exclude - keys to drop besides the `data-` ones
+* @returns the remaining attributes
 */
 function getNonRootAttrs(data, exclude = ["class"]) {
 	return objectOmit(data, [...getRootKeys(data), ...exclude]);
 }
 /**
-* Transforms the keys of an object to either camelCase or snake_case
-* @param {T} item
-* @param {"camelCase" | "snake_case"} to
-* @returns {Record<string, any>}
+* Rewrites an object's keys in another case.
+*
+* @param item - the object whose keys to rewrite
+* @param to - the case to write them in
+* @returns a new object holding the same values under the rewritten keys
 */
 function transformCase(item, to) {
 	if (!item) return item;
@@ -55,11 +61,12 @@ function transformCase(item, to) {
 	}, {});
 }
 /**
+* Reduces a value to a token that keyword matching can compare, dropping the
+* spacing and case a reader would otherwise have to match exactly.
 *
-* @param {string} string - String to convert
-* @return {string} - String converted to text token, mostly used to matching keyword
-* @example
-* getTextToken('this is a sentence'); // thisisasentence
+* @param string - the value to convert
+* @returns the token, e.g. `getTextToken('this is a sentence')` gives
+* `thisisasentence`
 */
 function getTextToken(string) {
 	if (!string) return "";

package/dist/utils/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":[],"sources":["../../src/utils/helpers.ts"],"sourcesContent":["import type { SetupContext } from 'vue';\nimport { objectOmit, objectPick } from '@vueuse/shared';\nimport { camelCase, snakeCase } from 'scule';\n\ninterface FormatNumberOptions {\n  fractionDigits?: number;\n}\n\ntype SetupContextAttrs = SetupContext['attrs'];\n\ntype SetupContextAttrsKeys = (keyof SetupContextAttrs)[];\n\nfunction formatNumber(\n  amount: number | string,\n  { fractionDigits = 2 }: FormatNumberOptions,\n): string {\n  return new Intl.NumberFormat(undefined, {\n    maximumFractionDigits: fractionDigits,\n    minimumFractionDigits: fractionDigits,\n  }).format(Number(amount));\n}\n\n/**\n * Format number value without fraction\n * @param {number} amount\n */\nexport function formatInteger(amount: number | string): string {\n  return formatNumber(amount, { fractionDigits: 0 });\n}\n\n/**\n * Generates and returns the array of root allowed attributes\n * @param {SetupContextAttrs} data\n * @returns {SetupContextAttrsKeys}\n */\nfunction getRootKeys(data: SetupContextAttrs): SetupContextAttrsKeys {\n  return Object.keys(data).filter(key => key.startsWith('data-')) as SetupContextAttrsKeys;\n}\n\n/**\n * Picks only required attributes for root element\n * @param {SetupContextAttrs} data\n * @param {SetupContextAttrsKeys} include\n * @returns {Pick<SetupContextAttrs, any>}\n */\nexport function getRootAttrs(data: SetupContextAttrs, include: SetupContextAttrsKeys = ['class']) {\n  return objectPick(data, [...getRootKeys(data), ...include]);\n}\n\n/**\n * Omits root attributes from component's attributes\n * @param {SetupContextAttrs} data\n * @param {SetupContextAttrsKeys} exclude\n * @returns {Omit<SetupContextAttrs, any>}\n */\nexport function getNonRootAttrs(\n  data: SetupContextAttrs,\n  exclude: SetupContextAttrsKeys = ['class'],\n) {\n  return objectOmit(data, [...getRootKeys(data), ...exclude]);\n}\n\n/**\n * Transforms the keys of an object to either camelCase or snake_case\n * @param {T} item\n * @param {\"camelCase\" | \"snake_case\"} to\n * @returns {Record<string, any>}\n */\nexport function transformCase<T extends object>(\n  item: T,\n  to: 'camelCase' | 'snake_case',\n): Record<string, T[keyof T]> {\n  if (!item)\n    return item;\n\n  return Object.keys(item).reduce(\n    (acc, curr) => {\n      if (to === 'camelCase')\n        acc[camelCase(curr)] = item[curr as keyof T];\n      else acc[snakeCase(curr)] = item[curr as keyof T];\n\n      return acc;\n    },\n    {} as Record<string, T[keyof T]>,\n  );\n}\n\n/**\n *\n * @param {string} string - String to convert\n * @return {string} - String converted to text token, mostly used to matching keyword\n * @example\n * getTextToken('this is a sentence'); // thisisasentence\n */\n\nexport function getTextToken(string: unknown): string {\n  if (!string)\n    return '';\n\n  return string\n    .toString()\n    .toLowerCase()\n    .replace(/[^\\da-z]/gi, '');\n}\n\nexport function transformPropsUnit(value?: string | number): string | undefined {\n  if (value === undefined || (typeof value === 'string' && isNaN(Number(value))))\n    return value;\n  return `${value}px`;\n}\n\n/**\n * Formats a byte count into a human-readable string (e.g. \"1.2 MB\").\n */\nexport function formatFileSize(bytes: number): string {\n  if (!Number.isFinite(bytes) || bytes < 0)\n    return '0 B';\n  if (bytes < 1024)\n    return `${bytes} B`;\n  const units = ['KB', 'MB', 'GB', 'TB'];\n  let value = bytes / 1024;\n  let unitIndex = 0;\n  while (value >= 1024 && unitIndex < units.length - 1) {\n    value /= 1024;\n    unitIndex++;\n  }\n  return `${value.toFixed(value >= 10 ? 0 : 1)} ${units[unitIndex]}`;\n}\n"],"mappings":";;;AAYA,SAAS,aACP,QACA,EAAE,iBAAiB,KACX;CACR,OAAO,IAAI,KAAK,aAAa,KAAA,GAAW;EACtC,uBAAuB;EACvB,uBAAuB;CACzB,CAAC,CAAC,CAAC,OAAO,OAAO,MAAM,CAAC;AAC1B;;;;;AAMA,SAAgB,cAAc,QAAiC;CAC7D,OAAO,aAAa,QAAQ,EAAE,gBAAgB,EAAE,CAAC;AACnD;;;;;;AAOA,SAAS,YAAY,MAAgD;CACnE,OAAO,OAAO,KAAK,IAAI,CAAC,CAAC,QAAO,QAAO,IAAI,WAAW,OAAO,CAAC;AAChE;;;;;;;AAQA,SAAgB,aAAa,MAAyB,UAAiC,CAAC,OAAO,GAAG;CAChG,OAAO,WAAW,MAAM,CAAC,GAAG,YAAY,IAAI,GAAG,GAAG,OAAO,CAAC;AAC5D;;;;;;;AAQA,SAAgB,gBACd,MACA,UAAiC,CAAC,OAAO,GACzC;CACA,OAAO,WAAW,MAAM,CAAC,GAAG,YAAY,IAAI,GAAG,GAAG,OAAO,CAAC;AAC5D;;;;;;;AAQA,SAAgB,cACd,MACA,IAC4B;CAC5B,IAAI,CAAC,MACH,OAAO;CAET,OAAO,OAAO,KAAK,IAAI,CAAC,CAAC,QACtB,KAAK,SAAS;EACb,IAAI,OAAO,aACT,IAAI,UAAU,IAAI,KAAK,KAAK;OACzB,IAAI,UAAU,IAAI,KAAK,KAAK;EAEjC,OAAO;CACT,GACA,CAAC,CACH;AACF;;;;;;;;AAUA,SAAgB,aAAa,QAAyB;CACpD,IAAI,CAAC,QACH,OAAO;CAET,OAAO,OACJ,SAAS,CAAC,CACV,YAAY,CAAC,CACb,QAAQ,cAAc,EAAE;AAC7B;AAEA,SAAgB,mBAAmB,OAA6C;CAC9E,IAAI,UAAU,KAAA,KAAc,OAAO,UAAU,YAAY,MAAM,OAAO,KAAK,CAAC,GAC1E,OAAO;CACT,OAAO,GAAG,MAAM;AAClB;;;;AAKA,SAAgB,eAAe,OAAuB;CACpD,IAAI,CAAC,OAAO,SAAS,KAAK,KAAK,QAAQ,GACrC,OAAO;CACT,IAAI,QAAQ,MACV,OAAO,GAAG,MAAM;CAClB,MAAM,QAAQ;EAAC;EAAM;EAAM;EAAM;CAAI;CACrC,IAAI,QAAQ,QAAQ;CACpB,IAAI,YAAY;CAChB,OAAO,SAAS,QAAQ,YAAY,MAAM,SAAS,GAAG;EACpD,SAAS;EACT;CACF;CACA,OAAO,GAAG,MAAM,QAAQ,SAAS,KAAK,IAAI,CAAC,EAAE,GAAG,MAAM;AACxD"}
+{"version":3,"file":"helpers.js","names":[],"sources":["../../src/utils/helpers.ts"],"sourcesContent":["import type { SetupContext } from 'vue';\nimport { objectOmit, objectPick } from '@vueuse/shared';\nimport { camelCase, snakeCase } from 'scule';\n\ninterface FormatNumberOptions {\n  fractionDigits?: number;\n}\n\ntype SetupContextAttrs = SetupContext['attrs'];\n\ntype SetupContextAttrsKeys = (keyof SetupContextAttrs)[];\n\nfunction formatNumber(\n  amount: number | string,\n  { fractionDigits = 2 }: FormatNumberOptions,\n): string {\n  return new Intl.NumberFormat(undefined, {\n    maximumFractionDigits: fractionDigits,\n    minimumFractionDigits: fractionDigits,\n  }).format(Number(amount));\n}\n\n/**\n * Formats a number without a fractional part.\n *\n * @param amount - the value to format\n * @returns the value with no decimals, grouped for the current locale\n */\nexport function formatInteger(amount: number | string): string {\n  return formatNumber(amount, { fractionDigits: 0 });\n}\n\n/**\n * The attribute keys that belong on a component's root element.\n *\n * @param data - the attributes handed to the component\n * @returns every `data-` key among them\n */\nfunction getRootKeys(data: SetupContextAttrs): SetupContextAttrsKeys {\n  return Object.keys(data).filter(key => key.startsWith('data-')) as SetupContextAttrsKeys;\n}\n\n/**\n * Picks the attributes that belong on the root element.\n *\n * @param data - the attributes handed to the component\n * @param include - keys to keep besides the `data-` ones\n * @returns the attributes to bind on the root element\n */\nexport function getRootAttrs(data: SetupContextAttrs, include: SetupContextAttrsKeys = ['class']) {\n  return objectPick(data, [...getRootKeys(data), ...include]);\n}\n\n/**\n * Drops the root element's attributes, leaving what the inner element takes.\n *\n * @param data - the attributes handed to the component\n * @param exclude - keys to drop besides the `data-` ones\n * @returns the remaining attributes\n */\nexport function getNonRootAttrs(\n  data: SetupContextAttrs,\n  exclude: SetupContextAttrsKeys = ['class'],\n) {\n  return objectOmit(data, [...getRootKeys(data), ...exclude]);\n}\n\n/**\n * Rewrites an object's keys in another case.\n *\n * @param item - the object whose keys to rewrite\n * @param to - the case to write them in\n * @returns a new object holding the same values under the rewritten keys\n */\nexport function transformCase<T extends object>(\n  item: T,\n  to: 'camelCase' | 'snake_case',\n): Record<string, T[keyof T]> {\n  if (!item)\n    return item;\n\n  return Object.keys(item).reduce(\n    (acc, curr) => {\n      if (to === 'camelCase')\n        acc[camelCase(curr)] = item[curr as keyof T];\n      else acc[snakeCase(curr)] = item[curr as keyof T];\n\n      return acc;\n    },\n    {} as Record<string, T[keyof T]>,\n  );\n}\n\n/**\n * Reduces a value to a token that keyword matching can compare, dropping the\n * spacing and case a reader would otherwise have to match exactly.\n *\n * @param string - the value to convert\n * @returns the token, e.g. `getTextToken('this is a sentence')` gives\n * `thisisasentence`\n */\nexport function getTextToken(string: unknown): string {\n  if (!string)\n    return '';\n\n  return string\n    .toString()\n    .toLowerCase()\n    .replace(/[^\\da-z]/gi, '');\n}\n\nexport function transformPropsUnit(value?: string | number): string | undefined {\n  if (value === undefined || (typeof value === 'string' && isNaN(Number(value))))\n    return value;\n  return `${value}px`;\n}\n\n/**\n * Formats a byte count into a human-readable string (e.g. \"1.2 MB\").\n */\nexport function formatFileSize(bytes: number): string {\n  if (!Number.isFinite(bytes) || bytes < 0)\n    return '0 B';\n  if (bytes < 1024)\n    return `${bytes} B`;\n  const units = ['KB', 'MB', 'GB', 'TB'];\n  let value = bytes / 1024;\n  let unitIndex = 0;\n  while (value >= 1024 && unitIndex < units.length - 1) {\n    value /= 1024;\n    unitIndex++;\n  }\n  return `${value.toFixed(value >= 10 ? 0 : 1)} ${units[unitIndex]}`;\n}\n"],"mappings":";;;AAYA,SAAS,aACP,QACA,EAAE,iBAAiB,KACX;CACR,OAAO,IAAI,KAAK,aAAa,KAAA,GAAW;EACtC,uBAAuB;EACvB,uBAAuB;CACzB,CAAC,CAAC,CAAC,OAAO,OAAO,MAAM,CAAC;AAC1B;;;;;;;AAQA,SAAgB,cAAc,QAAiC;CAC7D,OAAO,aAAa,QAAQ,EAAE,gBAAgB,EAAE,CAAC;AACnD;;;;;;;AAQA,SAAS,YAAY,MAAgD;CACnE,OAAO,OAAO,KAAK,IAAI,CAAC,CAAC,QAAO,QAAO,IAAI,WAAW,OAAO,CAAC;AAChE;;;;;;;;AASA,SAAgB,aAAa,MAAyB,UAAiC,CAAC,OAAO,GAAG;CAChG,OAAO,WAAW,MAAM,CAAC,GAAG,YAAY,IAAI,GAAG,GAAG,OAAO,CAAC;AAC5D;;;;;;;;AASA,SAAgB,gBACd,MACA,UAAiC,CAAC,OAAO,GACzC;CACA,OAAO,WAAW,MAAM,CAAC,GAAG,YAAY,IAAI,GAAG,GAAG,OAAO,CAAC;AAC5D;;;;;;;;AASA,SAAgB,cACd,MACA,IAC4B;CAC5B,IAAI,CAAC,MACH,OAAO;CAET,OAAO,OAAO,KAAK,IAAI,CAAC,CAAC,QACtB,KAAK,SAAS;EACb,IAAI,OAAO,aACT,IAAI,UAAU,IAAI,KAAK,KAAK;OACzB,IAAI,UAAU,IAAI,KAAK,KAAK;EAEjC,OAAO;CACT,GACA,CAAC,CACH;AACF;;;;;;;;;AAUA,SAAgB,aAAa,QAAyB;CACpD,IAAI,CAAC,QACH,OAAO;CAET,OAAO,OACJ,SAAS,CAAC,CACV,YAAY,CAAC,CACb,QAAQ,cAAc,EAAE;AAC7B;AAEA,SAAgB,mBAAmB,OAA6C;CAC9E,IAAI,UAAU,KAAA,KAAc,OAAO,UAAU,YAAY,MAAM,OAAO,KAAK,CAAC,GAC1E,OAAO;CACT,OAAO,GAAG,MAAM;AAClB;;;;AAKA,SAAgB,eAAe,OAAuB;CACpD,IAAI,CAAC,OAAO,SAAS,KAAK,KAAK,QAAQ,GACrC,OAAO;CACT,IAAI,QAAQ,MACV,OAAO,GAAG,MAAM;CAClB,MAAM,QAAQ;EAAC;EAAM;EAAM;EAAM;CAAI;CACrC,IAAI,QAAQ,QAAQ;CACpB,IAAI,YAAY;CAChB,OAAO,SAAS,QAAQ,YAAY,MAAM,SAAS,GAAG;EACpD,SAAS;EACT;CACF;CACA,OAAO,GAAG,MAAM,QAAQ,SAAS,KAAK,IAAI,CAAC,EAAE,GAAG,MAAM;AACxD"}

package/dist/utils/is-equal.d.ts

@@ -1 +1,10 @@
+/**
+ * Compares two values structurally: arrays element by element and objects key
+ * by key, with everything else compared by identity, which is what a primitive
+ * or a function needs.
+ *
+ * @param value - the first value
+ * @param other - the value to compare it with
+ * @returns whether the two are equal
+ */
 export declare function isEqual(value: unknown, other: unknown): boolean;

package/dist/utils/is-equal.js

@@ -1,22 +1,29 @@
 //#region src/utils/is-equal.ts
+function arraysEqual(value, other) {
+	if (!Array.isArray(other) || value.length !== other.length) return false;
+	return value.every((element, index) => isEqual(element, other[index]));
+}
+function objectsEqual(value, other) {
+	const valueEntries = Object.entries(value);
+	if (valueEntries.length !== Object.keys(other).length) return false;
+	const otherEntries = Object.fromEntries(Object.entries(other));
+	return valueEntries.every(([key, entry]) => Object.hasOwn(otherEntries, key) && isEqual(entry, otherEntries[key]));
+}
+/**
+* Compares two values structurally: arrays element by element and objects key
+* by key, with everything else compared by identity, which is what a primitive
+* or a function needs.
+*
+* @param value - the first value
+* @param other - the value to compare it with
+* @returns whether the two are equal
+*/
 function isEqual(value, other) {
 	if (value === other) return true;
-	if (value == null || other == null) return value === other;
+	if (value === null || value === void 0 || other === null || other === void 0) return false;
 	if (typeof value !== typeof other) return false;
-	if (Array.isArray(value)) {
-		if (!Array.isArray(other) || value.length !== other.length) return false;
-		for (const [i, element] of value.entries()) if (!isEqual(element, other[i])) return false;
-		return true;
-	}
-	if (typeof value === "object") {
-		const valueRecord = value;
-		const otherRecord = other;
-		const valueKeys = Object.keys(valueRecord);
-		const otherKeys = Object.keys(otherRecord);
-		if (valueKeys.length !== otherKeys.length) return false;
-		for (const key of valueKeys) if (!isEqual(valueRecord[key], otherRecord[key])) return false;
-		return true;
-	}
+	if (Array.isArray(value)) return arraysEqual(value, other);
+	if (typeof value === "object" && typeof other === "object") return objectsEqual(value, other);
 	return false;
 }
 //#endregion

package/dist/utils/is-equal.js.map

@@ -1 +1 @@
-{"version":3,"file":"is-equal.js","names":[],"sources":["../../src/utils/is-equal.ts"],"sourcesContent":["export function isEqual(value: unknown, other: unknown): boolean {\n  // Check if the values are identical (covers primitives and functions)\n  if (value === other)\n    return true;\n\n  // Check if the values are null or undefined\n  if (value == null || other == null)\n    return value === other;\n\n  // Check if the values are of different types\n  if (typeof value !== typeof other)\n    return false;\n\n  // Compare arrays\n  if (Array.isArray(value)) {\n    if (!Array.isArray(other) || value.length !== other.length)\n      return false;\n\n    for (const [i, element] of value.entries()) {\n      if (!isEqual(element, other[i]))\n        return false;\n    }\n    return true;\n  }\n\n  // Compare objects\n  if (typeof value === 'object') {\n    const valueRecord = value as Record<string, unknown>;\n    const otherRecord = other as Record<string, unknown>;\n    const valueKeys = Object.keys(valueRecord);\n    const otherKeys = Object.keys(otherRecord);\n\n    if (valueKeys.length !== otherKeys.length)\n      return false;\n\n    for (const key of valueKeys) {\n      if (!isEqual(valueRecord[key], otherRecord[key]))\n        return false;\n    }\n    return true;\n  }\n\n  // If the values are neither primitives, arrays, nor objects, return false\n  return false;\n}\n"],"mappings":";AAAA,SAAgB,QAAQ,OAAgB,OAAyB;CAE/D,IAAI,UAAU,OACZ,OAAO;CAGT,IAAI,SAAS,QAAQ,SAAS,MAC5B,OAAO,UAAU;CAGnB,IAAI,OAAO,UAAU,OAAO,OAC1B,OAAO;CAGT,IAAI,MAAM,QAAQ,KAAK,GAAG;EACxB,IAAI,CAAC,MAAM,QAAQ,KAAK,KAAK,MAAM,WAAW,MAAM,QAClD,OAAO;EAET,KAAK,MAAM,CAAC,GAAG,YAAY,MAAM,QAAQ,GACvC,IAAI,CAAC,QAAQ,SAAS,MAAM,EAAE,GAC5B,OAAO;EAEX,OAAO;CACT;CAGA,IAAI,OAAO,UAAU,UAAU;EAC7B,MAAM,cAAc;EACpB,MAAM,cAAc;EACpB,MAAM,YAAY,OAAO,KAAK,WAAW;EACzC,MAAM,YAAY,OAAO,KAAK,WAAW;EAEzC,IAAI,UAAU,WAAW,UAAU,QACjC,OAAO;EAET,KAAK,MAAM,OAAO,WAChB,IAAI,CAAC,QAAQ,YAAY,MAAM,YAAY,IAAI,GAC7C,OAAO;EAEX,OAAO;CACT;CAGA,OAAO;AACT"}
+{"version":3,"file":"is-equal.js","names":[],"sources":["../../src/utils/is-equal.ts"],"sourcesContent":["function arraysEqual(value: unknown[], other: unknown): boolean {\n  if (!Array.isArray(other) || value.length !== other.length)\n    return false;\n\n  return value.every((element, index) => isEqual(element, other[index]));\n}\n\nfunction objectsEqual(value: object, other: object): boolean {\n  const valueEntries = Object.entries(value);\n\n  if (valueEntries.length !== Object.keys(other).length)\n    return false;\n\n  const otherEntries = Object.fromEntries(Object.entries(other));\n\n  return valueEntries.every(([key, entry]) =>\n    Object.hasOwn(otherEntries, key) && isEqual(entry, otherEntries[key]));\n}\n\n/**\n * Compares two values structurally: arrays element by element and objects key\n * by key, with everything else compared by identity, which is what a primitive\n * or a function needs.\n *\n * @param value - the first value\n * @param other - the value to compare it with\n * @returns whether the two are equal\n */\nexport function isEqual(value: unknown, other: unknown): boolean {\n  if (value === other)\n    return true;\n\n  // A null or undefined only equals itself, which the check above settled\n  if (value === null || value === undefined || other === null || other === undefined)\n    return false;\n\n  if (typeof value !== typeof other)\n    return false;\n\n  if (Array.isArray(value))\n    return arraysEqual(value, other);\n\n  if (typeof value === 'object' && typeof other === 'object')\n    return objectsEqual(value, other);\n\n  // Neither a primitive that matched, nor an array, nor an object\n  return false;\n}\n"],"mappings":";AAAA,SAAS,YAAY,OAAkB,OAAyB;CAC9D,IAAI,CAAC,MAAM,QAAQ,KAAK,KAAK,MAAM,WAAW,MAAM,QAClD,OAAO;CAET,OAAO,MAAM,OAAO,SAAS,UAAU,QAAQ,SAAS,MAAM,MAAM,CAAC;AACvE;AAEA,SAAS,aAAa,OAAe,OAAwB;CAC3D,MAAM,eAAe,OAAO,QAAQ,KAAK;CAEzC,IAAI,aAAa,WAAW,OAAO,KAAK,KAAK,CAAC,CAAC,QAC7C,OAAO;CAET,MAAM,eAAe,OAAO,YAAY,OAAO,QAAQ,KAAK,CAAC;CAE7D,OAAO,aAAa,OAAO,CAAC,KAAK,WAC/B,OAAO,OAAO,cAAc,GAAG,KAAK,QAAQ,OAAO,aAAa,IAAI,CAAC;AACzE;;;;;;;;;;AAWA,SAAgB,QAAQ,OAAgB,OAAyB;CAC/D,IAAI,UAAU,OACZ,OAAO;CAGT,IAAI,UAAU,QAAQ,UAAU,KAAA,KAAa,UAAU,QAAQ,UAAU,KAAA,GACvE,OAAO;CAET,IAAI,OAAO,UAAU,OAAO,OAC1B,OAAO;CAET,IAAI,MAAM,QAAQ,KAAK,GACrB,OAAO,YAAY,OAAO,KAAK;CAEjC,IAAI,OAAO,UAAU,YAAY,OAAO,UAAU,UAChD,OAAO,aAAa,OAAO,KAAK;CAGlC,OAAO;AACT"}

package/dist/utils/tv.d.ts

@@ -2,13 +2,17 @@
  * Tailwind Variants wrapper.
  *
  * Re-exports `tv` from `tailwind-variants` with project-level configuration.
- * Uses `createTV()` so we can extend twMerge config for custom theme classes
- * (e.g., `text-rui-primary`) in the future.
+ * `createTV()` teaches the conflict resolver about the theme's own class
+ * groups, so `text-rui-primary` reads as a colour rather than a font size.
+ *
+ * The resolver ships inside tailwind-variants as of 3.3, which is why there is
+ * no `tailwind-merge` dependency: the peer is optional and nothing imports it.
  *
  * @see https://www.tailwind-variants.org/docs/introduction
  */
 import type { VueClassValue } from '../types/class-value';
 import { type ClassValue } from 'vue';
+/** The library's tailwind-variants instance, with its own tw-merge groups. */
 export declare const tv: import("tailwind-variants").TV;
 /**
  * Normalizes any Vue `:class` binding value (string, object, array, nullish

package/dist/utils/tv.js

@@ -2,20 +2,36 @@ import { normalizeClass } from "vue";
 import { createTV } from "tailwind-variants";
 //#region src/utils/tv.ts
 var isAny = () => true;
-var tv = /* @__PURE__ */ createTV({ twMergeConfig: { classGroups: {
-	"bg-tint": [{ "bg-tint": [isAny] }],
-	"bg-shade": [{ "bg-shade": [isAny] }],
-	"text-tint": [{ "text-tint": [isAny] }],
-	"text-shade": [{ "text-shade": [isAny] }],
-	"text-color": [{ "text-rui": [isAny] }],
-	"font-size": [
-		{ "text-body": [isAny] },
-		"text-caption",
-		"text-overline",
-		{ "text-h": [isAny] },
-		{ "text-subtitle": [isAny] }
-	]
-} } });
+/** An outline width: a scale number, an arbitrary `[2px]`, or an arbitrary variable `(--w)`. */
+function isWidth(value) {
+	return /^\d+$/.test(value) || /^\[.+\]$/.test(value) || /^\(.+\)$/.test(value);
+}
+/** The library's tailwind-variants instance, with its own tw-merge groups. */
+var tv = /* #__PURE__ */ createTV({ twMergeConfig: {
+	extend: { classGroups: {
+		"bg-tint": [{ "bg-tint": [isAny] }],
+		"bg-shade": [{ "bg-shade": [isAny] }],
+		"text-tint": [{ "text-tint": [isAny] }],
+		"text-shade": [{ "text-shade": [isAny] }],
+		"text-color": [{ "text-rui": [isAny] }],
+		"bg-opacity": [{ "bg-opacity": [isAny] }],
+		"text-opacity": [{ "text-opacity": [isAny] }],
+		"border-opacity": [{ "border-opacity": [isAny] }],
+		"ring-opacity": [{ "ring-opacity": [isAny] }],
+		"ring-offset-opacity": [{ "ring-offset-opacity": [isAny] }],
+		"divide-opacity": [{ "divide-opacity": [isAny] }],
+		"placeholder-opacity": [{ "placeholder-opacity": [isAny] }],
+		"outline-style": ["outline"],
+		"font-size": [
+			{ "text-body": [isAny] },
+			"text-caption",
+			"text-overline",
+			{ "text-h": [isAny] },
+			{ "text-subtitle": [isAny] }
+		]
+	} },
+	override: { classGroups: { "outline-w": [{ outline: [isWidth] }] } }
+} });
 /**
 * Normalizes any Vue `:class` binding value (string, object, array, nullish
 * or `false`) to a plain string compatible with tailwind-variants' `class`

package/dist/utils/tv.js.map

@@ -1 +1 @@
-{"version":3,"file":"tv.js","names":[],"sources":["../../src/utils/tv.ts"],"sourcesContent":["/**\n * Tailwind Variants wrapper.\n *\n * Re-exports `tv` from `tailwind-variants` with project-level configuration.\n * Uses `createTV()` so we can extend twMerge config for custom theme classes\n * (e.g., `text-rui-primary`) in the future.\n *\n * @see https://www.tailwind-variants.org/docs/introduction\n */\n\nimport type { VueClassValue } from '@/types/class-value';\nimport { createTV } from 'tailwind-variants';\nimport { type ClassValue, normalizeClass } from 'vue';\n\nconst isAny: (v: string) => boolean = () => true;\n\nexport const tv = /* @__PURE__ */ createTV({\n  twMergeConfig: {\n    classGroups: {\n      'bg-tint': [{ 'bg-tint': [isAny] }],\n      'bg-shade': [{ 'bg-shade': [isAny] }],\n      'text-tint': [{ 'text-tint': [isAny] }],\n      'text-shade': [{ 'text-shade': [isAny] }],\n      // Custom theme colors (text-rui-*) belong to the text-color group so\n      // they don't conflict with the custom typography utilities below, which\n      // tw-merge would otherwise both classify as font-size.\n      'text-color': [{ 'text-rui': [isAny] }],\n      'font-size': [\n        { 'text-body': [isAny] },\n        'text-caption',\n        'text-overline',\n        { 'text-h': [isAny] },\n        { 'text-subtitle': [isAny] },\n      ],\n    },\n  },\n});\n\n/**\n * Normalizes any Vue `:class` binding value (string, object, array, nullish\n * or `false`) to a plain string compatible with tailwind-variants' `class`\n * parameter. Accepts Vue's runtime `ClassValue` so call sites can pass\n * `$attrs.class` directly without casting.\n */\nexport function cn(value: ClassValue | VueClassValue | undefined): string | undefined {\n  if (value == null || value === false)\n    return undefined;\n  if (typeof value === 'string')\n    return value || undefined;\n  const result = normalizeClass(value);\n  return result || undefined;\n}\n"],"mappings":";;;AAcA,IAAM,cAAsC;AAE5C,IAAa,KAAqB,yBAAS,EACzC,eAAe,EACb,aAAa;CACX,WAAW,CAAC,EAAE,WAAW,CAAC,KAAK,EAAE,CAAC;CAClC,YAAY,CAAC,EAAE,YAAY,CAAC,KAAK,EAAE,CAAC;CACpC,aAAa,CAAC,EAAE,aAAa,CAAC,KAAK,EAAE,CAAC;CACtC,cAAc,CAAC,EAAE,cAAc,CAAC,KAAK,EAAE,CAAC;CAIxC,cAAc,CAAC,EAAE,YAAY,CAAC,KAAK,EAAE,CAAC;CACtC,aAAa;EACX,EAAE,aAAa,CAAC,KAAK,EAAE;EACvB;EACA;EACA,EAAE,UAAU,CAAC,KAAK,EAAE;EACpB,EAAE,iBAAiB,CAAC,KAAK,EAAE;CAC7B;AACF,EACF,EACF,CAAC;;;;;;;AAQD,SAAgB,GAAG,OAAmE;CACpF,IAAI,SAAS,QAAQ,UAAU,OAC7B,OAAO,KAAA;CACT,IAAI,OAAO,UAAU,UACnB,OAAO,SAAS,KAAA;CAElB,OADe,eAAe,KACvB,KAAU,KAAA;AACnB"}
+{"version":3,"file":"tv.js","names":[],"sources":["../../src/utils/tv.ts"],"sourcesContent":["/**\n * Tailwind Variants wrapper.\n *\n * Re-exports `tv` from `tailwind-variants` with project-level configuration.\n * `createTV()` teaches the conflict resolver about the theme's own class\n * groups, so `text-rui-primary` reads as a colour rather than a font size.\n *\n * The resolver ships inside tailwind-variants as of 3.3, which is why there is\n * no `tailwind-merge` dependency: the peer is optional and nothing imports it.\n *\n * @see https://www.tailwind-variants.org/docs/introduction\n */\n\nimport type { VueClassValue } from '@/types/class-value';\nimport { createTV } from 'tailwind-variants';\nimport { type ClassValue, normalizeClass } from 'vue';\n\nconst isAny: (v: string) => boolean = () => true;\n\n/** An outline width: a scale number, an arbitrary `[2px]`, or an arbitrary variable `(--w)`. */\nfunction isWidth(value: string): boolean {\n  return /^\\d+$/.test(value) || /^\\[.+\\]$/.test(value) || /^\\(.+\\)$/.test(value);\n}\n\n/** The library's tailwind-variants instance, with its own tw-merge groups. */\nexport const tv = /* #__PURE__ */ createTV({\n  twMergeConfig: {\n    // `extend` appends to the built-in groups, which is what the flat form these sat in folded into\n    extend: {\n      classGroups: {\n        'bg-tint': [{ 'bg-tint': [isAny] }],\n        'bg-shade': [{ 'bg-shade': [isAny] }],\n        'text-tint': [{ 'text-tint': [isAny] }],\n        'text-shade': [{ 'text-shade': [isAny] }],\n        // `text-rui-*` is a text colour, so the merger stops classifying it as a font size like the typography utilities below\n        'text-color': [{ 'text-rui': [isAny] }],\n        /*\n         * Tailwind 3's `*-opacity-*` utilities, which the merger has no group for: it ships the\n         * Tailwind 4 groups, where they no longer exist. `bg-opacity-40` then parses as a\n         * background *colour*, lands in the same group as `bg-rui-primary`, and wins as the later\n         * class, leaving the element with an opacity and no colour. Giving them groups of their\n         * own keeps both. They can go when the project moves to Tailwind 4 and slash opacity.\n         */\n        'bg-opacity': [{ 'bg-opacity': [isAny] }],\n        'text-opacity': [{ 'text-opacity': [isAny] }],\n        'border-opacity': [{ 'border-opacity': [isAny] }],\n        'ring-opacity': [{ 'ring-opacity': [isAny] }],\n        'ring-offset-opacity': [{ 'ring-offset-opacity': [isAny] }],\n        'divide-opacity': [{ 'divide-opacity': [isAny] }],\n        'placeholder-opacity': [{ 'placeholder-opacity': [isAny] }],\n        /*\n         * A bare `outline` is `outline-style: solid` in Tailwind 3 and a *width* in Tailwind 4,\n         * so the merger reads it as a width and `outline outline-1` loses the style, leaving an\n         * outlined button with a colour, a width and nothing drawn. It belongs with the other\n         * style keywords here, and comes back out of the width group in `override` below.\n         */\n        'outline-style': ['outline'],\n        'font-size': [\n          { 'text-body': [isAny] },\n          'text-caption',\n          'text-overline',\n          { 'text-h': [isAny] },\n          { 'text-subtitle': [isAny] },\n        ],\n      },\n    },\n    override: {\n      classGroups: {\n        /*\n         * Without the empty string the built-in group carries, a bare `outline` stops counting as\n         * a width and stays a style keyword, the way Tailwind 3 means it. Widths still replace one\n         * another.\n         */\n        'outline-w': [{ outline: [isWidth] }],\n      },\n    },\n  },\n});\n\n/**\n * Normalizes any Vue `:class` binding value (string, object, array, nullish\n * or `false`) to a plain string compatible with tailwind-variants' `class`\n * parameter. Accepts Vue's runtime `ClassValue` so call sites can pass\n * `$attrs.class` directly without casting.\n */\nexport function cn(value: ClassValue | VueClassValue | undefined): string | undefined {\n  if (value == null || value === false)\n    return undefined;\n  if (typeof value === 'string')\n    return value || undefined;\n  const result = normalizeClass(value);\n  return result || undefined;\n}\n"],"mappings":";;;AAiBA,IAAM,cAAsC;;AAG5C,SAAS,QAAQ,OAAwB;CACvC,OAAO,QAAQ,KAAK,KAAK,KAAK,WAAW,KAAK,KAAK,KAAK,WAAW,KAAK,KAAK;AAC/E;;AAGA,IAAa,KAAqB,yBAAS,EACzC,eAAe;CAEb,QAAQ,EACN,aAAa;EACX,WAAW,CAAC,EAAE,WAAW,CAAC,KAAK,EAAE,CAAC;EAClC,YAAY,CAAC,EAAE,YAAY,CAAC,KAAK,EAAE,CAAC;EACpC,aAAa,CAAC,EAAE,aAAa,CAAC,KAAK,EAAE,CAAC;EACtC,cAAc,CAAC,EAAE,cAAc,CAAC,KAAK,EAAE,CAAC;EAExC,cAAc,CAAC,EAAE,YAAY,CAAC,KAAK,EAAE,CAAC;EAQtC,cAAc,CAAC,EAAE,cAAc,CAAC,KAAK,EAAE,CAAC;EACxC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,KAAK,EAAE,CAAC;EAC5C,kBAAkB,CAAC,EAAE,kBAAkB,CAAC,KAAK,EAAE,CAAC;EAChD,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,KAAK,EAAE,CAAC;EAC5C,uBAAuB,CAAC,EAAE,uBAAuB,CAAC,KAAK,EAAE,CAAC;EAC1D,kBAAkB,CAAC,EAAE,kBAAkB,CAAC,KAAK,EAAE,CAAC;EAChD,uBAAuB,CAAC,EAAE,uBAAuB,CAAC,KAAK,EAAE,CAAC;EAO1D,iBAAiB,CAAC,SAAS;EAC3B,aAAa;GACX,EAAE,aAAa,CAAC,KAAK,EAAE;GACvB;GACA;GACA,EAAE,UAAU,CAAC,KAAK,EAAE;GACpB,EAAE,iBAAiB,CAAC,KAAK,EAAE;EAC7B;CACF,EACF;CACA,UAAU,EACR,aAAa,EAMX,aAAa,CAAC,EAAE,SAAS,CAAC,OAAO,EAAE,CAAC,EACtC,EACF;AACF,EACF,CAAC;;;;;;;AAQD,SAAgB,GAAG,OAAmE;CACpF,IAAI,SAAS,QAAQ,UAAU,OAC7B,OAAO,KAAA;CACT,IAAI,OAAO,UAAU,UACnB,OAAO,SAAS,KAAA;CAElB,OADe,eAAe,KACvB,KAAU,KAAA;AACnB"}

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

@@ -1,4 +1,4 @@
-/* eslint-disable import/no-default-export */
+/* eslint-disable import/no-default-export -- a virtual module's shape is fixed by the plugin that serves it */
 declare module 'virtual:rotki-icons' {
   /**
    * Auto-detected icons from your source files.

package/dist/vite-plugin/index.js

@@ -15,29 +15,32 @@ var EXCLUDED_PATTERNS = [
 	"**/dist/**",
 	"**/.git/**"
 ];
-var __dirname = dirname(fileURLToPath(import.meta.url));
+var __filename = fileURLToPath(import.meta.url);
+var __dirname = dirname(__filename);
 /**
-* Loads the valid RuiIcons array from the library
+* Pulls the quoted icon names out of a `RuiIcons = [...]` array literal.
+*
+* @param path - file that may hold the array
+* @param pattern - matches the array literal in that file, capturing its body
+* @returns the names, or undefined when the file is absent or holds no array
+*/
+function readIconNames(path, pattern) {
+	if (!existsSync(path)) return void 0;
+	const body = readFileSync(path, "utf-8").match(pattern)?.[1];
+	if (!body) return void 0;
+	return new Set(body.match(/"([^"]+)"/g)?.map((name) => name.slice(1, -1)) ?? []);
+}
+/**
+* Loads the valid RuiIcons array from the library, preferring the built dist
+* that consumers install and falling back to the source the repo generates.
 */
 function loadValidIcons() {
 	try {
-		const distPath = resolve(__dirname, "../icons/index.js");
-		if (existsSync(distPath)) {
-			const match = readFileSync(distPath, "utf-8").match(/(?:const|var|let) RuiIcons = \[(.*?)];?/s);
-			if (match?.[1]) {
-				const icons = match[1].match(/"([^"]+)"/g)?.map((s) => s.slice(1, -1)) || [];
-				return new Set(icons);
-			}
-		}
+		const built = readIconNames(resolve(__dirname, "../icons/index.js"), /(?:const|var|let) RuiIcons = \[(.*?)];?/s);
+		if (built) return built;
 	} catch {}
-	const sourcePath = resolve(__dirname, "../icons/index.ts");
-	if (existsSync(sourcePath)) {
-		const match = readFileSync(sourcePath, "utf-8").match(/export const RuiIcons = \[(.*?)] as const/s);
-		if (match?.[1]) {
-			const icons = match[1].match(/"([^"]+)"/g)?.map((s) => s.slice(1, -1)) || [];
-			return new Set(icons);
-		}
-	}
+	const source = readIconNames(resolve(__dirname, "../icons/index.ts"), /export const RuiIcons = \[(.*?)] as const/s);
+	if (source) return source;
 	console.warn("[@rotki/ui-library] Could not load RuiIcons list, validation disabled");
 	return /* @__PURE__ */ new Set();
 }
@@ -87,7 +90,8 @@ function ruiIconsPlugin(options = {}) {
 		});
 		log(`Scanning ${files.length} files for icon usage...`);
 		for (const filePath of files) try {
-			const detectedIcons = extractIconsFromSource(readFileSync(filePath, "utf-8"));
+			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, customIconSet);
@@ -106,7 +110,10 @@ function ruiIconsPlugin(options = {}) {
 		}
 	}
 	/**
-	* Handles file changes in dev mode
+	* Handles a file change in dev mode, ignoring files the scan patterns do not
+	* cover.
+	*
+	* @param filePath - the file that changed
 	*/
 	function handleFileChange(filePath) {
 		if (!scanPatterns.some((pattern) => {
@@ -114,7 +121,8 @@ function ruiIconsPlugin(options = {}) {
 			return pattern.includes(`*.${ext}`);
 		})) return;
 		try {
-			const detectedIcons = extractIconsFromSource(readFileSync(filePath, "utf-8"));
+			const content = readFileSync(filePath, "utf-8");
+			const detectedIcons = extractIconsFromSource(content);
 			const previousSize = scanResult.icons.size;
 			validateIcons(detectedIcons, validIcons, filePath, scanResult, customIconSet);
 			if (scanResult.icons.size > previousSize) {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"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|var|let) 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 * Loads the baseline icons used by library components, emitted at library\n * build time. Consumers always need these regardless of their own source.\n */\nfunction loadLibraryBaselineIcons(): string[] {\n  const distPath = resolve(__dirname, '../library-icons.json');\n  if (existsSync(distPath)) {\n    try {\n      const parsed: unknown = JSON.parse(readFileSync(distPath, 'utf-8'));\n      if (Array.isArray(parsed))\n        return parsed.filter((v): v is string => typeof v === 'string');\n    }\n    catch {\n      // fall through\n    }\n  }\n  return [];\n}\n\n/**\n * Vite plugin for automatic icon detection and registration\n */\nexport function ruiIconsPlugin(options: RuiIconsPluginOptions = {}): Plugin {\n  const {\n    include = [],\n    customIcons = [],\n    scanPatterns = DEFAULT_SCAN_PATTERNS,\n    strict = false,\n    debug = false,\n  } = options;\n\n  const customIconSet = new Set(customIcons);\n\n  let validIcons: Set<string>;\n  let libraryBaseline: 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([...libraryBaseline, ...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, customIconSet);\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 = Array.from(scanResult.invalidIcons.entries(), ([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, customIconSet);\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      libraryBaseline = loadLibraryBaselineIcons();\n      log(`Loaded ${validIcons.size} valid icon names`);\n      log(`Loaded ${libraryBaseline.length} baseline icons used by library components`);\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"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"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 * Pulls the quoted icon names out of a `RuiIcons = [...]` array literal.\n *\n * @param path - file that may hold the array\n * @param pattern - matches the array literal in that file, capturing its body\n * @returns the names, or undefined when the file is absent or holds no array\n */\nfunction readIconNames(path: string, pattern: RegExp): Set<string> | undefined {\n  if (!existsSync(path))\n    return undefined;\n\n  const body = readFileSync(path, 'utf-8').match(pattern)?.[1];\n  if (!body)\n    return undefined;\n\n  return new Set(body.match(/\"([^\"]+)\"/g)?.map(name => name.slice(1, -1)) ?? []);\n}\n\n/**\n * Loads the valid RuiIcons array from the library, preferring the built dist\n * that consumers install and falling back to the source the repo generates.\n */\nfunction loadValidIcons(): Set<string> {\n  try {\n    // eslint-disable-next-line regexp/strict -- the unescaped `]` closes the built array literal and reads better than `\\]`\n    const built = readIconNames(resolve(__dirname, '../icons/index.js'), /(?:const|var|let) RuiIcons = \\[(.*?)];?/s);\n    if (built)\n      return built;\n  }\n  catch {\n    // A dist that cannot be read falls through to the source below\n  }\n\n  // eslint-disable-next-line regexp/strict -- the unescaped `]` closes the generated array literal and reads better than `\\]`\n  const source = readIconNames(resolve(__dirname, '../icons/index.ts'), /export const RuiIcons = \\[(.*?)] as const/s);\n  if (source)\n    return source;\n\n  console.warn('[@rotki/ui-library] Could not load RuiIcons list, validation disabled');\n  return new Set();\n}\n\n/**\n * Loads the baseline icons used by library components, emitted at library\n * build time. Consumers always need these regardless of their own source.\n */\nfunction loadLibraryBaselineIcons(): string[] {\n  const distPath = resolve(__dirname, '../library-icons.json');\n  if (existsSync(distPath)) {\n    try {\n      const parsed: unknown = JSON.parse(readFileSync(distPath, 'utf-8'));\n      if (Array.isArray(parsed))\n        return parsed.filter((v): v is string => typeof v === 'string');\n    }\n    catch {\n      // fall through\n    }\n  }\n  return [];\n}\n\n/**\n * Vite plugin for automatic icon detection and registration\n */\nexport function ruiIconsPlugin(options: RuiIconsPluginOptions = {}): Plugin {\n  const {\n    include = [],\n    customIcons = [],\n    scanPatterns = DEFAULT_SCAN_PATTERNS,\n    strict = false,\n    debug = false,\n  } = options;\n\n  const customIconSet = new Set(customIcons);\n\n  let validIcons: Set<string>;\n  let libraryBaseline: 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 -- the plugin's debug output belongs on the build 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([...libraryBaseline, ...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, customIconSet);\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 = Array.from(scanResult.invalidIcons.entries(), ([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 a file change in dev mode, ignoring files the scan patterns do not\n   * cover.\n   *\n   * @param filePath - the file that changed\n   */\n  function handleFileChange(filePath: string): void {\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, customIconSet);\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      libraryBaseline = loadLibraryBaselineIcons();\n      log(`Loaded ${validIcons.size} valid icon names`);\n      log(`Loaded ${libraryBaseline.length} baseline icons used by library components`);\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 -- vite plugins are consumed as default imports\nexport default ruiIconsPlugin;\n"],"mappings":"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"}

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

@@ -8,8 +8,11 @@ export declare function extractIconsFromSource(source: string): Set<string>;
  */
 export declare function validateIcons(detectedIcons: Set<string>, validIcons: Set<string>, filePath: string, result: ScanResult, ignore?: Set<string>): void;
 /**
- * Converts icon name to export constant name
- * e.g., 'lu-arrow-down' -> 'LuArrowDown'
+ * Names the generated constant an icon is exported as, which is its kebab-case
+ * name in pascal case: `lu-arrow-down` is exported as `LuArrowDown`.
+ *
+ * @param iconName - kebab-case name, as it is written in a template
+ * @returns the constant the generated module exports it under
  */
 export declare function iconNameToExportName(iconName: string): string;
 /**

package/dist/vite-plugin/scanner.js

@@ -38,8 +38,11 @@ function validateIcons(detectedIcons, validIcons, filePath, result, ignore) {
 	}
 }
 /**
-* Converts icon name to export constant name
-* e.g., 'lu-arrow-down' -> 'LuArrowDown'
+* Names the generated constant an icon is exported as, which is its kebab-case
+* name in pascal case: `lu-arrow-down` is exported as `LuArrowDown`.
+*
+* @param iconName - kebab-case name, as it is written in a template
+* @returns the constant the generated module exports it under
 */
 function iconNameToExportName(iconName) {
 	return iconName.split("-").map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join("");

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

@@ -1 +1 @@
-{"version":3,"file":"scanner.js","names":[],"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  ignore?: Set<string>,\n): void {\n  for (const icon of detectedIcons) {\n    if (ignore?.has(icon)) {\n      // App-provided custom icon: registered by the consumer, not shipped by\n      // the library — neither imported nor reported invalid.\n      continue;\n    }\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"],"mappings":";;;;AAKA,IAAM,gBAA0B;CAE9B;CAGA;CAGA;AACF;;;;AAKA,SAAgB,uBAAuB,QAA6B;CAClE,MAAM,wBAAQ,IAAI,IAAY;CAE9B,KAAK,MAAM,WAAW,eAAe;EAEnC,QAAQ,YAAY;EAEpB,IAAI,QAAgC,QAAQ,KAAK,MAAM;EACvD,OAAO,UAAU,MAAM;GACrB,MAAM,WAAW,MAAM;GACvB,IAAI,UACF,MAAM,IAAI,QAAQ;GAEpB,QAAQ,QAAQ,KAAK,MAAM;EAC7B;CACF;CAEA,OAAO;AACT;;;;AAKA,SAAgB,cACd,eACA,YACA,UACA,QACA,QACM;CACN,KAAK,MAAM,QAAQ,eAAe;EAChC,IAAI,QAAQ,IAAI,IAAI,GAGlB;EAEF,IAAI,WAAW,IAAI,IAAI,GACrB,OAAO,MAAM,IAAI,IAAI;OAElB;GAEH,MAAM,QAAQ,OAAO,aAAa,IAAI,IAAI,KAAK,CAAC;GAChD,MAAM,KAAK,QAAQ;GACnB,OAAO,aAAa,IAAI,MAAM,KAAK;EACrC;CACF;AACF;;;;;AAMA,SAAgB,qBAAqB,UAA0B;CAC7D,OAAO,SACJ,MAAM,GAAG,CAAC,CACV,KAAI,SAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,YAAY,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,CACzD,KAAK,EAAE;AACZ;;;;AAKA,SAAgB,sBAAsB,OAA4B;CAChE,IAAI,MAAM,SAAS,GACjB,OAAO;;;CAMT,MAAM,UADc,CAAC,GAAG,KAAK,CAAC,CAAC,KACf,CAAA,CAAY,IAAI,oBAAoB;CAKpD,OAAO,eAHgC,QAAQ,KAAK,OAAO,EAAE,wDACZ,QAAQ,KAAK,OAAO,EAAE;AAGzE"}
+{"version":3,"file":"scanner.js","names":[],"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  ignore?: Set<string>,\n): void {\n  for (const icon of detectedIcons) {\n    if (ignore?.has(icon)) {\n      // The consumer registers this one themselves, so it is neither imported nor reported invalid\n      continue;\n    }\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 * Names the generated constant an icon is exported as, which is its kebab-case\n * name in pascal case: `lu-arrow-down` is exported as `LuArrowDown`.\n *\n * @param iconName - kebab-case name, as it is written in a template\n * @returns the constant the generated module exports it under\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"],"mappings":";;;;AAKA,IAAM,gBAA0B;CAE9B;CAGA;CAGA;AACF;;;;AAKA,SAAgB,uBAAuB,QAA6B;CAClE,MAAM,wBAAQ,IAAI,IAAY;CAE9B,KAAK,MAAM,WAAW,eAAe;EAEnC,QAAQ,YAAY;EAEpB,IAAI,QAAgC,QAAQ,KAAK,MAAM;EACvD,OAAO,UAAU,MAAM;GACrB,MAAM,WAAW,MAAM;GACvB,IAAI,UACF,MAAM,IAAI,QAAQ;GAEpB,QAAQ,QAAQ,KAAK,MAAM;EAC7B;CACF;CAEA,OAAO;AACT;;;;AAKA,SAAgB,cACd,eACA,YACA,UACA,QACA,QACM;CACN,KAAK,MAAM,QAAQ,eAAe;EAChC,IAAI,QAAQ,IAAI,IAAI,GAElB;EAEF,IAAI,WAAW,IAAI,IAAI,GACrB,OAAO,MAAM,IAAI,IAAI;OAElB;GAEH,MAAM,QAAQ,OAAO,aAAa,IAAI,IAAI,KAAK,CAAC;GAChD,MAAM,KAAK,QAAQ;GACnB,OAAO,aAAa,IAAI,MAAM,KAAK;EACrC;CACF;AACF;;;;;;;;AASA,SAAgB,qBAAqB,UAA0B;CAC7D,OAAO,SACJ,MAAM,GAAG,CAAC,CACV,KAAI,SAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,YAAY,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,CACzD,KAAK,EAAE;AACZ;;;;AAKA,SAAgB,sBAAsB,OAA4B;CAChE,IAAI,MAAM,SAAS,GACjB,OAAO;;;CAMT,MAAM,UADc,CAAC,GAAG,KAAK,CAAC,CAAC,KACf,CAAA,CAAY,IAAI,oBAAoB;CAKpD,OAAO,eAHgC,QAAQ,KAAK,OAAO,EAAE,wDACZ,QAAQ,KAAK,OAAO,EAAE;AAGzE"}