@yahoo/uds-icons 2.36.0-beta.1 → 2.36.0-beta.2

package/dist/_virtual/_rolldown/runtime.cjs

@@ -0,0 +1,30 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+//#region \0rolldown/runtime.js
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+			key = keys[i];
+			if (!__hasOwnProp.call(to, key) && key !== except) {
+				__defProp(to, key, {
+					get: ((k) => from[k]).bind(null, key),
+					enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+				});
+			}
+		}
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+
+//#endregion
+
+exports.__toESM = __toESM;

package/dist/cli/dist/lib/colors.cjs

@@ -0,0 +1,20 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+
+//#region ../cli/dist/lib/colors.mjs
+/*! © 2026 Yahoo, Inc. UDS CLI v0.0.0-development */
+/**
+* ANSI escape code color utilities for terminal output.
+* Zero dependencies - uses standard ANSI escape sequences.
+*/
+const red = (text) => `\x1b[31m${text}\x1b[0m`;
+const green = (text) => `\x1b[32m${text}\x1b[0m`;
+const magenta = (text) => `\x1b[35m${text}\x1b[0m`;
+const cyan = (text) => `\x1b[36m${text}\x1b[0m`;
+const gray = (text) => `\x1b[2m${text}\x1b[0m`;
+
+//#endregion
+exports.cyan = cyan;
+exports.gray = gray;
+exports.green = green;
+exports.magenta = magenta;
+exports.red = red;

package/dist/cli/dist/lib/colors.js

@@ -0,0 +1,16 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+//#region ../cli/dist/lib/colors.mjs
+/*! © 2026 Yahoo, Inc. UDS CLI v0.0.0-development */
+/**
+* ANSI escape code color utilities for terminal output.
+* Zero dependencies - uses standard ANSI escape sequences.
+*/
+const red = (text) => `\x1b[31m${text}\x1b[0m`;
+const green = (text) => `\x1b[32m${text}\x1b[0m`;
+const magenta = (text) => `\x1b[35m${text}\x1b[0m`;
+const cyan = (text) => `\x1b[36m${text}\x1b[0m`;
+const gray = (text) => `\x1b[2m${text}\x1b[0m`;
+
+//#endregion
+export { cyan, gray, green, magenta, red };
+//# sourceMappingURL=colors.js.map

package/dist/cli/dist/lib/colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.js","names":[],"sources":["../../../../../cli/dist/lib/colors.mjs"],"sourcesContent":["/*! © 2026 Yahoo, Inc. UDS CLI v0.0.0-development */\n//#region src/lib/colors.ts\n/**\n* ANSI escape code color utilities for terminal output.\n* Zero dependencies - uses standard ANSI escape sequences.\n*/\nconst red = (text) => `\\x1b[31m${text}\\x1b[0m`;\nconst green = (text) => `\\x1b[32m${text}\\x1b[0m`;\nconst yellow = (text) => `\\x1b[33m${text}\\x1b[0m`;\nconst blue = (text) => `\\x1b[34m${text}\\x1b[0m`;\nconst magenta = (text) => `\\x1b[35m${text}\\x1b[0m`;\nconst cyan = (text) => `\\x1b[36m${text}\\x1b[0m`;\nconst white = (text) => `\\x1b[37m${text}\\x1b[0m`;\nconst gray = (text) => `\\x1b[2m${text}\\x1b[0m`;\nconst bold = (text) => `\\x1b[1m${text}\\x1b[0m`;\nconst dim = (text) => `\\x1b[2m${text}\\x1b[0m`;\n\n//#endregion\nexport { blue, bold, cyan, dim, gray, green, magenta, red, white, yellow };\n//# sourceMappingURL=colors.mjs.map"],"mappings":";;;;;;;AAMA,MAAM,OAAO,SAAS,WAAW,KAAK;AACtC,MAAM,SAAS,SAAS,WAAW,KAAK;AAGxC,MAAM,WAAW,SAAS,WAAW,KAAK;AAC1C,MAAM,QAAQ,SAAS,WAAW,KAAK;AAEvC,MAAM,QAAQ,SAAS,UAAU,KAAK"}

package/dist/cli/dist/lib/print.cjs

@@ -0,0 +1,13 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+
+//#region ../cli/dist/lib/print.mjs
+/*! © 2026 Yahoo, Inc. UDS CLI v0.0.0-development */
+/**
+* Console output wrapper.
+*/
+function print(...args) {
+	console.log(...args);
+}
+
+//#endregion
+exports.print = print;

package/dist/cli/dist/lib/print.js

@@ -0,0 +1,13 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+//#region ../cli/dist/lib/print.mjs
+/*! © 2026 Yahoo, Inc. UDS CLI v0.0.0-development */
+/**
+* Console output wrapper.
+*/
+function print(...args) {
+	console.log(...args);
+}
+
+//#endregion
+export { print };
+//# sourceMappingURL=print.js.map

