🎉 Zero Dependency!

Author: ibodev1

biome.json

@@ -1,5 +1,5 @@
 {
-  "$schema": "https://biomejs.dev/schemas/2.3.5/schema.json",
+  "$schema": "https://biomejs.dev/schemas/2.3.7/schema.json",
   "files": {
     "includes": ["**", "!**/node_modules", "!**/dist", "!**/package-lock.json", "!**/package.json"]
   },

package-lock.json

@@ -40,7 +40,7 @@
   "scripts": {
     "build": "npm run clean && rslib build",
     "build:watch": "rslib build --watch",
-    "test": "vitest",
+    "test": "rstest",
     "prepublish": "npm run build && npm run test",
     "postversion": "npm publish --access public",
     "clean": "rimraf dist/",
@@ -68,24 +68,21 @@
   ],
   "author": "@ibodev1 <github.com/ibodev1>",
   "description": "Color palette generation library for TailwindCSS.",
-  "dependencies": {
-    "chroma-js": "^3.1.2"
-  },
   "peerDependencies": {
     "tailwindcss": ">=3.4.0 || >=4.0.0 || insiders"
   },
   "devDependencies": {
-    "@biomejs/biome": "^2.3.5",
-    "@rslib/core": "^0.17.2",
-    "@swc/core": "^1.15.2",
+    "@biomejs/biome": "^2.3.7",
+    "@rslib/core": "^0.18.2",
+    "@rstest/core": "^0.6.6",
+    "@swc/core": "^1.15.3",
     "@tailwindcss/postcss": "^4.1.17",
     "@types/chroma-js": "^3.1.2",
     "@types/node": "^24.10.1",
     "postcss": "^8.5.6",
-    "rimraf": "^6.1.0",
+    "rimraf": "^6.1.2",
     "tailwindcss": "^4.1.17",
-    "typescript": "^5.9.3",
-    "vitest": "^4.0.9"
+    "typescript": "^5.9.3"
   },
-  "packageManager": "[email protected].2"
+  "packageManager": "[email protected].4"
 }

package.json

@@ -3,15 +3,16 @@ import { defineConfig } from '@rslib/core';
 export default defineConfig({
   source: {
     entry: {
-      index: 'src/**/*.ts',
+      index: 'src/index.ts',
+      getPalette: 'src/getPalette.ts',
     },
     tsconfigPath: './tsconfig.json',
   },
   lib: [
     {
       format: 'esm',
       dts: true,
-      bundle: false,
+      bundle: true,
       output: {
         minify: false,
         sourceMap: true,

rslib.config.ts

@@ -1,8 +1,36 @@
-import { initialOptions } from './consts.js';
-import generateColorPalette from './generateColorPalette.js';
-import PaletteError from './palette-error.js';
-import type { ColorResultOptions, Palette, PaletteResult } from './types.js';
-import { checkParam, getHexColor, isValidColor } from './utils.js';
+import type { ColorResultOptions, Palette, PaletteProp, PaletteResult } from './types/index.ts';
+import { darkenColor, getHexColor, isValidColor } from './utils/color.ts';
+import PaletteError from './utils/error.ts';
+import { checkParam, initialOptions } from './utils/index.ts';
+
+const calculateDarkenValue = (shade: number, mainShade: number): number => {
+  return (shade - mainShade) / 100 / 2;
+};
+
+const shadeColor = (primaryColor: string, mainShade: number, shade: number): string => {
+  return darkenColor(primaryColor, calculateDarkenValue(shade, mainShade));
+};
+
+const colorResult = (
+  fn: (primaryColor: string, mainShade: number, shade: number) => string,
+  options: ColorResultOptions,
+): Record<PaletteProp, string> => {
+  return options.shades.reduce((acc: Record<string, string>, shade: number) => {
+    acc[String(shade)] = fn(options.primaryColor, options.mainShade, shade);
+    return acc;
+  }, {});
+};
+
+const generateColorPalette = (options: ColorResultOptions): Record<PaletteProp, string> => {
+  try {
+    const palette = colorResult(shadeColor, options);
+    palette.DEFAULT = getHexColor(options.primaryColor);
+    return Object.freeze(palette);
+  } catch (error) {
+    console.error('Error generating color palette:', error);
+    return Object.create(null);
+  }
+};
 
 export const getPalette = (params: Palette[] | Palette | string): PaletteResult => {
   const palette: PaletteResult = {};

src/consts.ts

@@ -1,7 +1,7 @@
 import createPlugin from 'tailwindcss/plugin';
-import { getPalette } from './getPalette.js';
-import PaletteError from './palette-error.js';
-import { convertResultToCSS, getPalettesFromOptions } from './utils.js';
+import { getPalette } from './getPalette.ts';
+import PaletteError from './utils/error.ts';
+import { convertResultToCSS, getPalettesFromOptions } from './utils/index.ts';
 
 type PluginWithOptions = ReturnType<typeof createPlugin.withOptions<Record<string, string>>>;