refactor: remove nanostores, refactor to load.js and hooks.js

Author: chrisrzhou

cypress/tests/system/api/use-css.js renamed to cypress/tests/system/hooks/use-css.js

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import {useCss} from '../../../../lib/system/api.js';
+import {useCss} from '../../../../lib/system/hooks.js';
 import {mount} from '../../../utils/index.js';
 
 const style1 = {

cypress/tests/system/api/use-icon.js renamed to cypress/tests/system/hooks/use-icon.js

@@ -1,6 +1,7 @@
 import {createElement as h} from 'react';
 
-import {load, useH} from '../../../../lib/system/api.js';
+import {useH} from '../../../../lib/system/hooks.js';
+import {load} from '../../../../lib/system/load.js';
 
 describe('useH', () => {
   it('should throw if system is not loaded', () => {

cypress/tests/system/api/use-styles.js renamed to cypress/tests/system/hooks/use-styles.js

@@ -1,7 +1,7 @@
 import React from 'react';
 
-import {Element, Icon, Layout, Text} from '../../../../index.js';
-import {mount} from '../../../utils/index.js';
+import {Element, Icon, Layout, Text} from '../../../../../index.js';
+import {mount} from '../../../../utils/index.js';
 
 describe('config.elementShorthandPropsMapping', () => {
   it('should not apply shorthand props style if not configured', () => {

cypress/tests/system/api/use-system.js renamed to cypress/tests/system/hooks/use-system.js

@@ -1,7 +1,7 @@
 import React from 'react';
 
-import {Element, Icon, Layout, Text} from '../../../../index.js';
-import {mount} from '../../../utils/index.js';
+import {Element, Icon, Layout, Text} from '../../../../../index.js';
+import {mount} from '../../../../utils/index.js';
 
 const system = {
   config: {

cypress/tests/system/api/use-theme.js renamed to cypress/tests/system/hooks/use-theme.js

@@ -1,7 +1,7 @@
 import React from 'react';
 
-import {Element} from '../../../../index.js';
-import {mount} from '../../../utils/index.js';
+import {Element} from '../../../../../index.js';
+import {mount} from '../../../../utils/index.js';
 
 const styles = [
   {backgroundColor: 'rgb(225, 225, 225)', padding: '42px'},