package/dist/cli/dist/lib/print.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"print.js","names":[],"sources":["../../../../../cli/dist/lib/print.mjs"],"sourcesContent":["/*! © 2026 Yahoo, Inc. UDS CLI v0.0.0-development */\n//#region src/lib/print.ts\n/**\n* Console output wrapper.\n*/\nfunction print(...args) {\n\tconsole.log(...args);\n}\n\n//#endregion\nexport { print };\n//# sourceMappingURL=print.mjs.map"],"mappings":";;;;;;AAKA,SAAS,MAAM,GAAG,MAAM;AACvB,SAAQ,IAAI,GAAG,KAAK"}

package/dist/cli.cjs

@@ -0,0 +1,7 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_createIconsUtils = require('./src/createIconsUtils.cjs');
+const require_createIconsCommand = require('./src/cli/createIconsCommand.cjs');
+
+exports.createIconsFromDirectory = require_createIconsUtils.createIconsFromDirectory;
+exports.makeCreateIconsCommand = require_createIconsCommand.makeCreateIconsCommand;

package/dist/cli.d.cts

@@ -0,0 +1,4 @@
+
+import { createIconsFromDirectory } from "./src/createIconsUtils.cjs";
+import { makeCreateIconsCommand } from "./src/cli/createIconsCommand.cjs";
+export { createIconsFromDirectory, makeCreateIconsCommand };

package/dist/cli.d.ts

@@ -0,0 +1,4 @@
+
+import { createIconsFromDirectory } from "./src/createIconsUtils.js";
+import { makeCreateIconsCommand } from "./src/cli/createIconsCommand.js";
+export { createIconsFromDirectory, makeCreateIconsCommand };

package/dist/cli.js

@@ -0,0 +1,5 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+import { createIconsFromDirectory } from "./src/createIconsUtils.js";
+import { makeCreateIconsCommand } from "./src/cli/createIconsCommand.js";
+
+export { createIconsFromDirectory, makeCreateIconsCommand };

package/dist/scripts/colorUtils.cjs

@@ -0,0 +1,82 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+let node_fs_promises = require("node:fs/promises");
+node_fs_promises = require_runtime.__toESM(node_fs_promises);
+let node_path = require("node:path");
+node_path = require_runtime.__toESM(node_path);
+
+//#region scripts/colorUtils.ts
+/**
+* Color mode specific color mappings for common values
+*/
+const COLOR_MODE_MAPPINGS = {
+	light: {
+		white: "rgb(var(--uds-spectrum-color-gray-0))",
+		black: "rgb(var(--uds-spectrum-color-gray-15))"
+	},
+	dark: {
+		white: "rgb(var(--uds-spectrum-color-gray-15))",
+		black: "rgb(var(--uds-spectrum-color-gray-0))"
+	}
+};
+/**
+* Check if a color value represents white
+*/
+function isWhiteColor(color) {
+	const upperColor = color.toUpperCase();
+	return [
+		"WHITE",
+		"#FFFFFF",
+		"#FFF"
+	].includes(upperColor);
+}
+/**
+* Check if a color value represents black
+*/
+function isBlackColor(color) {
+	const upperColor = color.toUpperCase();
+	return [
+		"BLACK",
+		"#000000",
+		"#000"
+	].includes(upperColor);
+}
+/**
+* Generate all possible hex color format variants
+* @param hex Hex color string in format "#RRGGBB"
+* @returns Array of all possible hex color format variants
+*/
+const generateHexColorVariants = (hex) => {
+	return [
+		hex,
+		hex.toUpperCase(),
+		hex.toLowerCase(),
+		hex.replace("#", ""),
+		hex.toLowerCase().replace("#", ""),
+		hex.toUpperCase().replace("#", "")
+	];
+};
+function processSvgWithVariables({ svg, colorMap, options = {} }) {
+	const { fallback = "current", colorMode = "light" } = options;
+	const processColor = (match, attr, color) => {
+		if (color === "none" || color === "currentColor" || color.includes("rgb(var(--uds-spectrum-color")) return match;
+		if (fallback !== "current") {
+			if (isWhiteColor(color)) return `${attr}="${COLOR_MODE_MAPPINGS[colorMode].white}"`;
+			if (isBlackColor(color)) return `${attr}="${COLOR_MODE_MAPPINGS[colorMode].black}"`;
+		}
+		const formats = generateHexColorVariants(color);
+		for (const format of formats) {
+			const cssVar = colorMap.get(format);
+			if (cssVar) return `${attr}="${cssVar}"`;
+		}
+		switch (fallback) {
+			case "preserve": return match;
+			case "current": return `${attr}="currentColor"`;
+			default: return `${attr}="${fallback}"`;
+		}
+	};
+	return svg.replace(/fill="([^"]+)"/g, (match, color) => processColor(match, "fill", color)).replace(/stroke="([^"]+)"/g, (match, color) => processColor(match, "stroke", color));
+}
+
+//#endregion
+exports.processSvgWithVariables = processSvgWithVariables;

package/dist/scripts/colorUtils.js

