Minor fixes

packages/core/tsconfig-base.json

@@ -4,7 +4,7 @@
 		"module": "commonjs",
 		"declaration": true,
 		"declarationMap": true,
-		"sourceMap": true,
+		"sourceMap": false,
 		"composite": true,
 		"strict": true,
 		"moduleResolution": "node",

packages/react-demo/src/App.js

@@ -7,7 +7,7 @@ import {
 	addIcon as addOnlineIcon,
 	addCollection as addOnlineCollection,
 	disableCache,
-} from '@iconify/react/dist/iconify';
+} from '@iconify/react';
 import presentationPlay from '@iconify-icons/mdi-light/presentation-play';
 import playIcon from '@iconify-icons/mdi-light/play';
 
@@ -31,7 +31,7 @@ addOfflineIcon('demo', presentationPlay);
 // Add 'mdi-light:play' as 'demo' for full module
 addOnlineIcon('demo', playIcon);
 
-// Add custom icon as 'experiment'
+// Add different custom icons as 'experiment2' for offline and online modes
 addOfflineIcon('experiment2', {
 	width: 16,
 	height: 16,

packages/react-demo/src/demo-components/Inline.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Icon as OfflineIcon } from '@iconify/react/dist/offline';
-import { Icon as FullIcon } from '@iconify/react/dist/iconify';
+import { Icon as FullIcon } from '@iconify/react';
 
 export function InlineDemo() {
 	return (

packages/react-demo/src/demo-components/UsageFull.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Icon } from '@iconify/react/dist/iconify';
+import { Icon } from '@iconify/react';
 
 export function FullUsageDemo() {
 	return (

packages/react-demo/src/demo-components/UsageFullOffline.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Icon } from '@iconify/react/dist/iconify';
+import { Icon } from '@iconify/react';
 import accountIcon from '@iconify-icons/mdi-light/account';
 import alertIcon from '@iconify-icons/mdi-light/alert';
 

packages/react-demo/src/test-components/TestsFull.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { InlineIcon, addAPIProvider, _api } from '@iconify/react/dist/iconify';
+import { InlineIcon, addAPIProvider, _api } from '@iconify/react';
 import { mockAPIModule, mockAPIData } from '@iconify/core/lib/api/modules/mock';
 import { TestIcons, toggleTest } from './TestIcons';
 import playIcon from '@iconify-icons/mdi-light/map-marker';

packages/react-demo/src/test-components/TestsFullOffline.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { InlineIcon } from '@iconify/react/dist/iconify';
+import { InlineIcon } from '@iconify/react';
 import { TestIcons, toggleTest } from './TestIcons';
 
 export function TestsFullOffline() {

packages/react/src/render.ts

@@ -104,7 +104,7 @@ export const render = (
 				if (typeof value === 'string') {
 					customisations[key] = rotateFromString(value);
 				} else if (typeof value === 'number') {
-					componentProps[key] = value;
+					customisations[key] = value;
 				}
 				break;
 

packages/svelte-demo/src/App.svelte

@@ -4,7 +4,7 @@
 		addIcon as addOnlineIcon,
 		addCollection as addOnlineCollection,
 		disableCache,
-	} from '@iconify/svelte/dist/iconify';
+	} from '@iconify/svelte';
 
 	import presentationPlay from '@iconify-icons/mdi-light/presentation-play';
 	import playIcon from '@iconify-icons/mdi-light/play';

packages/svelte/src/functions.ts

@@ -288,22 +288,6 @@ if (typeof document !== 'undefined' && typeof window !== 'undefined') {
 	}
 }
 
-/*
-
-.
-
-.
-
-.
-
-.
-
-.
-
-.
-
-*/
-
 /**
  * Function to get icon status
  */

packages/svelte/src/render.ts

@@ -83,7 +83,7 @@ export function render(
 				if (typeof value === 'string') {
 					customisations[key] = rotateFromString(value);
 				} else if (typeof value === 'number') {
-					componentProps[key] = value;
+					customisations[key] = value;
 				}
 				break;
 

packages/vue/src/offline.ts

@@ -80,31 +80,6 @@ export function addCollection(
 /**
  * Component
  */
-/*
-// Currently this cannot be used because in functional component style is inherited, overriding style generated by render()
-export function Icon(props: Record<string, unknown>, context): VNode {
-	// Check icon
-	const icon =
-		typeof props.icon === 'string'
-			? storage[props.icon]
-			: typeof props.icon === 'object'
-			? fullIcon(props.icon as IconifyIcon)
-			: null;
-
-	// Validate icon object
-	if (
-		icon === null ||
-		typeof icon !== 'object' ||
-		typeof icon.body !== 'string'
-	) {
-		return context.slots.default ? context.slots.default() : null;
-	}
-
-	// Valid icon: render it
-	return render(icon, context.attrs as IconProps);
-}
-*/
-
 export const Icon = defineComponent({
 	// Do not inherit other attributes: it is handled by render()
 	inheritAttrs: false,