refactor: codestyle (move type imports to top of file)

Author: chrisrzhou

index.js

@@ -1,4 +1,5 @@
 export {combineStyles} from './lib/combine-styles.js';
 export {createCssVariables} from './lib/create-css-variables.js';
 export {createThemeRenderer} from './lib/create-theme-renderer.js';
+
 export * from './lib/types.js';

lib/combine-styles.js

@@ -1,11 +1,11 @@
-import {combineRules} from 'fela';
-import {isPlainObject, k} from 'uinix-fp';
-
 /**
  * @typedef {import('./types.js').Style} Style
  * @typedef {import('./types.js').StyleRule} StyleRule
  */
 
+import {combineRules} from 'fela';
+import {isPlainObject, k} from 'uinix-fp';
+
 /**
  * Combines a singleton or array of styles (either objects or rules) to a single style rule.
  * @param {Style|Style[]} styles

lib/create-css-variables.js

@@ -1,32 +1,11 @@
-import {isUnitlessProperty} from 'css-in-js-utils';
-import {isPlainObject} from 'uinix-fp';
-
-import {createCssVariable} from './utils/create-css-variable.js';
-
 /**
  * @typedef {import('./types.js').Theme} Theme
  */
 
-/**
- * Returns a flattened object with property path as keys
- * @param {Object.<string, any>} object
- * @param {string} path
- * @returns {Object}
- */
-const flatten = (object, path = '') => {
-  /** @type {Record<string, any>} */
-  const result = {};
-  return Object.keys(object).reduce((acc, k) => {
-    const prepath = path.length > 0 ? path + '.' : '';
-    if (isPlainObject(object[k])) {
-      Object.assign(acc, flatten(object[k], prepath + k));
-    } else {
-      acc[prepath + k] = object[k];
-    }
+import {isUnitlessProperty} from 'css-in-js-utils';
+import {isPlainObject} from 'uinix-fp';
 
-    return acc;
-  }, result);
-};
+import {createCssVariable} from './utils/create-css-variable.js';
 
 /**
  * Transforms the provided nested theme into a flat object of CSS variables
@@ -52,4 +31,25 @@ export const createCssVariables = (theme = {}, options = defaultOptions) => {
   );
 };
 
+/**
+ * Returns a flattened object with property path as keys
+ * @param {Object.<string, any>} object
+ * @param {string} path
+ * @returns {Object}
+ */
+const flatten = (object, path = '') => {
+  /** @type {Record<string, any>} */
+  const result = {};
+  return Object.keys(object).reduce((acc, k) => {
+    const prepath = path.length > 0 ? path + '.' : '';
+    if (isPlainObject(object[k])) {
+      Object.assign(acc, flatten(object[k], prepath + k));
+    } else {
+      acc[prepath + k] = object[k];
+    }
+
+    return acc;
+  }, result);
+};
+
 const defaultOptions = {namespace: ''};

lib/create-theme-renderer.js

@@ -1,3 +1,10 @@
+/**
+ * @typedef {import('./types.js').StyleObject} StyleObject
+ * @typedef {import('./types.js').StyleRule} StyleRule
+ * @typedef {import('./types.js').Theme} Theme
+ * @typedef {import('./types.js').ThemeSpec} ThemeSpec
+ */
+
 import {isUnitlessProperty} from 'css-in-js-utils';
 import {createRenderer} from 'fela';
 import {render as renderToDom} from 'fela-dom';
@@ -12,13 +19,6 @@ import {responsiveValue} from './utils/plugin-responsive-value.js';
 import {themeValue} from './utils/plugin-theme-value.js';
 import {validateNamespacePrefix} from './utils/validate-namespace-prefix.js';
 
-/**
- * @typedef {import('./types.js').StyleObject} StyleObject
- * @typedef {import('./types.js').StyleRule} StyleRule
- * @typedef {import('./types.js').Theme} Theme
- * @typedef {import('./types.js').ThemeSpec} ThemeSpec
- */
-
 /**
  * Returns a theme renderer supporting themable and responsive style rendering.
  *

lib/utils/create-css-variable.js

@@ -1,4 +1,5 @@
 import {validateNamespacePrefix} from './validate-namespace-prefix.js';
+
 /**
  * Creates a valid CSS variable (i.e. /^--[a-z0-9-_]+/)
  * @param {string} key

lib/utils/plugin-responsive-value.js

@@ -1,11 +1,11 @@
-import felaResponsiveValue from 'fela-plugin-responsive-value'; // type-coverage:ignore-line
-
-import {coerceEsm} from './coerce-esm.js';
-
 /**
  * @typedef {import('fela').TPlugin} FelaPlugin
  */
 
+import felaResponsiveValue from 'fela-plugin-responsive-value'; // type-coverage:ignore-line
+
+import {coerceEsm} from './coerce-esm.js';
+
 /**
  * Customized Fela responsive value plugin.
  *

lib/utils/plugin-theme-value.js

@@ -1,7 +1,3 @@
-import {isPlainObject, props} from 'uinix-fp';
-
-import {createCssVariable} from './create-css-variable.js';
-
 /**
  * @typedef {import('fela').TPlugin} FelaPlugin
  * @typedef {import('../types.js').CssValue} CssValue
@@ -12,6 +8,10 @@ import {createCssVariable} from './create-css-variable.js';
  * @typedef {import('../types.js').ThemeSpec} ThemeSpec
  */
 
+import {isPlainObject, props} from 'uinix-fp';
+
+import {createCssVariable} from './create-css-variable.js';
+
 /**
  * Customized Fela theme value plugin.
  * @param {Object} params