@@ -0,0 +1,80 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+import fs from "node:fs/promises";
+import path from "node:path";
+
+//#region scripts/colorUtils.ts
+/**
+* Color mode specific color mappings for common values
+*/
+const COLOR_MODE_MAPPINGS = {
+	light: {
+		white: "rgb(var(--uds-spectrum-color-gray-0))",
+		black: "rgb(var(--uds-spectrum-color-gray-15))"
+	},
+	dark: {
+		white: "rgb(var(--uds-spectrum-color-gray-15))",
+		black: "rgb(var(--uds-spectrum-color-gray-0))"
+	}
+};
+/**
+* Check if a color value represents white
+*/
+function isWhiteColor(color) {
+	const upperColor = color.toUpperCase();
+	return [
+		"WHITE",
+		"#FFFFFF",
+		"#FFF"
+	].includes(upperColor);
+}
+/**
+* Check if a color value represents black
+*/
+function isBlackColor(color) {
+	const upperColor = color.toUpperCase();
+	return [
+		"BLACK",
+		"#000000",
+		"#000"
+	].includes(upperColor);
+}
+/**
+* Generate all possible hex color format variants
+* @param hex Hex color string in format "#RRGGBB"
+* @returns Array of all possible hex color format variants
+*/
+const generateHexColorVariants = (hex) => {
+	return [
+		hex,
+		hex.toUpperCase(),
+		hex.toLowerCase(),
+		hex.replace("#", ""),
+		hex.toLowerCase().replace("#", ""),
+		hex.toUpperCase().replace("#", "")
+	];
+};
+function processSvgWithVariables({ svg, colorMap, options = {} }) {
+	const { fallback = "current", colorMode = "light" } = options;
+	const processColor = (match, attr, color) => {
+		if (color === "none" || color === "currentColor" || color.includes("rgb(var(--uds-spectrum-color")) return match;
+		if (fallback !== "current") {
+			if (isWhiteColor(color)) return `${attr}="${COLOR_MODE_MAPPINGS[colorMode].white}"`;
+			if (isBlackColor(color)) return `${attr}="${COLOR_MODE_MAPPINGS[colorMode].black}"`;
+		}
+		const formats = generateHexColorVariants(color);
+		for (const format of formats) {
+			const cssVar = colorMap.get(format);
+			if (cssVar) return `${attr}="${cssVar}"`;
+		}
+		switch (fallback) {
+			case "preserve": return match;
+			case "current": return `${attr}="currentColor"`;
+			default: return `${attr}="${fallback}"`;
+		}
+	};
+	return svg.replace(/fill="([^"]+)"/g, (match, color) => processColor(match, "fill", color)).replace(/stroke="([^"]+)"/g, (match, color) => processColor(match, "stroke", color));
+}
+
+//#endregion
+export { processSvgWithVariables };
+//# sourceMappingURL=colorUtils.js.map

