Merge branch 'refs/heads/main' into package/angularv17

# Conflicts:
#	packages/lucide-angular/package.json
#	packages/lucide-angular/scripts/exportTemplate.mts
#	pnpm-lock.yaml
#	tools/build-icons/building/generateExportsFile.ts
#	tools/build-icons/building/generateIconFiles.ts

packages/lucide-angular/scripts/exportTemplate.mts

@@ -1,22 +1,35 @@
-/* eslint-disable import/no-extraneous-dependencies */
-import base64SVG from '@lucide/build-icons/utils/base64SVG.mjs';
+import base64SVG from '@lucide/build-icons/utils/base64SVG';
+import defineExportTemplate from '@lucide/build-icons/utils/defineExportTemplate';
 
-export default async ({
-                        componentName,
-                        iconName,
-                        children,
-                        getSvg,
-                        deprecated,
-                        deprecationReason,
-                        aliases = [],
-                        toPascalCase,
-                      }) => {
+export default defineExportTemplate(async ({
+  componentName,
+  iconName,
+  children,
+  getSvg,
+  deprecated,
+  deprecationReason,
+  aliases = [],
+  toPascalCase,
+}) => {
   const svgContents = await getSvg();
   const svgBase64 = base64SVG(svgContents);
   const angularComponentName = `Lucide${componentName}Component`;
-  let names = {
-    [iconName]: componentName,
-  };
+  const selectors = [`svg[lucide-${iconName}]`];
+  const aliasExports: {[aliasComponentName: string]: string[]} = {};
+  for (const alias of aliases) {
+    const aliasName = typeof alias === 'string' ? alias : alias.name;
+    const aliasComponentName = `Lucide${toPascalCase(aliasName)}Component`;
+    const aliasSelector = `svg[lucide-${aliasName}]`;
+    if (aliasComponentName === angularComponentName) {
+      selectors.push(aliasSelector);
+    } else {
+      if (aliasComponentName in aliasExports) {
+        aliasExports[aliasComponentName] = [aliasSelector];
+      } else {
+        aliasExports[aliasComponentName].push(aliasSelector);
+      }
+    }
+  }
 
   return `\
 import { LucideIconData } from './types';
@@ -34,7 +47,7 @@ import { Component } from '@angular/core';
  * ${deprecated ? `@deprecated ${deprecationReason}` : ''}
 */
 @Component({
-  selector: 'lucide-${iconName}',
+  selector: '${selectors.join(', ')}',
   template: '',
   standalone: true,
 })
@@ -43,23 +56,20 @@ export class ${angularComponentName} extends LucideAngularComponent {
   override name = '${iconName}';
 }
 
-${aliases?.map(alias => {
-    const aliasName = typeof alias === 'string' ? alias : alias.name;
-    const aliasComponentName = toPascalCase(aliasName);
-
+${Object.entries(aliasExports).map(([aliasComponentName, aliasSelectors]) => {
     return `
 /**
  * @deprecated
  * @see ${angularComponentName}
  */
 @Component({
-  selector: 'lucide-${alias}',
+  selector: '${aliasSelectors.join(', ')}',
   template: '',
   standalone: true,
 })
-export class Lucide${aliasComponentName}Component extends ${angularComponentName} {
+export class ${aliasComponentName} extends ${angularComponentName} {
 }
 `;
   }).join(`\n\n`)}
 `;
-};
+});