fix(lib): include more missing React imports for classic JSX runtime

scripts/assemble.ts

@@ -76,7 +76,7 @@ ${Object.entries(icon)
 
     let csrString = `
 /* GENERATED FILE */
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 import type { Icon } from "../lib/types";
 import IconBase from "../lib/IconBase";
 import weights from "../defs/${name}";
@@ -93,7 +93,7 @@ export { I as ${name}${
 
     let ssrString = `
 /* GENERATED FILE */
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 import type { Icon } from "../lib/types";
 import SSRBase from "../lib/SSRBase";
 import weights from "../defs/${name}";

scripts/index.ts

@@ -2,7 +2,9 @@ import fs from "node:fs";
 import path from "node:path";
 import { fileURLToPath } from "node:url";
 import chalk from "chalk";
-import { IconStyle, icons } from "../core/src";
+import * as Core from "../core/src";
+
+const { IconStyle, icons } = (Core as any).default as typeof Core;
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
@@ -21,7 +23,7 @@ export const ALIASES = icons.reduce<Record<string, string>>((acc, curr) => {
   return acc;
 }, {});
 
-export type AssetMap = Record<string, Record<IconStyle, string>>;
+export type AssetMap = Record<string, Record<Core.IconStyle, string>>;
 
 export function readAssetsFromDisk(): AssetMap {
   const assetsFolder = fs.readdirSync(ASSETS_PATH, "utf-8");
@@ -31,7 +33,7 @@ export function readAssetsFromDisk(): AssetMap {
   assetsFolder.forEach((weight) => {
     if (!fs.lstatSync(path.join(ASSETS_PATH, weight)).isDirectory()) return;
 
-    if (!WEIGHTS.includes(weight as IconStyle)) {
+    if (!WEIGHTS.includes(weight as Core.IconStyle)) {
       console.error(`${chalk.inverse.red(" ERR ")} Bad folder name ${weight}`);
       process.exit(1);
     }
@@ -88,7 +90,7 @@ export function verifyIcons(icons: AssetMap) {
       !(
         weightsPresent.length === 6 &&
         weightsPresent.every(
-          (w) => WEIGHTS.includes(w as IconStyle) && !!icon[w]
+          (w) => WEIGHTS.includes(w as Core.IconStyle) && !!icon[w]
         )
       )
     ) {

src/csr/Acorn.tsx

@@ -1,6 +1,5 @@
-
 /* GENERATED FILE */
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 import type { Icon } from "../lib/types";
 import IconBase from "../lib/IconBase";
 import weights from "../defs/Acorn";
@@ -10,4 +9,4 @@ const I: Icon = forwardRef((props, ref) => (
 ));
 
 I.displayName = "Acorn";
-export { I as Acorn }
+export { I as Acorn };

src/csr/AddressBook.tsx

@@ -1,6 +1,5 @@
-
 /* GENERATED FILE */
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 import type { Icon } from "../lib/types";
 import IconBase from "../lib/IconBase";
 import weights from "../defs/AddressBook";
@@ -10,4 +9,4 @@ const I: Icon = forwardRef((props, ref) => (
 ));
 
 I.displayName = "AddressBook";
-export { I as AddressBook }
+export { I as AddressBook };

src/csr/AddressBookTabs.tsx

@@ -1,6 +1,5 @@
-
 /* GENERATED FILE */
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 import type { Icon } from "../lib/types";
 import IconBase from "../lib/IconBase";
 import weights from "../defs/AddressBookTabs";
@@ -10,4 +9,4 @@ const I: Icon = forwardRef((props, ref) => (
 ));
 
 I.displayName = "AddressBookTabs";
-export { I as AddressBookTabs }
+export { I as AddressBookTabs };

src/csr/AirTrafficControl.tsx

@@ -1,6 +1,5 @@
-
 /* GENERATED FILE */
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 import type { Icon } from "../lib/types";
 import IconBase from "../lib/IconBase";
 import weights from "../defs/AirTrafficControl";
@@ -10,4 +9,4 @@ const I: Icon = forwardRef((props, ref) => (
 ));
 
 I.displayName = "AirTrafficControl";
-export { I as AirTrafficControl }
+export { I as AirTrafficControl };

src/csr/Airplane.tsx

@@ -1,6 +1,5 @@
-
 /* GENERATED FILE */
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 import type { Icon } from "../lib/types";
 import IconBase from "../lib/IconBase";
 import weights from "../defs/Airplane";
@@ -10,4 +9,4 @@ const I: Icon = forwardRef((props, ref) => (
 ));
 
 I.displayName = "Airplane";
-export { I as Airplane }
+export { I as Airplane };

src/csr/AirplaneInFlight.tsx

@@ -1,6 +1,5 @@
-
 /* GENERATED FILE */
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 import type { Icon } from "../lib/types";
 import IconBase from "../lib/IconBase";
 import weights from "../defs/AirplaneInFlight";
@@ -10,4 +9,4 @@ const I: Icon = forwardRef((props, ref) => (
 ));
 
 I.displayName = "AirplaneInFlight";
-export { I as AirplaneInFlight }
+export { I as AirplaneInFlight };

src/csr/AirplaneLanding.tsx

@@ -1,6 +1,5 @@
-
 /* GENERATED FILE */
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 import type { Icon } from "../lib/types";
 import IconBase from "../lib/IconBase";
 import weights from "../defs/AirplaneLanding";
@@ -10,4 +9,4 @@ const I: Icon = forwardRef((props, ref) => (
 ));
 
 I.displayName = "AirplaneLanding";
-export { I as AirplaneLanding }
+export { I as AirplaneLanding };

src/csr/AirplaneTakeoff.tsx

@@ -1,6 +1,5 @@
-
 /* GENERATED FILE */
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 import type { Icon } from "../lib/types";
 import IconBase from "../lib/IconBase";
 import weights from "../defs/AirplaneTakeoff";
@@ -10,4 +9,4 @@ const I: Icon = forwardRef((props, ref) => (
 ));
 
 I.displayName = "AirplaneTakeoff";
-export { I as AirplaneTakeoff }
+export { I as AirplaneTakeoff };

src/csr/AirplaneTaxiing.tsx

@@ -1,6 +1,5 @@
-
 /* GENERATED FILE */
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 import type { Icon } from "../lib/types";
 import IconBase from "../lib/IconBase";
 import weights from "../defs/AirplaneTaxiing";
@@ -10,4 +9,4 @@ const I: Icon = forwardRef((props, ref) => (
 ));
 
 I.displayName = "AirplaneTaxiing";
-export { I as AirplaneTaxiing }
+export { I as AirplaneTaxiing };

src/csr/AirplaneTilt.tsx

@@ -1,6 +1,5 @@
-
 /* GENERATED FILE */
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 import type { Icon } from "../lib/types";
 import IconBase from "../lib/IconBase";
 import weights from "../defs/AirplaneTilt";
@@ -10,4 +9,4 @@ const I: Icon = forwardRef((props, ref) => (
 ));
 
 I.displayName = "AirplaneTilt";
-export { I as AirplaneTilt }
+export { I as AirplaneTilt };

src/csr/Airplay.tsx

@@ -1,6 +1,5 @@
-
 /* GENERATED FILE */
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 import type { Icon } from "../lib/types";
 import IconBase from "../lib/IconBase";
 import weights from "../defs/Airplay";
@@ -10,4 +9,4 @@ const I: Icon = forwardRef((props, ref) => (
 ));
 
 I.displayName = "Airplay";
-export { I as Airplay }
+export { I as Airplay };

src/csr/Alarm.tsx

@@ -1,6 +1,5 @@
-
 /* GENERATED FILE */
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 import type { Icon } from "../lib/types";
 import IconBase from "../lib/IconBase";
 import weights from "../defs/Alarm";
@@ -10,4 +9,4 @@ const I: Icon = forwardRef((props, ref) => (
 ));
 
 I.displayName = "Alarm";
-export { I as Alarm }
+export { I as Alarm };

src/csr/Alien.tsx

@@ -1,6 +1,5 @@
-
 /* GENERATED FILE */
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 import type { Icon } from "../lib/types";
 import IconBase from "../lib/IconBase";
 import weights from "../defs/Alien";
@@ -10,4 +9,4 @@ const I: Icon = forwardRef((props, ref) => (
 ));
 
 I.displayName = "Alien";
-export { I as Alien }
+export { I as Alien };

src/csr/AlignBottom.tsx

@@ -1,6 +1,5 @@
-
 /* GENERATED FILE */
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 import type { Icon } from "../lib/types";
 import IconBase from "../lib/IconBase";
 import weights from "../defs/AlignBottom";
@@ -10,4 +9,4 @@ const I: Icon = forwardRef((props, ref) => (
 ));
 
 I.displayName = "AlignBottom";
-export { I as AlignBottom }
+export { I as AlignBottom };

src/csr/AlignBottomSimple.tsx

@@ -1,6 +1,5 @@
-
 /* GENERATED FILE */
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 import type { Icon } from "../lib/types";
 import IconBase from "../lib/IconBase";
 import weights from "../defs/AlignBottomSimple";
@@ -10,4 +9,4 @@ const I: Icon = forwardRef((props, ref) => (
 ));
 
 I.displayName = "AlignBottomSimple";
-export { I as AlignBottomSimple }
+export { I as AlignBottomSimple };

src/csr/AlignCenterHorizontal.tsx

@@ -1,6 +1,5 @@
-
 /* GENERATED FILE */
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 import type { Icon } from "../lib/types";
 import IconBase from "../lib/IconBase";
 import weights from "../defs/AlignCenterHorizontal";
@@ -10,4 +9,4 @@ const I: Icon = forwardRef((props, ref) => (
 ));
 
 I.displayName = "AlignCenterHorizontal";
-export { I as AlignCenterHorizontal }
+export { I as AlignCenterHorizontal };

src/csr/AlignCenterHorizontalSimple.tsx

@@ -1,6 +1,5 @@
-
 /* GENERATED FILE */
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 import type { Icon } from "../lib/types";
 import IconBase from "../lib/IconBase";
 import weights from "../defs/AlignCenterHorizontalSimple";
@@ -10,4 +9,4 @@ const I: Icon = forwardRef((props, ref) => (
 ));
 
 I.displayName = "AlignCenterHorizontalSimple";
-export { I as AlignCenterHorizontalSimple }
+export { I as AlignCenterHorizontalSimple };

src/csr/AlignCenterVertical.tsx

@@ -1,6 +1,5 @@
-
 /* GENERATED FILE */
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 import type { Icon } from "../lib/types";
 import IconBase from "../lib/IconBase";
 import weights from "../defs/AlignCenterVertical";
@@ -10,4 +9,4 @@ const I: Icon = forwardRef((props, ref) => (
 ));
 
 I.displayName = "AlignCenterVertical";
-export { I as AlignCenterVertical }
+export { I as AlignCenterVertical };

src/csr/AlignCenterVerticalSimple.tsx

@@ -1,6 +1,5 @@
-
 /* GENERATED FILE */
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 import type { Icon } from "../lib/types";
 import IconBase from "../lib/IconBase";
 import weights from "../defs/AlignCenterVerticalSimple";
@@ -10,4 +9,4 @@ const I: Icon = forwardRef((props, ref) => (
 ));
 
 I.displayName = "AlignCenterVerticalSimple";
-export { I as AlignCenterVerticalSimple }
+export { I as AlignCenterVerticalSimple };

src/csr/AlignLeft.tsx

@@ -1,6 +1,5 @@
-
 /* GENERATED FILE */
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 import type { Icon } from "../lib/types";
 import IconBase from "../lib/IconBase";
 import weights from "../defs/AlignLeft";
@@ -10,4 +9,4 @@ const I: Icon = forwardRef((props, ref) => (
 ));
 
 I.displayName = "AlignLeft";
-export { I as AlignLeft }
+export { I as AlignLeft };

src/csr/AlignLeftSimple.tsx

@@ -1,6 +1,5 @@
-
 /* GENERATED FILE */
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 import type { Icon } from "../lib/types";
 import IconBase from "../lib/IconBase";
 import weights from "../defs/AlignLeftSimple";
@@ -10,4 +9,4 @@ const I: Icon = forwardRef((props, ref) => (
 ));
 
 I.displayName = "AlignLeftSimple";
-export { I as AlignLeftSimple }
+export { I as AlignLeftSimple };

src/csr/AlignRight.tsx

@@ -1,6 +1,5 @@
-
 /* GENERATED FILE */
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 import type { Icon } from "../lib/types";
 import IconBase from "../lib/IconBase";
 import weights from "../defs/AlignRight";
@@ -10,4 +9,4 @@ const I: Icon = forwardRef((props, ref) => (
 ));
 
 I.displayName = "AlignRight";
-export { I as AlignRight }
+export { I as AlignRight };

src/csr/AlignRightSimple.tsx

@@ -1,6 +1,5 @@
-
 /* GENERATED FILE */
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 import type { Icon } from "../lib/types";
 import IconBase from "../lib/IconBase";
 import weights from "../defs/AlignRightSimple";
@@ -10,4 +9,4 @@ const I: Icon = forwardRef((props, ref) => (
 ));
 
 I.displayName = "AlignRightSimple";
-export { I as AlignRightSimple }
+export { I as AlignRightSimple };

src/csr/AlignTop.tsx

@@ -1,6 +1,5 @@
-
 /* GENERATED FILE */
-import { forwardRef } from "react";
+import React, { forwardRef } from "react";
 import type { Icon } from "../lib/types";
 import IconBase from "../lib/IconBase";
 import weights from "../defs/AlignTop";
@@ -10,4 +9,4 @@ const I: Icon = forwardRef((props, ref) => (
 ));
 
 I.displayName = "AlignTop";
-export { I as AlignTop }
+export { I as AlignTop };