package/dist/scripts/colorUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colorUtils.js","names":[],"sources":["../../scripts/colorUtils.ts"],"sourcesContent":["import fs from 'node:fs/promises';\nimport path from 'node:path';\n\nimport type { FigmaColorValue, FigmaVariable, FigmaVariableAlias } from './types';\n\n/**\n * Color mode specific color mappings for common values\n */\nconst COLOR_MODE_MAPPINGS = {\n  light: {\n    white: 'rgb(var(--uds-spectrum-color-gray-0))',\n    black: 'rgb(var(--uds-spectrum-color-gray-15))',\n  },\n  dark: {\n    white: 'rgb(var(--uds-spectrum-color-gray-15))',\n    black: 'rgb(var(--uds-spectrum-color-gray-0))',\n  },\n} as const;\n\n/**\n * Check if a color value represents white\n */\nfunction isWhiteColor(color: string): boolean {\n  const upperColor = color.toUpperCase();\n  return ['WHITE', '#FFFFFF', '#FFF'].includes(upperColor);\n}\n\n/**\n * Check if a color value represents black\n */\nfunction isBlackColor(color: string): boolean {\n  const upperColor = color.toUpperCase();\n  return ['BLACK', '#000000', '#000'].includes(upperColor);\n}\n\nexport interface ColorMode {\n  light: string;\n  dark: string;\n}\n\nexport interface ColorProcessor {\n  addColor: (hex: string, cssVar: string, mode: keyof ColorMode) => void;\n  getColorMap: (mode: keyof ColorMode) => Map<string, string>;\n}\n\n/**\n * Convert RGB values to hex color\n * @param r Red value (0-255)\n * @param g Green value (0-255)\n * @param b Blue value (0-255)\n * @returns Hex color string in format \"#RRGGBB\"\n */\nexport function rgbToHex(r: number, g: number, b: number): string {\n  const toHex = (n: number) =>\n    Math.round(n * 255)\n      .toString(16)\n      .padStart(2, '0')\n      .toUpperCase();\n  return `#${toHex(r)}${toHex(g)}${toHex(b)}`;\n}\n\n/**\n * Generate all possible hex color format variants\n * @param hex Hex color string in format \"#RRGGBB\"\n * @returns Array of all possible hex color format variants\n */\nexport const generateHexColorVariants = (hex: string) => {\n  return [\n    hex,\n    hex.toUpperCase(),\n    hex.toLowerCase(),\n    hex.replace('#', ''),\n    hex.toLowerCase().replace('#', ''),\n    hex.toUpperCase().replace('#', ''),\n  ];\n};\n\n/**\n * Creates a color processor that manages color mappings for light and dark modes\n */\nexport function createColorProcessor(): ColorProcessor {\n  const lightModeColors = new Map<string, string>();\n  const darkModeColors = new Map<string, string>();\n\n  return {\n    addColor(hex: string, cssVar: string, mode: keyof ColorMode) {\n      const colorMap = mode === 'light' ? lightModeColors : darkModeColors;\n      generateHexColorVariants(hex).forEach((format) => colorMap.set(format, cssVar));\n    },\n    getColorMap(mode: keyof ColorMode) {\n      return mode === 'light' ? lightModeColors : darkModeColors;\n    },\n  };\n}\n\n/**\n * Recursively resolves a variable alias to its final color value\n */\nexport function resolveVariableToFinalColor(\n  variables: Record<string, FigmaVariable>,\n  variableId: string,\n  modeId: string,\n  depth = 0,\n): FigmaColorValue | undefined {\n  if (depth > 10) {\n    console.warn('Max recursion depth reached while resolving variable:', variableId);\n    return undefined;\n  }\n\n  const variable = variables[variableId];\n  if (!variable?.valuesByMode) {\n    return undefined;\n  }\n\n  const modeValue = variable.valuesByMode[modeId];\n  if (!modeValue) {\n    return undefined;\n  }\n\n  // If it's a direct color value\n  if ('r' in modeValue && 'g' in modeValue && 'b' in modeValue) {\n    return modeValue as FigmaColorValue;\n  }\n\n  // If it's an alias, recursively resolve it\n  if (modeValue && typeof modeValue === 'object' && 'type' in modeValue) {\n    const alias = modeValue as FigmaVariableAlias;\n    if (alias.type === 'VARIABLE_ALIAS') {\n      return resolveVariableToFinalColor(variables, alias.id, modeId, depth + 1);\n    }\n  }\n\n  return undefined;\n}\n\n/**\n * Predefined fallback strategies for when a color doesn't match any CSS variables\n */\nexport type PredefinedFallback = 'preserve' | 'current';\n\n/**\n * Fallback can be either a predefined strategy or any valid color string\n */\nexport type ColorFallbackStrategy = PredefinedFallback | string;\n\n/**\n * Configuration options for SVG processing\n */\nexport interface SvgProcessingOptions {\n  /** How to handle colors that don't match any CSS variables.\n   * Can be:\n   * - 'current': Use currentColor (default)\n   * - 'preserve': Keep the original color\n   * - any color string: Use that color as fallback\n   * @default 'current'\n   */\n  fallback?: ColorFallbackStrategy;\n  /** The current color mode for color mapping\n   * @default 'light'\n   */\n  colorMode?: 'light' | 'dark';\n}\n\n/**\n * Options for processing an SVG\n */\nexport interface ProcessSvgOptions {\n  /** The SVG content to process */\n  svg: string;\n  /** Map of hex colors to CSS variables */\n  colorMap: Map<string, string>;\n  /** Processing configuration options */\n  options?: SvgProcessingOptions;\n}\n\nexport function processSvgWithVariables({\n  svg,\n  colorMap,\n  options = {},\n}: ProcessSvgOptions): string {\n  const { fallback = 'current', colorMode = 'light' } = options;\n\n  // Helper function to process color attributes\n  const processColor = (match: string, attr: string, color: string) => {\n    // Preserve special SVG values:\n    // - 'none': Valid SVG attribute meaning no fill/stroke\n    // - 'currentColor': React's dynamic color inheritance\n    // - CSS variables: Already processed colors\n    if (\n      color === 'none' ||\n      color === 'currentColor' ||\n      color.includes('rgb(var(--uds-spectrum-color')\n    ) {\n      return match;\n    }\n\n    // Handle color mode specific color mappings for black and white\n    // Skip if we're converting everything to currentColor\n    if (fallback !== 'current') {\n      if (isWhiteColor(color)) {\n        return `${attr}=\"${COLOR_MODE_MAPPINGS[colorMode].white}\"`;\n      }\n      if (isBlackColor(color)) {\n        return `${attr}=\"${COLOR_MODE_MAPPINGS[colorMode].black}\"`;\n      }\n    }\n\n    // Try to find a CSS variable for this color\n    const formats = generateHexColorVariants(color);\n\n    for (const format of formats) {\n      const cssVar = colorMap.get(format);\n      if (cssVar) {\n        return `${attr}=\"${cssVar}\"`;\n      }\n    }\n\n    // Handle unmapped colors based on fallback strategy\n    switch (fallback) {\n      case 'preserve':\n        return match;\n      case 'current':\n        return `${attr}=\"currentColor\"`;\n      default:\n        // For any other string, use it as a direct color value\n        return `${attr}=\"${fallback}\"`;\n    }\n  };\n\n  // Replace both fill and stroke colors in the SVG\n  return svg\n    .replace(/fill=\"([^\"]+)\"/g, (match, color) => processColor(match, 'fill', color))\n    .replace(/stroke=\"([^\"]+)\"/g, (match, color) => processColor(match, 'stroke', color));\n}\n\n/**\n * Initialize color processor by loading saved color map data from disk\n */\nexport async function initializeColorProcessor(\n  assetDir: string,\n): Promise<{ getColorMap: (mode: 'light' | 'dark') => Map<string, string> }> {\n  try {\n    const colorMapPath = path.join(assetDir, 'color-map.json');\n    const colorMapData = JSON.parse(await fs.readFile(colorMapPath, 'utf-8'));\n\n    return {\n      getColorMap: (mode: 'light' | 'dark') => {\n        const modeData = colorMapData[mode] || {};\n        return new Map<string, string>(Object.entries(modeData));\n      },\n    };\n  } catch (err) {\n    console.warn('Could not load color map data, using empty processor:', err);\n    return {\n      getColorMap: () => new Map<string, string>(),\n    };\n  }\n}\n"],"mappings":";;;;;;;;AAQA,MAAM,sBAAsB;CAC1B,OAAO;EACL,OAAO;EACP,OAAO;EACR;CACD,MAAM;EACJ,OAAO;EACP,OAAO;EACR;CACF;;;;AAKD,SAAS,aAAa,OAAwB;CAC5C,MAAM,aAAa,MAAM,aAAa;AACtC,QAAO;EAAC;EAAS;EAAW;EAAO,CAAC,SAAS,WAAW;;;;;AAM1D,SAAS,aAAa,OAAwB;CAC5C,MAAM,aAAa,MAAM,aAAa;AACtC,QAAO;EAAC;EAAS;EAAW;EAAO,CAAC,SAAS,WAAW;;;;;;;AAkC1D,MAAa,4BAA4B,QAAgB;AACvD,QAAO;EACL;EACA,IAAI,aAAa;EACjB,IAAI,aAAa;EACjB,IAAI,QAAQ,KAAK,GAAG;EACpB,IAAI,aAAa,CAAC,QAAQ,KAAK,GAAG;EAClC,IAAI,aAAa,CAAC,QAAQ,KAAK,GAAG;EACnC;;AAqGH,SAAgB,wBAAwB,EACtC,KACA,UACA,UAAU,EAAE,IACgB;CAC5B,MAAM,EAAE,WAAW,WAAW,YAAY,YAAY;CAGtD,MAAM,gBAAgB,OAAe,MAAc,UAAkB;AAKnE,MACE,UAAU,UACV,UAAU,kBACV,MAAM,SAAS,+BAA+B,CAE9C,QAAO;AAKT,MAAI,aAAa,WAAW;AAC1B,OAAI,aAAa,MAAM,CACrB,QAAO,GAAG,KAAK,IAAI,oBAAoB,WAAW,MAAM;AAE1D,OAAI,aAAa,MAAM,CACrB,QAAO,GAAG,KAAK,IAAI,oBAAoB,WAAW,MAAM;;EAK5D,MAAM,UAAU,yBAAyB,MAAM;AAE/C,OAAK,MAAM,UAAU,SAAS;GAC5B,MAAM,SAAS,SAAS,IAAI,OAAO;AACnC,OAAI,OACF,QAAO,GAAG,KAAK,IAAI,OAAO;;AAK9B,UAAQ,UAAR;GACE,KAAK,WACH,QAAO;GACT,KAAK,UACH,QAAO,GAAG,KAAK;GACjB,QAEE,QAAO,GAAG,KAAK,IAAI,SAAS;;;AAKlC,QAAO,IACJ,QAAQ,oBAAoB,OAAO,UAAU,aAAa,OAAO,QAAQ,MAAM,CAAC,CAChF,QAAQ,sBAAsB,OAAO,UAAU,aAAa,OAAO,UAAU,MAAM,CAAC"}

package/dist/scripts/normalizeSvgMarkup.cjs

@@ -0,0 +1,32 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+
+//#region scripts/normalizeSvgMarkup.ts
+function stripUnnecessarySvgWhitespace(svg) {
+	return svg.trim().replace(/>\s+</g, "><");
+}
+function expandSelfClosingSvgTags(svg) {
+	return svg.replace(/<([a-zA-Z][\w:-]*)([^<>]*?)\s*\/\s*>/g, "<$1$2></$1>");
+}
+function normalizeSvgMarkup(svg, name) {
+	let result = stripUnnecessarySvgWhitespace(svg);
+	result = expandSelfClosingSvgTags(result);
+	result = result.replace(/(fill|stroke)="([^"]+)"/gi, (match, attr, value) => {
+		if (value === "none") return match;
+		if (value === "currentColor") return match;
+		const upperValue = value.toUpperCase();
+		if ([
+			"BLACK",
+			"WHITE",
+			"#000000",
+			"#FFFFFF",
+			"#000",
+			"#FFF"
+		].includes(upperValue)) return `${attr}="currentColor"`;
+		if (name?.toLowerCase().includes("multicolor")) return match;
+		return match;
+	});
+	return stripUnnecessarySvgWhitespace(result);
+}
+
+//#endregion
+exports.normalizeSvgMarkup = normalizeSvgMarkup;

