feat: add tailwind config helper.

package.json

@@ -1,13 +1,13 @@
 {
   "name": "radix-colors-tailwind",
-  "version": "0.0.1",
+  "version": "0.1.0",
   "main": "dist/index.ts",
   "type": "module",
   "files": [
     "dist"
   ],
   "scripts": {
-    "prod": "bun generator/index.ts",
+    "prod": "rm -R dist && bun build src/index.ts --target bun --outfile ./dist/index.js && bun generator/index.ts",
     "lint": "eslint generator/*"
   },
   "devDependencies": {
@@ -18,8 +18,5 @@
     "eslint": "^8.32.0",
     "bun-types": "latest",
     "typescript": "^5.0.0"
-  },
-  "peerDependencies": {
-    "tailwindcss": ">=3.0.0 || insiders"
   }
 }

src/index.ts

@@ -0,0 +1,48 @@
+type RadixColorsTransformedFamily = {
+  1: string;
+  2: string;
+  3: string;
+  4: string;
+  5: string;
+  6: string;
+  7: string;
+  8: string;
+  9: string;
+  10: string;
+  11: string;
+  12: string;
+};
+
+export function transformRadixColors(familyName: string): RadixColorsTransformedFamily {
+  return Array.from({ length: 12 }, (_, i) => i + 1).reduce((acc, number) => {
+    return {
+      ...acc,
+      [number]: `rgb(var(--radix-rgb-${familyName}-${number}) / <alpha-value>)`,
+    };
+  }, {} as RadixColorsTransformedFamily);
+}
+
+type RadixColorsTransformedWithAlphaFamily = RadixColorsTransformedFamily & {
+  a1: string;
+  a2: string;
+  a3: string;
+  a4: string;
+  a5: string;
+  a6: string;
+  a7: string;
+  a8: string;
+  a9: string;
+  a10: string;
+  a11: string;
+  a12: string;
+};
+
+export function transformRadixColorsWithAlpha(familyName: string): RadixColorsTransformedWithAlphaFamily {
+  return Array.from({ length: 12 }, (_, i) => i + 1).reduce((acc, number) => {
+    return {
+      ...acc,
+      [number]: `rgb(var(--radix-rgb-${familyName}-${number}) / <alpha-value>)`,
+      [`a${number}`]: `rgb(var(--radix-rgb-${familyName}-a${number}))`,
+    };
+  }, {} as RadixColorsTransformedWithAlphaFamily);
+}