Organize

styles/src/system/algorithm.ts

@@ -1,31 +1,7 @@
 // Adapted from @k-vyn/coloralgorithm
 
 import chroma, { Scale } from "chroma-js";
-
-export type Color = {
-  step: number;
-  hex: string;
-  lch: number[];
-  rgbaArray: number[];
-};
-
-export type ColorSet = Color[];
-export type ColorFamily = {
-  name: string;
-  colors: string[];
-  invertedColors: string[];
-  colorsMeta: ColorSet;
-  invertedMeta: ColorSet;
-};
-
-export interface ColorProps {
-  name: string;
-  color: {
-    start: string;
-    middle: string;
-    end: string;
-  };
-}
+import { ColorFamily, ColorProps, ColorSet } from "./types";
 
 function validColor(color: string) {
   if (chroma.valid(color)) {

styles/src/system/ref/color.ts

@@ -1,5 +1,6 @@
-import * as chroma from "chroma-js";
-import { ColorFamily, generateColorSet } from "../algorithm";
+import chroma from "chroma-js";
+import { generateColorSet } from "../algorithm";
+import { ColorFamily } from "../types";
 
 // Colors should use the LCH color space.
 // https://www.w3.org/TR/css-color-4/#lch-colors

styles/src/system/types.ts

@@ -0,0 +1,24 @@
+export type Color = {
+  step: number;
+  hex: string;
+  lch: number[];
+  rgbaArray: number[];
+};
+
+export type ColorSet = Color[];
+export type ColorFamily = {
+  name: string;
+  colors: string[];
+  invertedColors: string[];
+  colorsMeta: ColorSet;
+  invertedMeta: ColorSet;
+};
+
+export interface ColorProps {
+  name: string;
+  color: {
+    start: string;
+    middle: string;
+    end: string;
+  };
+}