package/dist/scripts/normalizeSvgMarkup.js

@@ -0,0 +1,32 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+//#region scripts/normalizeSvgMarkup.ts
+function stripUnnecessarySvgWhitespace(svg) {
+	return svg.trim().replace(/>\s+</g, "><");
+}
+function expandSelfClosingSvgTags(svg) {
+	return svg.replace(/<([a-zA-Z][\w:-]*)([^<>]*?)\s*\/\s*>/g, "<$1$2></$1>");
+}
+function normalizeSvgMarkup(svg, name) {
+	let result = stripUnnecessarySvgWhitespace(svg);
+	result = expandSelfClosingSvgTags(result);
+	result = result.replace(/(fill|stroke)="([^"]+)"/gi, (match, attr, value) => {
+		if (value === "none") return match;
+		if (value === "currentColor") return match;
+		const upperValue = value.toUpperCase();
+		if ([
+			"BLACK",
+			"WHITE",
+			"#000000",
+			"#FFFFFF",
+			"#000",
+			"#FFF"
+		].includes(upperValue)) return `${attr}="currentColor"`;
+		if (name?.toLowerCase().includes("multicolor")) return match;
+		return match;
+	});
+	return stripUnnecessarySvgWhitespace(result);
+}
+
+//#endregion
+export { normalizeSvgMarkup };
+//# sourceMappingURL=normalizeSvgMarkup.js.map

