Add MellowColor as an export type

src/index.ts

@@ -181,3 +181,5 @@ export { default as Toolbar } from '@components/Toolbar';
 export type { ToolbarProps } from '@components/Toolbar';
 
 export { default as useColor } from '@hooks/useColor';
+
+export { MellowColors } from '@types';

src/types/index.ts

@@ -0,0 +1 @@
+export type MellowColor = 'red' | 'orange' | 'amber' | 'yellow' | 'lime' | 'green' | 'teal' | 'cyan' | 'blue' | 'indigo' | 'violet' | 'purple' | 'pink' | 'rose' | 'brown' | 'grey' | 'accent';

tsconfig.json

@@ -18,9 +18,10 @@
     "outDir": "dist",
     "paths": {
       "@": ["./src/index.ts"],
-      "@docs/*": ["./src/docs/*"],
       "@components/*": ["./src/components/*"],
-      "@hooks/*": ["./src/hooks/*"]
+      "@docs/*": ["./src/docs/*"],
+      "@hooks/*": ["./src/hooks/*"],
+      "@types/*": ["./src/types/*"],
     }
   },
   "include": ["src/index.ts", "src/components", "src/hooks"],

vite.config.ts

@@ -27,9 +27,10 @@ export default defineConfig({
   resolve: {
     alias: {
       '@': path.resolve(__dirname, './src/index.ts'),
-      '@docs': path.resolve(__dirname, './src/docs'),
       '@components': path.resolve(__dirname, './src/components'),
+      '@docs': path.resolve(__dirname, './src/docs'),
       '@hooks': path.resolve(__dirname, './src/hooks'),
+      '@types': path.resolve(__dirname, './src/types'),
     },
   }
 })