Fix global namespace collisions

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phosphor-icons/react",
-  "version": "2.0.14",
+  "version": "2.0.15",
   "description": "A clean and friendly icon family for React",
   "author": {
     "name": "Tobias Fried",

scripts/assemble.ts

@@ -81,11 +81,14 @@ import type { Icon } from "../lib/types";
 import IconBase from "../lib/IconBase";
 import weights from "../defs/${name}";
 
-export const ${name}: Icon = forwardRef((props, ref) => (
+const I: Icon = forwardRef((props, ref) => (
   <IconBase ref={ref} {...props} weights={weights} />
 ));
 
-${name}.displayName = "${name}";
+I.displayName = "${name}";
+export { I as ${name}${
+      !!ALIASES[key] ? `, I as ${pascalize(ALIASES[key])}` : ""
+    } }
 `;
 
     let ssrString = `
@@ -95,11 +98,14 @@ import type { Icon } from "../lib/types";
 import SSRBase from "../lib/SSRBase";
 import weights from "../defs/${name}";
 
-export const ${name}: Icon = forwardRef((props, ref) => (
+const I: Icon = forwardRef((props, ref) => (
   <SSRBase ref={ref} {...props} weights={weights} />
 ));
 
-${name}.displayName = "${name}";
+I.displayName = "${name}";
+export { I as ${name}${
+      !!ALIASES[key] ? `, I as ${pascalize(ALIASES[key])}` : ""
+    } }
 `;
 
     try {
@@ -150,14 +156,10 @@ export { default as SSRBase } from "../lib/SSRBase";
   for (let key in icons) {
     const name = pascalize(key);
     csrIndex += `\
-export { ${name}${
-      !!ALIASES[key] ? `, ${name} as ${pascalize(ALIASES[key])}` : ""
-    } } from "./csr/${name}";
+export * from "./csr/${name}";
 `;
     ssrIndex += `\
-export { ${name}${
-      !!ALIASES[key] ? `, ${name} as ${pascalize(ALIASES[key])}` : ""
-    } } from "./${name}";
+export * from "./${name}";
 `;
   }
   try {

src/csr/AddressBook.tsx

@@ -4,8 +4,9 @@ import type { Icon } from "../lib/types";
 import IconBase from "../lib/IconBase";
 import weights from "../defs/AddressBook";
 
-export const AddressBook: Icon = forwardRef((props, ref) => (
+const I: Icon = forwardRef((props, ref) => (
   <IconBase ref={ref} {...props} weights={weights} />
 ));
 
-AddressBook.displayName = "AddressBook";
+I.displayName = "AddressBook";
+export { I as AddressBook };

src/csr/AirTrafficControl.tsx

@@ -4,8 +4,9 @@ import type { Icon } from "../lib/types";
 import IconBase from "../lib/IconBase";
 import weights from "../defs/AirTrafficControl";
 
-export const AirTrafficControl: Icon = forwardRef((props, ref) => (
+const I: Icon = forwardRef((props, ref) => (
   <IconBase ref={ref} {...props} weights={weights} />
 ));
 
-AirTrafficControl.displayName = "AirTrafficControl";
+I.displayName = "AirTrafficControl";
+export { I as AirTrafficControl };

src/csr/Airplane.tsx

@@ -4,8 +4,9 @@ import type { Icon } from "../lib/types";
 import IconBase from "../lib/IconBase";
 import weights from "../defs/Airplane";
 
-export const Airplane: Icon = forwardRef((props, ref) => (
+const I: Icon = forwardRef((props, ref) => (
   <IconBase ref={ref} {...props} weights={weights} />
 ));
 
-Airplane.displayName = "Airplane";
+I.displayName = "Airplane";
+export { I as Airplane };

src/csr/AirplaneInFlight.tsx

@@ -4,8 +4,9 @@ import type { Icon } from "../lib/types";
 import IconBase from "../lib/IconBase";
 import weights from "../defs/AirplaneInFlight";
 
-export const AirplaneInFlight: Icon = forwardRef((props, ref) => (
+const I: Icon = forwardRef((props, ref) => (
   <IconBase ref={ref} {...props} weights={weights} />
 ));
 
-AirplaneInFlight.displayName = "AirplaneInFlight";
+I.displayName = "AirplaneInFlight";
+export { I as AirplaneInFlight };

src/csr/AirplaneLanding.tsx

@@ -4,8 +4,9 @@ import type { Icon } from "../lib/types";
 import IconBase from "../lib/IconBase";
 import weights from "../defs/AirplaneLanding";
 
-export const AirplaneLanding: Icon = forwardRef((props, ref) => (
+const I: Icon = forwardRef((props, ref) => (
   <IconBase ref={ref} {...props} weights={weights} />
 ));
 
-AirplaneLanding.displayName = "AirplaneLanding";
+I.displayName = "AirplaneLanding";
+export { I as AirplaneLanding };

src/csr/AirplaneTakeoff.tsx

@@ -4,8 +4,9 @@ import type { Icon } from "../lib/types";
 import IconBase from "../lib/IconBase";
 import weights from "../defs/AirplaneTakeoff";
 
-export const AirplaneTakeoff: Icon = forwardRef((props, ref) => (
+const I: Icon = forwardRef((props, ref) => (
   <IconBase ref={ref} {...props} weights={weights} />
 ));
 
-AirplaneTakeoff.displayName = "AirplaneTakeoff";
+I.displayName = "AirplaneTakeoff";
+export { I as AirplaneTakeoff };

src/csr/AirplaneTilt.tsx

@@ -4,8 +4,9 @@ import type { Icon } from "../lib/types";
 import IconBase from "../lib/IconBase";
 import weights from "../defs/AirplaneTilt";
 
-export const AirplaneTilt: Icon = forwardRef((props, ref) => (
+const I: Icon = forwardRef((props, ref) => (
   <IconBase ref={ref} {...props} weights={weights} />
 ));
 
-AirplaneTilt.displayName = "AirplaneTilt";
+I.displayName = "AirplaneTilt";
+export { I as AirplaneTilt };

src/csr/Airplay.tsx

@@ -4,8 +4,9 @@ import type { Icon } from "../lib/types";
 import IconBase from "../lib/IconBase";
 import weights from "../defs/Airplay";
 
-export const Airplay: Icon = forwardRef((props, ref) => (
+const I: Icon = forwardRef((props, ref) => (
   <IconBase ref={ref} {...props} weights={weights} />
 ));
 
-Airplay.displayName = "Airplay";
+I.displayName = "Airplay";
+export { I as Airplay };

src/csr/Alarm.tsx

@@ -4,8 +4,9 @@ import type { Icon } from "../lib/types";
 import IconBase from "../lib/IconBase";
 import weights from "../defs/Alarm";
 
-export const Alarm: Icon = forwardRef((props, ref) => (
+const I: Icon = forwardRef((props, ref) => (
   <IconBase ref={ref} {...props} weights={weights} />
 ));
 
-Alarm.displayName = "Alarm";
+I.displayName = "Alarm";
+export { I as Alarm };

src/csr/Alien.tsx

@@ -4,8 +4,9 @@ import type { Icon } from "../lib/types";
 import IconBase from "../lib/IconBase";
 import weights from "../defs/Alien";
 
-export const Alien: Icon = forwardRef((props, ref) => (
+const I: Icon = forwardRef((props, ref) => (
   <IconBase ref={ref} {...props} weights={weights} />
 ));
 
-Alien.displayName = "Alien";
+I.displayName = "Alien";
+export { I as Alien };

src/csr/AlignBottom.tsx

@@ -4,8 +4,9 @@ import type { Icon } from "../lib/types";
 import IconBase from "../lib/IconBase";
 import weights from "../defs/AlignBottom";
 
-export const AlignBottom: Icon = forwardRef((props, ref) => (
+const I: Icon = forwardRef((props, ref) => (
   <IconBase ref={ref} {...props} weights={weights} />
 ));
 
-AlignBottom.displayName = "AlignBottom";
+I.displayName = "AlignBottom";
+export { I as AlignBottom };

src/csr/AlignBottomSimple.tsx

@@ -4,8 +4,9 @@ import type { Icon } from "../lib/types";
 import IconBase from "../lib/IconBase";
 import weights from "../defs/AlignBottomSimple";
 
-export const AlignBottomSimple: Icon = forwardRef((props, ref) => (
+const I: Icon = forwardRef((props, ref) => (
   <IconBase ref={ref} {...props} weights={weights} />
 ));
 
-AlignBottomSimple.displayName = "AlignBottomSimple";
+I.displayName = "AlignBottomSimple";
+export { I as AlignBottomSimple };

src/csr/AlignCenterHorizontal.tsx

@@ -4,8 +4,9 @@ import type { Icon } from "../lib/types";
 import IconBase from "../lib/IconBase";
 import weights from "../defs/AlignCenterHorizontal";
 
-export const AlignCenterHorizontal: Icon = forwardRef((props, ref) => (
+const I: Icon = forwardRef((props, ref) => (
   <IconBase ref={ref} {...props} weights={weights} />
 ));
 
-AlignCenterHorizontal.displayName = "AlignCenterHorizontal";
+I.displayName = "AlignCenterHorizontal";
+export { I as AlignCenterHorizontal };

src/csr/AlignCenterHorizontalSimple.tsx

@@ -4,8 +4,9 @@ import type { Icon } from "../lib/types";
 import IconBase from "../lib/IconBase";
 import weights from "../defs/AlignCenterHorizontalSimple";
 
-export const AlignCenterHorizontalSimple: Icon = forwardRef((props, ref) => (
+const I: Icon = forwardRef((props, ref) => (
   <IconBase ref={ref} {...props} weights={weights} />
 ));
 
-AlignCenterHorizontalSimple.displayName = "AlignCenterHorizontalSimple";
+I.displayName = "AlignCenterHorizontalSimple";
+export { I as AlignCenterHorizontalSimple };

src/csr/AlignCenterVertical.tsx

@@ -4,8 +4,9 @@ import type { Icon } from "../lib/types";
 import IconBase from "../lib/IconBase";
 import weights from "../defs/AlignCenterVertical";
 
-export const AlignCenterVertical: Icon = forwardRef((props, ref) => (
+const I: Icon = forwardRef((props, ref) => (
   <IconBase ref={ref} {...props} weights={weights} />
 ));
 
-AlignCenterVertical.displayName = "AlignCenterVertical";
+I.displayName = "AlignCenterVertical";
+export { I as AlignCenterVertical };

src/csr/AlignCenterVerticalSimple.tsx

@@ -4,8 +4,9 @@ import type { Icon } from "../lib/types";
 import IconBase from "../lib/IconBase";
 import weights from "../defs/AlignCenterVerticalSimple";
 
-export const AlignCenterVerticalSimple: Icon = forwardRef((props, ref) => (
+const I: Icon = forwardRef((props, ref) => (
   <IconBase ref={ref} {...props} weights={weights} />
 ));
 
-AlignCenterVerticalSimple.displayName = "AlignCenterVerticalSimple";
+I.displayName = "AlignCenterVerticalSimple";
+export { I as AlignCenterVerticalSimple };

src/csr/AlignLeft.tsx

@@ -4,8 +4,9 @@ import type { Icon } from "../lib/types";
 import IconBase from "../lib/IconBase";
 import weights from "../defs/AlignLeft";
 
-export const AlignLeft: Icon = forwardRef((props, ref) => (
+const I: Icon = forwardRef((props, ref) => (
   <IconBase ref={ref} {...props} weights={weights} />
 ));
 
-AlignLeft.displayName = "AlignLeft";
+I.displayName = "AlignLeft";
+export { I as AlignLeft };

src/csr/AlignLeftSimple.tsx

@@ -4,8 +4,9 @@ import type { Icon } from "../lib/types";
 import IconBase from "../lib/IconBase";
 import weights from "../defs/AlignLeftSimple";
 
-export const AlignLeftSimple: Icon = forwardRef((props, ref) => (
+const I: Icon = forwardRef((props, ref) => (
   <IconBase ref={ref} {...props} weights={weights} />
 ));
 
-AlignLeftSimple.displayName = "AlignLeftSimple";
+I.displayName = "AlignLeftSimple";
+export { I as AlignLeftSimple };

src/csr/AlignRight.tsx

@@ -4,8 +4,9 @@ import type { Icon } from "../lib/types";
 import IconBase from "../lib/IconBase";
 import weights from "../defs/AlignRight";
 
-export const AlignRight: Icon = forwardRef((props, ref) => (
+const I: Icon = forwardRef((props, ref) => (
   <IconBase ref={ref} {...props} weights={weights} />
 ));
 
-AlignRight.displayName = "AlignRight";
+I.displayName = "AlignRight";
+export { I as AlignRight };

src/csr/AlignRightSimple.tsx

@@ -4,8 +4,9 @@ import type { Icon } from "../lib/types";
 import IconBase from "../lib/IconBase";
 import weights from "../defs/AlignRightSimple";
 
-export const AlignRightSimple: Icon = forwardRef((props, ref) => (
+const I: Icon = forwardRef((props, ref) => (
   <IconBase ref={ref} {...props} weights={weights} />
 ));
 
-AlignRightSimple.displayName = "AlignRightSimple";
+I.displayName = "AlignRightSimple";
+export { I as AlignRightSimple };

src/csr/AlignTop.tsx

@@ -4,8 +4,9 @@ import type { Icon } from "../lib/types";
 import IconBase from "../lib/IconBase";
 import weights from "../defs/AlignTop";
 
-export const AlignTop: Icon = forwardRef((props, ref) => (
+const I: Icon = forwardRef((props, ref) => (
   <IconBase ref={ref} {...props} weights={weights} />
 ));
 
-AlignTop.displayName = "AlignTop";
+I.displayName = "AlignTop";
+export { I as AlignTop };

src/csr/AlignTopSimple.tsx

@@ -4,8 +4,9 @@ import type { Icon } from "../lib/types";
 import IconBase from "../lib/IconBase";
 import weights from "../defs/AlignTopSimple";
 
-export const AlignTopSimple: Icon = forwardRef((props, ref) => (
+const I: Icon = forwardRef((props, ref) => (
   <IconBase ref={ref} {...props} weights={weights} />
 ));
 
-AlignTopSimple.displayName = "AlignTopSimple";
+I.displayName = "AlignTopSimple";
+export { I as AlignTopSimple };

src/csr/AmazonLogo.tsx

@@ -4,8 +4,9 @@ import type { Icon } from "../lib/types";
 import IconBase from "../lib/IconBase";
 import weights from "../defs/AmazonLogo";
 
-export const AmazonLogo: Icon = forwardRef((props, ref) => (
+const I: Icon = forwardRef((props, ref) => (
   <IconBase ref={ref} {...props} weights={weights} />
 ));
 
-AmazonLogo.displayName = "AmazonLogo";
+I.displayName = "AmazonLogo";
+export { I as AmazonLogo };

src/csr/Anchor.tsx

@@ -4,8 +4,9 @@ import type { Icon } from "../lib/types";
 import IconBase from "../lib/IconBase";
 import weights from "../defs/Anchor";
 
-export const Anchor: Icon = forwardRef((props, ref) => (
+const I: Icon = forwardRef((props, ref) => (
   <IconBase ref={ref} {...props} weights={weights} />
 ));
 
-Anchor.displayName = "Anchor";
+I.displayName = "Anchor";
+export { I as Anchor };

src/csr/AnchorSimple.tsx

@@ -4,8 +4,9 @@ import type { Icon } from "../lib/types";
 import IconBase from "../lib/IconBase";
 import weights from "../defs/AnchorSimple";
 
-export const AnchorSimple: Icon = forwardRef((props, ref) => (
+const I: Icon = forwardRef((props, ref) => (
   <IconBase ref={ref} {...props} weights={weights} />
 ));
 
-AnchorSimple.displayName = "AnchorSimple";
+I.displayName = "AnchorSimple";
+export { I as AnchorSimple };

src/csr/AndroidLogo.tsx

@@ -4,8 +4,9 @@ import type { Icon } from "../lib/types";
 import IconBase from "../lib/IconBase";
 import weights from "../defs/AndroidLogo";
 
-export const AndroidLogo: Icon = forwardRef((props, ref) => (
+const I: Icon = forwardRef((props, ref) => (
   <IconBase ref={ref} {...props} weights={weights} />
 ));
 
-AndroidLogo.displayName = "AndroidLogo";
+I.displayName = "AndroidLogo";
+export { I as AndroidLogo };

src/csr/AngularLogo.tsx

@@ -4,8 +4,9 @@ import type { Icon } from "../lib/types";
 import IconBase from "../lib/IconBase";
 import weights from "../defs/AngularLogo";
 
-export const AngularLogo: Icon = forwardRef((props, ref) => (
+const I: Icon = forwardRef((props, ref) => (
   <IconBase ref={ref} {...props} weights={weights} />
 ));
 
-AngularLogo.displayName = "AngularLogo";
+I.displayName = "AngularLogo";
+export { I as AngularLogo };

src/csr/Aperture.tsx

@@ -4,8 +4,9 @@ import type { Icon } from "../lib/types";
 import IconBase from "../lib/IconBase";
 import weights from "../defs/Aperture";
 
-export const Aperture: Icon = forwardRef((props, ref) => (
+const I: Icon = forwardRef((props, ref) => (
   <IconBase ref={ref} {...props} weights={weights} />
 ));
 
-Aperture.displayName = "Aperture";
+I.displayName = "Aperture";
+export { I as Aperture };