package/dist/scripts/normalizeSvgMarkup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"normalizeSvgMarkup.js","names":[],"sources":["../../scripts/normalizeSvgMarkup.ts"],"sourcesContent":["function stripUnnecessarySvgWhitespace(svg: string): string {\n  return svg.trim().replace(/>\\s+</g, '><');\n}\n\nfunction expandSelfClosingSvgTags(svg: string): string {\n  return svg.replace(/<([a-zA-Z][\\w:-]*)([^<>]*?)\\s*\\/\\s*>/g, '<$1$2></$1>');\n}\n\nfunction normalizeSvgMarkup(svg: string, name?: string): string {\n  let result = stripUnnecessarySvgWhitespace(svg);\n  result = expandSelfClosingSvgTags(result);\n\n  result = result.replace(/(fill|stroke)=\"([^\"]+)\"/gi, (match, attr, value) => {\n    if (value === 'none') {\n      return match;\n    }\n\n    if (value === 'currentColor') {\n      return match;\n    }\n\n    const upperValue = value.toUpperCase();\n    if (['BLACK', 'WHITE', '#000000', '#FFFFFF', '#000', '#FFF'].includes(upperValue)) {\n      return `${attr}=\"currentColor\"`;\n    }\n\n    if (name?.toLowerCase().includes('multicolor')) {\n      return match;\n    }\n\n    return match;\n  });\n\n  return stripUnnecessarySvgWhitespace(result);\n}\n\nexport { normalizeSvgMarkup, stripUnnecessarySvgWhitespace };\n"],"mappings":";;AAAA,SAAS,8BAA8B,KAAqB;AAC1D,QAAO,IAAI,MAAM,CAAC,QAAQ,UAAU,KAAK;;AAG3C,SAAS,yBAAyB,KAAqB;AACrD,QAAO,IAAI,QAAQ,yCAAyC,cAAc;;AAG5E,SAAS,mBAAmB,KAAa,MAAuB;CAC9D,IAAI,SAAS,8BAA8B,IAAI;AAC/C,UAAS,yBAAyB,OAAO;AAEzC,UAAS,OAAO,QAAQ,8BAA8B,OAAO,MAAM,UAAU;AAC3E,MAAI,UAAU,OACZ,QAAO;AAGT,MAAI,UAAU,eACZ,QAAO;EAGT,MAAM,aAAa,MAAM,aAAa;AACtC,MAAI;GAAC;GAAS;GAAS;GAAW;GAAW;GAAQ;GAAO,CAAC,SAAS,WAAW,CAC/E,QAAO,GAAG,KAAK;AAGjB,MAAI,MAAM,aAAa,CAAC,SAAS,aAAa,CAC5C,QAAO;AAGT,SAAO;GACP;AAEF,QAAO,8BAA8B,OAAO"}

package/dist/scripts/processIconVariant.cjs

@@ -0,0 +1,45 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+const require_colorUtils = require('./colorUtils.cjs');
+
+//#region scripts/processIconVariant.ts
+const EMPTY_COLOR_MAP = /* @__PURE__ */ new Map();
+/**
+* Processes an SVG based on its variant type and returns the processed SVG content
+* with appropriate file name.
+*/
+function processIconVariant({ svg, component, getColorMap }) {
+	const { name, size, variant } = component;
+	let colorMode = "light";
+	let fallback = "current";
+	let filePrefix = variant;
+	if (!name || !size || !variant) throw new Error("Missing required component information");
+	if (variant === "fill" || variant === "outline") return {
+		fileName: `${name}-${variant}-${size}.svg`,
+		svg: require_colorUtils.processSvgWithVariables({
+			svg,
+			colorMap: EMPTY_COLOR_MAP
+		})
+	};
+	if (variant === "light" || variant === "dark") {
+		fallback = "preserve";
+		colorMode = variant;
+	} else if (variant === "multicolor") {
+		fallback = "preserve";
+		filePrefix = "multicolor";
+	}
+	const processedSvg = require_colorUtils.processSvgWithVariables({
+		svg,
+		colorMap: getColorMap(colorMode),
+		options: {
+			fallback,
+			colorMode
+		}
+	});
+	return {
+		fileName: `${name}-${filePrefix}-${size}.svg`,
+		svg: processedSvg
+	};
+}
+
+//#endregion
+exports.processIconVariant = processIconVariant;

package/dist/scripts/processIconVariant.js

@@ -0,0 +1,46 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+import { processSvgWithVariables } from "./colorUtils.js";
+
+//#region scripts/processIconVariant.ts
+const EMPTY_COLOR_MAP = /* @__PURE__ */ new Map();
+/**
+* Processes an SVG based on its variant type and returns the processed SVG content
+* with appropriate file name.
+*/
+function processIconVariant({ svg, component, getColorMap }) {
+	const { name, size, variant } = component;
+	let colorMode = "light";
+	let fallback = "current";
+	let filePrefix = variant;
+	if (!name || !size || !variant) throw new Error("Missing required component information");
+	if (variant === "fill" || variant === "outline") return {
+		fileName: `${name}-${variant}-${size}.svg`,
+		svg: processSvgWithVariables({
+			svg,
+			colorMap: EMPTY_COLOR_MAP
+		})
+	};
+	if (variant === "light" || variant === "dark") {
+		fallback = "preserve";
+		colorMode = variant;
+	} else if (variant === "multicolor") {
+		fallback = "preserve";
+		filePrefix = "multicolor";
+	}
+	const processedSvg = processSvgWithVariables({
+		svg,
+		colorMap: getColorMap(colorMode),
+		options: {
+			fallback,
+			colorMode
+		}
+	});
+	return {
+		fileName: `${name}-${filePrefix}-${size}.svg`,
+		svg: processedSvg
+	};
+}
+
+//#endregion
+export { processIconVariant };
+//# sourceMappingURL=processIconVariant.js.map

package/dist/scripts/processIconVariant.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"processIconVariant.js","names":[],"sources":["../../scripts/processIconVariant.ts"],"sourcesContent":["import { processSvgWithVariables } from './colorUtils';\nimport type { IconComponentInfo } from './types';\n\nconst EMPTY_COLOR_MAP = new Map<string, string>();\n\n/**\n * Options for processing an icon SVG\n */\nexport interface ProcessIconOptions {\n  /** The SVG content to process */\n  svg: string;\n  /** Component information including name, size, and variant */\n  component: IconComponentInfo;\n  /** Function to get color map for a given mode */\n  getColorMap: (mode: 'light' | 'dark') => Map<string, string>;\n}\n\n/**\n * Result of processing an icon SVG\n */\nexport interface ProcessedIcon {\n  /** The filename to save the processed SVG as */\n  fileName: string;\n  /** The processed SVG content */\n  svg: string;\n}\n\n/**\n * Processes an SVG based on its variant type and returns the processed SVG content\n * with appropriate file name.\n */\nexport function processIconVariant({\n  svg,\n  component,\n  getColorMap,\n}: ProcessIconOptions): ProcessedIcon {\n  const { name, size, variant } = component;\n  let colorMode: 'light' | 'dark' = 'light';\n  let fallback: 'preserve' | 'current' = 'current';\n  let filePrefix = variant;\n\n  if (!name || !size || !variant) {\n    throw new Error('Missing required component information');\n  }\n\n  // For fill/outline variants, we want to convert all colors to currentColor\n  // without any color mapping\n  if (variant === 'fill' || variant === 'outline') {\n    return {\n      fileName: `${name}-${variant}-${size}.svg`,\n      svg: processSvgWithVariables({ svg, colorMap: EMPTY_COLOR_MAP }),\n    };\n  }\n\n  // For multicolor, light, and dark variants, we want to do color mapping\n  // Determine color mode and fallback strategy based on variant\n  if (variant === 'light' || variant === 'dark') {\n    fallback = 'preserve';\n    colorMode = variant;\n  } else if (variant === 'multicolor') {\n    fallback = 'preserve';\n    filePrefix = 'multicolor';\n  }\n\n  // Process SVG with color mapping\n  const processedSvg = processSvgWithVariables({\n    svg,\n    colorMap: getColorMap(colorMode),\n    options: { fallback, colorMode },\n  });\n\n  return {\n    fileName: `${name}-${filePrefix}-${size}.svg`,\n    svg: processedSvg,\n  };\n}\n"],"mappings":";;;;AAGA,MAAM,kCAAkB,IAAI,KAAqB;;;;;AA4BjD,SAAgB,mBAAmB,EACjC,KACA,WACA,eACoC;CACpC,MAAM,EAAE,MAAM,MAAM,YAAY;CAChC,IAAI,YAA8B;CAClC,IAAI,WAAmC;CACvC,IAAI,aAAa;AAEjB,KAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,QACrB,OAAM,IAAI,MAAM,yCAAyC;AAK3D,KAAI,YAAY,UAAU,YAAY,UACpC,QAAO;EACL,UAAU,GAAG,KAAK,GAAG,QAAQ,GAAG,KAAK;EACrC,KAAK,wBAAwB;GAAE;GAAK,UAAU;GAAiB,CAAC;EACjE;AAKH,KAAI,YAAY,WAAW,YAAY,QAAQ;AAC7C,aAAW;AACX,cAAY;YACH,YAAY,cAAc;AACnC,aAAW;AACX,eAAa;;CAIf,MAAM,eAAe,wBAAwB;EAC3C;EACA,UAAU,YAAY,UAAU;EAChC,SAAS;GAAE;GAAU;GAAW;EACjC,CAAC;AAEF,QAAO;EACL,UAAU,GAAG,KAAK,GAAG,WAAW,GAAG,KAAK;EACxC,KAAK;EACN"}

package/dist/src/cli/createIconsCommand.cjs

@@ -0,0 +1,77 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
+const require_createIconsUtils = require('../createIconsUtils.cjs');
+const require_colors = require('../../cli/dist/lib/colors.cjs');
+const require_print = require('../../cli/dist/lib/print.cjs');
+let node_path = require("node:path");
+node_path = require_runtime.__toESM(node_path);
+
+//#region src/cli/createIconsCommand.ts
+const showHelp = () => {
+	require_print.print("");
+	require_print.print(`${require_colors.green("uds create-icons")} - Generate grouped IconDefinition modules from SVG files`);
+	require_print.print("");
+	require_print.print(`${require_colors.magenta("Usage:")}`);
+	require_print.print(`  ${require_colors.cyan("uds create-icons <PATH_TO_INPUT_DIR>")} [options]`);
+	require_print.print("");
+	require_print.print(`${require_colors.magenta("Arguments:")}`);
+	require_print.print(`  ${require_colors.cyan("PATH_TO_INPUT_DIR")}   Directory containing SVGs named IconName-variant-size.svg`);
+	require_print.print("");
+	require_print.print(`${require_colors.magenta("Options:")}`);
+	require_print.print(`  ${require_colors.cyan("--outDir <path>")}     Output directory (default: dist)`);
+	require_print.print(`  ${require_colors.cyan("--format <ts|js>")}    Output format (default: ts)`);
+	require_print.print(`  ${require_colors.cyan("--help, -h")}          Show this help message`);
+	require_print.print("");
+	require_print.print(`${require_colors.magenta("Example:")}`);
+	require_print.print(`  ${require_colors.gray("uds create-icons ./packages/icons/assets --outDir ./dist/icons")}`);
+	require_print.print("");
+};
+function getFormat(value) {
+	if (!value || typeof value !== "string") return "ts";
+	if (value === "ts" || value === "js") return value;
+	return null;
+}
+function getOutDir(optionValue) {
+	if (!optionValue || typeof optionValue !== "string") return node_path.default.resolve(process.cwd(), "dist");
+	return node_path.default.resolve(process.cwd(), optionValue);
+}
+const makeCreateIconsCommand = () => ({
+	name: "create-icons",
+	description: "Create grouped IconDefinition modules from SVG assets directory",
+	run: async ({ first, options }) => {
+		if (options.help === "true" || options.h === "true") {
+			showHelp();
+			return;
+		}
+		if (!first) {
+			require_print.print(require_colors.red("Missing input directory argument."));
+			showHelp();
+			process.exitCode = 1;
+			return;
+		}
+		const format = getFormat(options.format);
+		if (!format) {
+			require_print.print(require_colors.red(`Invalid --format value: ${String(options.format)}. Expected "ts" or "js".`));
+			process.exitCode = 1;
+			return;
+		}
+		const inputDir = node_path.default.resolve(process.cwd(), first);
+		const outDir = getOutDir(options.outDir);
+		try {
+			const result = await require_createIconsUtils.createIconsFromDirectory({
+				inputDir,
+				outDir,
+				format
+			});
+			require_print.print(require_colors.green(`Generated ${result.generatedCount} icon definition file(s) in ${outDir}.`));
+			require_print.print(require_colors.green(`Generated barrel file: ${result.barrelFilePath}`));
+			if (result.skippedFiles.length > 0) require_print.print(`Skipped ${result.skippedFiles.length} non-matching SVG file(s): ${result.skippedFiles.join(", ")}`);
+		} catch (error) {
+			require_print.print(require_colors.red(error.message));
+			process.exitCode = 1;
+		}
+	}
+});
+
+//#endregion
+exports.makeCreateIconsCommand = makeCreateIconsCommand;

package/dist/src/cli/createIconsCommand.d.cts

@@ -0,0 +1,8 @@
+
+import { Command } from "@yahoo/uds-cli/lib";
+
+//#region src/cli/createIconsCommand.d.ts
+declare const makeCreateIconsCommand: () => Command;
+//#endregion
+export { makeCreateIconsCommand };
+//# sourceMappingURL=createIconsCommand.d.cts.map

package/dist/src/cli/createIconsCommand.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createIconsCommand.d.cts","names":[],"sources":["../../../src/cli/createIconsCommand.ts"],"mappings":";;;;cAkDM,sBAAA,QAA6B,OAAA"}

package/dist/src/cli/createIconsCommand.d.ts

@@ -0,0 +1,8 @@
+
+import { Command } from "@yahoo/uds-cli/lib";
+
+//#region src/cli/createIconsCommand.d.ts
+declare const makeCreateIconsCommand: () => Command;
+//#endregion
+export { makeCreateIconsCommand };
+//# sourceMappingURL=createIconsCommand.d.ts.map

package/dist/src/cli/createIconsCommand.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createIconsCommand.d.ts","names":[],"sources":["../../../src/cli/createIconsCommand.ts"],"mappings":";;;;cAkDM,sBAAA,QAA6B,OAAA"}