oklchtohex 0.5.2 → 0.6.1

package/dist/converter.js

@@ -0,0 +1 @@
+import{getTailwindDefaultHexForVar as g}from"./tailwind-default-hex.js";const H=/oklch\(([^)]*)\)/gi,C=/color-mix\(\s*in\s+oklab\s*,\s*var\(\s*(--[\w-]+)\s*\)\s*([0-9.]+)%\s*,\s*transparent\s*\)/gi;function l(e,t,r){return Math.min(r,Math.max(t,e))}function u(e){const t=Number.parseFloat(e);if(Number.isNaN(t))throw new Error(`Invalid numeric token: "${e}"`);return t}function T(e){const t=e.trim().toLowerCase();if(t.endsWith("%"))return l(u(t.slice(0,-1))/100,0,1);const r=u(t);return r>1&&r<=100?l(r/100,0,1):l(r,0,1)}function I(e){const t=e.trim().toLowerCase();return t.endsWith("deg")?u(t.slice(0,-3)):t.endsWith("rad")?u(t.slice(0,-3))*180/Math.PI:t.endsWith("turn")?u(t.slice(0,-4))*360:u(t)}function L(e){if(typeof e!="string")return 1;const t=e.trim().toLowerCase();return t.endsWith("%")?l(u(t.slice(0,-1))/100,0,1):l(u(t),0,1)}function x(e){const t=e%360;return t<0?t+360:t}function k(e){if(typeof e!="string")throw new Error("parseOklch expects a string like oklch(70% 0.2 30)");const t=e.trim(),r=t.toLowerCase();if(!r.startsWith("oklch(")||!r.endsWith(")"))throw new Error(`Invalid OKLCH function: "${e}"`);const n=t.slice(t.indexOf("(")+1,-1).trim(),s=n.indexOf("/"),o=s===-1?n:n.slice(0,s).trim(),a=s===-1?void 0:n.slice(s+1).trim(),c=o.replace(/,/g," ").split(/\s+/).filter(Boolean);if(c.length<3)throw new Error(`Invalid OKLCH channels: "${e}"`);const i=T(c[0]),h=Math.max(0,u(c[1])),m=x(I(c[2])),f=L(a);return{l:i,c:h,h:m,alpha:f}}function O(e,t,r){const n=e+.3963377774*t+.2158037573*r,s=e-.1055613458*t-.0638541728*r,o=e-.0894841775*t-1.291485548*r,a=n*n*n,c=s*s*s,i=o*o*o;return{r:4.0767416621*a-3.3077115913*c+.2309699292*i,g:-1.2684380046*a+2.6097574011*c-.3413193965*i,b:-.0041960863*a-.7034186147*c+1.707614701*i}}function d(e,t,r){const n=r*Math.PI/180,s=t*Math.cos(n),o=t*Math.sin(n);return O(e,s,o)}function b(e){return e.r>=0&&e.r<=1&&e.g>=0&&e.g<=1&&e.b>=0&&e.b<=1}function M(e,t,r){const n=d(e,t,r);if(b(n))return t;let s=0,o=t;for(let a=0;a<24;a+=1){const c=(s+o)/2,i=d(e,c,r);b(i)?s=c:o=c}return s}function w(e){return e<=.0031308?12.92*e:1.055*e**(1/2.4)-.055}function p(e){const t=l(e,0,1);return Math.round(t*255).toString(16).padStart(2,"0")}function $(e){const t=e.trim().toLowerCase();if(!t.startsWith("#"))return null;const r=t.slice(1);return r.length===3?`#${r[0]}${r[0]}${r[1]}${r[1]}${r[2]}${r[2]}`:r.length===4?`#${r[0]}${r[0]}${r[1]}${r[1]}${r[2]}${r[2]}${r[3]}${r[3]}`:r.length===6||r.length===8?`#${r}`:null}function N(e){const t=$(e);if(!t)return null;const r=t.slice(1),n=r.slice(0,6),s=r.length===8?r.slice(6,8):"ff";return{rgbHex:n,alphaHex:s}}function v(e){return p(l(e,0,1))}function y(e,t){const n=Number.parseInt(e,16)/255*l(t/100,0,1);return v(n)}function E(e){if(typeof e=="string")return k(e);if(e&&typeof e=="object"&&typeof e.l=="number"&&typeof e.c=="number"&&typeof e.h=="number")return{l:l(e.l,0,1),c:Math.max(0,e.c),h:x(e.h),alpha:l(e.alpha??1,0,1)};throw new Error("Input must be an OKLCH string or { l, c, h, alpha } object")}function A(e,t={}){const{gamut:r="clip",includeAlpha:n="auto",uppercase:s=!1}=t,o=E(e),a=r==="fit"?M(o.l,o.c,o.h):o.c,c=d(o.l,a,o.h),i=w(c.r),h=w(c.g),m=w(c.b);let f=`#${p(i)}${p(h)}${p(m)}`;return(n===!0||n==="always"||n==="auto"&&o.alpha<1)&&(f+=p(o.alpha)),s?f.toUpperCase():f}function W(e){const t=/(--color-[a-z]+-\d{2,3})(\s*:\s*)oklch\(([^)]*)\)/gi;return e.replace(t,(r,n,s)=>{const o=g(n.toLowerCase());return o?`${n}${s}${o}`:r})}function S(e){const t=/(--[\w-]+)\s*:\s*(#[0-9a-fA-F]{3,8})\s*;/g,r=new Map;let n=t.exec(e);for(;n;){const s=n[1].toLowerCase(),o=$(n[2]);o&&r.set(s,o),n=t.exec(e)}return r}function _(e,t){return e.replace(C,(r,n,s)=>{const o=String(n).toLowerCase(),a=Number.parseFloat(s);if(Number.isNaN(a))return r;const c=t.get(o)??g(o);if(!c)return r;const i=N(c);if(!i)return r;const h=y(i.alphaHex,a);return`#${i.rgbHex}${h}`})}function z(e,t={}){if(typeof e!="string")throw new Error("replaceOklchInText expects a string");const{onError:r="preserve",...n}=t,o=W(e).replace(H,c=>{try{return A(c,n)}catch(i){if(r==="throw")throw i;return c}}),a=S(o);return _(o,a)}function F(e,t={}){return z(e,t)}export{F as convertTailwindCssToHex,A as oklchToHex,k as parseOklch,z as replaceOklchInText};

package/dist/index.js

@@ -0,0 +1 @@
+export*from"./converter.js";import{oklchToHexVitePlugin as t}from"./vite-plugin.js";import{oklchToHexPostcssPlugin as l}from"./postcss-plugin.js";export{l as oklchToHexPostcssPlugin,t as oklchToHexVitePlugin};

package/dist/postcss-plugin.cjs

@@ -0,0 +1 @@
+var p=Object.create;var i=Object.defineProperty;var r=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var a=Object.getPrototypeOf,g=Object.prototype.hasOwnProperty;var x=(s,o,t,e)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of u(o))!g.call(s,n)&&n!==t&&i(s,n,{get:()=>o[n],enumerable:!(e=r(o,n))||e.enumerable});return s};var d=(s,o,t)=>(t=s!=null?p(a(s)):{},x(o||!s||!s.__esModule?i(t,"default",{value:s,enumerable:!0}):t,s));function c(s){const o=s||{};return{postcssPlugin:"oklchtohex-postcss-plugin",async Once(t){const e=t.toString();if(!e.toLowerCase().includes("oklch("))return;const l=(await import("./converter.js")).replaceOklchInText(e,o);l!==e&&(t.removeAll(),t.append(l))}}}c.postcss=!0,module.exports=c,module.exports.default=c,module.exports.oklchToHexPostcssPlugin=c;

package/dist/postcss-plugin.js

@@ -0,0 +1 @@
+import{replaceOklchInText as c}from"./converter.js";function t(n={}){return{postcssPlugin:"oklchtohex-postcss-plugin",Once(e){const s=e.toString();if(!s.toLowerCase().includes("oklch("))return;const o=c(s,n);o!==s&&(e.removeAll(),e.append(o))}}}t.postcss=!0;var r=t;export{r as default,t as oklchToHexPostcssPlugin};

package/dist/vite-plugin.js

@@ -0,0 +1 @@
+import{replaceOklchInText as m}from"./converter.js";const g=/\.(css|pcss|postcss|scss|sass|less|styl|stylus)(?:$|\?)/i;function y(e,n){return e instanceof RegExp?(e.lastIndex=0,e.test(n)):!1}function a(e,n){return e?e instanceof RegExp?y(e,n):typeof e=="function"?!!e(n):!1:!0}function p(e,n,t){return!(!a(n,e)||t&&a(t,e))}function d(e,n){if(typeof e!="string"||!e.toLowerCase().includes("oklch("))return null;const t=m(e,n);return t===e?null:t}function E(e={}){const{include:n=g,exclude:t,convertDev:v=!0,convertBuild:l=!0,...c}=e;let u="build";return{name:"oklchtohex-vite-plugin",enforce:"post",configResolved(r){u=r.command},transform(r,i){if(u==="serve"&&!v||u==="build"&&!l||!p(i,n,t))return null;const s=d(r,c);return s?{code:s,map:null}:null},generateBundle(r,i){if(l)for(const[s,o]of Object.entries(i)){if(o.type!=="asset"||!p(s,n,t)||typeof o.source!="string")continue;const f=d(o.source,c);f&&(o.source=f)}}}}export{E as oklchToHexVitePlugin};

package/package.json

@@ -1,23 +1,30 @@
 {
   "name": "oklchtohex",
-  "version": "0.5.2",
+  "version": "0.6.1",
   "description": "Convert OKLCH colors to HEX as a JavaScript package.",
   "type": "module",
-  "main": "./src/index.js",
+  "main": "./dist/index.js",
   "exports": {
-    ".": "./src/index.js",
-    "./vite": "./src/vite-plugin.js",
+    ".": "./dist/index.js",
+    "./vite": "./dist/vite-plugin.js",
     "./postcss": {
-      "import": "./src/postcss-plugin.js",
-      "require": "./src/postcss-plugin.cjs",
-      "default": "./src/postcss-plugin.js"
+      "import": "./dist/postcss-plugin.js",
+      "require": "./dist/postcss-plugin.cjs",
+      "default": "./dist/postcss-plugin.js"
     },
-    "./converter": "./src/converter.js"
+    "./converter": "./dist/converter.js"
   },
   "files": [
-    "src",
+    "dist",
     "README.md"
   ],
+  "scripts": {
+    "build": "node ./scripts/build.mjs",
+    "prepack": "npm run build"
+  },
+  "devDependencies": {
+    "esbuild": "^0.25.0"
+  },
   "keywords": [
     "oklch",
     "hex",

package/src/converter.js

@@ -1,330 +0,0 @@
-import { getTailwindDefaultHexForVar } from "./tailwind-default-hex.js";
-const OKLCH_REGEX = /oklch\(([^)]*)\)/gi;
-const COLOR_MIX_WITH_TRANSPARENT_REGEX =
-  /color-mix\(\s*in\s+oklab\s*,\s*var\(\s*(--[\w-]+)\s*\)\s*([0-9.]+)%\s*,\s*transparent\s*\)/gi;
-
-function clamp(value, min, max) {
-  return Math.min(max, Math.max(min, value));
-}
-
-function parseNumericToken(token) {
-  const value = Number.parseFloat(token);
-  if (Number.isNaN(value)) {
-    throw new Error(`Invalid numeric token: "${token}"`);
-  }
-  return value;
-}
-
-function parseLightness(token) {
-  const trimmed = token.trim().toLowerCase();
-  if (trimmed.endsWith("%")) {
-    return clamp(parseNumericToken(trimmed.slice(0, -1)) / 100, 0, 1);
-  }
-
-  const value = parseNumericToken(trimmed);
-  if (value > 1 && value <= 100) {
-    return clamp(value / 100, 0, 1);
-  }
-  return clamp(value, 0, 1);
-}
-
-function parseHue(token) {
-  const trimmed = token.trim().toLowerCase();
-  if (trimmed.endsWith("deg")) {
-    return parseNumericToken(trimmed.slice(0, -3));
-  }
-  if (trimmed.endsWith("rad")) {
-    return (parseNumericToken(trimmed.slice(0, -3)) * 180) / Math.PI;
-  }
-  if (trimmed.endsWith("turn")) {
-    return parseNumericToken(trimmed.slice(0, -4)) * 360;
-  }
-  return parseNumericToken(trimmed);
-}
-
-function parseAlpha(token) {
-  if (typeof token !== "string") {
-    return 1;
-  }
-
-  const trimmed = token.trim().toLowerCase();
-  if (trimmed.endsWith("%")) {
-    return clamp(parseNumericToken(trimmed.slice(0, -1)) / 100, 0, 1);
-  }
-  return clamp(parseNumericToken(trimmed), 0, 1);
-}
-
-function normalizeHueDegrees(hue) {
-  const normalized = hue % 360;
-  return normalized < 0 ? normalized + 360 : normalized;
-}
-
-export function parseOklch(input) {
-  if (typeof input !== "string") {
-    throw new Error("parseOklch expects a string like oklch(70% 0.2 30)");
-  }
-
-  const trimmed = input.trim();
-  const lower = trimmed.toLowerCase();
-  if (!lower.startsWith("oklch(") || !lower.endsWith(")")) {
-    throw new Error(`Invalid OKLCH function: "${input}"`);
-  }
-
-  const inner = trimmed.slice(trimmed.indexOf("(") + 1, -1).trim();
-  const slashIndex = inner.indexOf("/");
-  const colorPart = slashIndex === -1 ? inner : inner.slice(0, slashIndex).trim();
-  const alphaPart = slashIndex === -1 ? undefined : inner.slice(slashIndex + 1).trim();
-
-  const parts = colorPart
-    .replace(/,/g, " ")
-    .split(/\s+/)
-    .filter(Boolean);
-
-  if (parts.length < 3) {
-    throw new Error(`Invalid OKLCH channels: "${input}"`);
-  }
-
-  const l = parseLightness(parts[0]);
-  const c = Math.max(0, parseNumericToken(parts[1]));
-  const h = normalizeHueDegrees(parseHue(parts[2]));
-  const alpha = parseAlpha(alphaPart);
-
-  return { l, c, h, alpha };
-}
-
-function oklabToLinearSrgb(l, a, b) {
-  const l_ = l + 0.3963377774 * a + 0.2158037573 * b;
-  const m_ = l - 0.1055613458 * a - 0.0638541728 * b;
-  const s_ = l - 0.0894841775 * a - 1.291485548 * b;
-
-  const l3 = l_ * l_ * l_;
-  const m3 = m_ * m_ * m_;
-  const s3 = s_ * s_ * s_;
-
-  return {
-    r: +4.0767416621 * l3 - 3.3077115913 * m3 + 0.2309699292 * s3,
-    g: -1.2684380046 * l3 + 2.6097574011 * m3 - 0.3413193965 * s3,
-    b: -0.0041960863 * l3 - 0.7034186147 * m3 + 1.707614701 * s3
-  };
-}
-
-function oklchToLinearSrgb(l, c, hDegrees) {
-  const radians = (hDegrees * Math.PI) / 180;
-  const a = c * Math.cos(radians);
-  const b = c * Math.sin(radians);
-  return oklabToLinearSrgb(l, a, b);
-}
-
-function isInSrgbGamut(linearRgb) {
-  return (
-    linearRgb.r >= 0 &&
-    linearRgb.r <= 1 &&
-    linearRgb.g >= 0 &&
-    linearRgb.g <= 1 &&
-    linearRgb.b >= 0 &&
-    linearRgb.b <= 1
-  );
-}
-
-function fitChromaToSrgb(l, c, h) {
-  const initial = oklchToLinearSrgb(l, c, h);
-  if (isInSrgbGamut(initial)) {
-    return c;
-  }
-
-  let low = 0;
-  let high = c;
-  for (let i = 0; i < 24; i += 1) {
-    const mid = (low + high) / 2;
-    const rgb = oklchToLinearSrgb(l, mid, h);
-    if (isInSrgbGamut(rgb)) {
-      low = mid;
-    } else {
-      high = mid;
-    }
-  }
-  return low;
-}
-
-function linearToSrgbChannel(channel) {
-  if (channel <= 0.0031308) {
-    return 12.92 * channel;
-  }
-  return 1.055 * channel ** (1 / 2.4) - 0.055;
-}
-
-function channelToHex(channel) {
-  const clamped = clamp(channel, 0, 1);
-  const byte = Math.round(clamped * 255);
-  return byte.toString(16).padStart(2, "0");
-}
-
-function normalizeHexColor(hex) {
-  const trimmed = hex.trim().toLowerCase();
-  if (!trimmed.startsWith("#")) {
-    return null;
-  }
-  const raw = trimmed.slice(1);
-  if (raw.length === 3) {
-    return `#${raw[0]}${raw[0]}${raw[1]}${raw[1]}${raw[2]}${raw[2]}`;
-  }
-  if (raw.length === 4) {
-    return `#${raw[0]}${raw[0]}${raw[1]}${raw[1]}${raw[2]}${raw[2]}${raw[3]}${raw[3]}`;
-  }
-  if (raw.length === 6 || raw.length === 8) {
-    return `#${raw}`;
-  }
-  return null;
-}
-
-function splitHexChannels(hex) {
-  const normalized = normalizeHexColor(hex);
-  if (!normalized) {
-    return null;
-  }
-  const raw = normalized.slice(1);
-  const rgbHex = raw.slice(0, 6);
-  const alphaHex = raw.length === 8 ? raw.slice(6, 8) : "ff";
-  return { rgbHex, alphaHex };
-}
-
-function alphaToHex(alpha) {
-  return channelToHex(clamp(alpha, 0, 1));
-}
-
-function combineAlpha(existingAlphaHex, mixPercent) {
-  const baseAlpha = Number.parseInt(existingAlphaHex, 16) / 255;
-  const mixedAlpha = baseAlpha * clamp(mixPercent / 100, 0, 1);
-  return alphaToHex(mixedAlpha);
-}
-
-function normalizeInput(input) {
-  if (typeof input === "string") {
-    return parseOklch(input);
-  }
-  if (input && typeof input === "object") {
-    if (
-      typeof input.l === "number" &&
-      typeof input.c === "number" &&
-      typeof input.h === "number"
-    ) {
-      return {
-        l: clamp(input.l, 0, 1),
-        c: Math.max(0, input.c),
-        h: normalizeHueDegrees(input.h),
-        alpha: clamp(input.alpha ?? 1, 0, 1)
-      };
-    }
-  }
-  throw new Error("Input must be an OKLCH string or { l, c, h, alpha } object");
-}
-
-export function oklchToHex(input, options = {}) {
-  const { gamut = "clip", includeAlpha = "auto", uppercase = false } = options;
-  const parsed = normalizeInput(input);
-
-  const c =
-    gamut === "fit"
-      ? fitChromaToSrgb(parsed.l, parsed.c, parsed.h)
-      : parsed.c;
-
-  const linear = oklchToLinearSrgb(parsed.l, c, parsed.h);
-  const r = linearToSrgbChannel(linear.r);
-  const g = linearToSrgbChannel(linear.g);
-  const b = linearToSrgbChannel(linear.b);
-
-  let hex = `#${channelToHex(r)}${channelToHex(g)}${channelToHex(b)}`;
-  const shouldIncludeAlpha =
-    includeAlpha === true || includeAlpha === "always" || (includeAlpha === "auto" && parsed.alpha < 1);
-
-  if (shouldIncludeAlpha) {
-    hex += channelToHex(parsed.alpha);
-  }
-
-  return uppercase ? hex.toUpperCase() : hex;
-}
-
-function replaceTailwindDefaultColorVariables(text) {
-  const declarationRegex =
-    /(--color-[a-z]+-\d{2,3})(\s*:\s*)oklch\(([^)]*)\)/gi;
-
-  return text.replace(
-    declarationRegex,
-    (fullMatch, variableName, separator) => {
-      const mappedHex = getTailwindDefaultHexForVar(variableName.toLowerCase());
-      if (!mappedHex) {
-        return fullMatch;
-      }
-      return `${variableName}${separator}${mappedHex}`;
-    }
-  );
-}
-
-function collectHexVariableDeclarations(text) {
-  const declarationRegex = /(--[\w-]+)\s*:\s*(#[0-9a-fA-F]{3,8})\s*;/g;
-  const map = new Map();
-  let match = declarationRegex.exec(text);
-  while (match) {
-    const variableName = match[1].toLowerCase();
-    const normalized = normalizeHexColor(match[2]);
-    if (normalized) {
-      map.set(variableName, normalized);
-    }
-    match = declarationRegex.exec(text);
-  }
-  return map;
-}
-
-function replaceTailwindColorMixWithHex(text, variableHexMap) {
-  return text.replace(
-    COLOR_MIX_WITH_TRANSPARENT_REGEX,
-    (fullMatch, variableNameRaw, percentRaw) => {
-      const variableName = String(variableNameRaw).toLowerCase();
-      const percent = Number.parseFloat(percentRaw);
-      if (Number.isNaN(percent)) {
-        return fullMatch;
-      }
-
-      const sourceHex =
-        variableHexMap.get(variableName) ??
-        getTailwindDefaultHexForVar(variableName);
-
-      if (!sourceHex) {
-        return fullMatch;
-      }
-
-      const channels = splitHexChannels(sourceHex);
-      if (!channels) {
-        return fullMatch;
-      }
-
-      const alphaHex = combineAlpha(channels.alphaHex, percent);
-      return `#${channels.rgbHex}${alphaHex}`;
-    }
-  );
-}
-
-export function replaceOklchInText(text, options = {}) {
-  if (typeof text !== "string") {
-    throw new Error("replaceOklchInText expects a string");
-  }
-  const { onError = "preserve", ...convertOptions } = options;
-  const withMappedTailwindDefaults = replaceTailwindDefaultColorVariables(text);
-  const withConvertedOklch = withMappedTailwindDefaults.replace(OKLCH_REGEX, (match) => {
-    try {
-      return oklchToHex(match, convertOptions);
-    } catch (error) {
-      if (onError === "throw") {
-        throw error;
-      }
-      return match;
-    }
-  });
-
-  const variableHexMap = collectHexVariableDeclarations(withConvertedOklch);
-  return replaceTailwindColorMixWithHex(withConvertedOklch, variableHexMap);
-}
-
-export function convertTailwindCssToHex(css, options = {}) {
-  return replaceOklchInText(css, options);
-}

package/src/index.js

@@ -1,3 +0,0 @@
-export * from "./converter.js";
-export { oklchToHexVitePlugin } from "./vite-plugin.js";
-export { oklchToHexPostcssPlugin } from "./postcss-plugin.js";

package/src/postcss-plugin.cjs

@@ -1,28 +0,0 @@
-function oklchToHexPostcssPlugin(options) {
-  const pluginOptions = options || {};
-
-  return {
-    postcssPlugin: "oklchtohex-postcss-plugin",
-    async Once(root) {
-      const originalCss = root.toString();
-      if (!originalCss.toLowerCase().includes("oklch(")) {
-        return;
-      }
-
-      const mod = await import("./converter.js");
-      const convertedCss = mod.replaceOklchInText(originalCss, pluginOptions);
-
-      if (convertedCss !== originalCss) {
-        root.removeAll();
-        root.append(convertedCss);
-      }
-    }
-  };
-}
-
-oklchToHexPostcssPlugin.postcss = true;
-
-module.exports = oklchToHexPostcssPlugin;
-module.exports.default = oklchToHexPostcssPlugin;
-module.exports.oklchToHexPostcssPlugin = oklchToHexPostcssPlugin;
-

package/src/postcss-plugin.js

@@ -1,22 +0,0 @@
-import { replaceOklchInText } from "./converter.js";
-
-export function oklchToHexPostcssPlugin(options = {}) {
-  return {
-    postcssPlugin: "oklchtohex-postcss-plugin",
-    Once(root) {
-      const originalCss = root.toString();
-      if (!originalCss.toLowerCase().includes("oklch(")) {
-        return;
-      }
-
-      const convertedCss = replaceOklchInText(originalCss, options);
-      if (convertedCss !== originalCss) {
-        root.removeAll();
-        root.append(convertedCss);
-      }
-    }
-  };
-}
-
-oklchToHexPostcssPlugin.postcss = true;
-export default oklchToHexPostcssPlugin;

package/src/tailwind-default-hex.js

@@ -1,300 +0,0 @@
-const TAILWIND_HEX_COLORS = {
-  slate: {
-    50: "#f8fafc",
-    100: "#f1f5f9",
-    200: "#e2e8f0",
-    300: "#cbd5e1",
-    400: "#94a3b8",
-    500: "#64748b",
-    600: "#475569",
-    700: "#334155",
-    800: "#1e293b",
-    900: "#0f172a",
-    950: "#020617"
-  },
-  gray: {
-    50: "#f9fafb",
-    100: "#f3f4f6",
-    200: "#e5e7eb",
-    300: "#d1d5db",
-    400: "#9ca3af",
-    500: "#6b7280",
-    600: "#4b5563",
-    700: "#374151",
-    800: "#1f2937",
-    900: "#111827",
-    950: "#030712"
-  },
-  zinc: {
-    50: "#fafafa",
-    100: "#f4f4f5",
-    200: "#e4e4e7",
-    300: "#d4d4d8",
-    400: "#a1a1aa",
-    500: "#71717a",
-    600: "#52525b",
-    700: "#3f3f46",
-    800: "#27272a",
-    900: "#18181b",
-    950: "#09090b"
-  },
-  neutral: {
-    50: "#fafafa",
-    100: "#f5f5f5",
-    200: "#e5e5e5",
-    300: "#d4d4d4",
-    400: "#a3a3a3",
-    500: "#737373",
-    600: "#525252",
-    700: "#404040",
-    800: "#262626",
-    900: "#171717",
-    950: "#0a0a0a"
-  },
-  stone: {
-    50: "#fafaf9",
-    100: "#f5f5f4",
-    200: "#e7e5e4",
-    300: "#d6d3d1",
-    400: "#a8a29e",
-    500: "#78716c",
-    600: "#57534e",
-    700: "#44403c",
-    800: "#292524",
-    900: "#1c1917",
-    950: "#0c0a09"
-  },
-  red: {
-    50: "#fef2f2",
-    100: "#fee2e2",
-    200: "#fecaca",
-    300: "#fca5a5",
-    400: "#f87171",
-    500: "#ef4444",
-    600: "#dc2626",
-    700: "#b91c1c",
-    800: "#991b1b",
-    900: "#7f1d1d",
-    950: "#450a0a"
-  },
-  orange: {
-    50: "#fff7ed",
-    100: "#ffedd5",
-    200: "#fed7aa",
-    300: "#fdba74",
-    400: "#fb923c",
-    500: "#f97316",
-    600: "#ea580c",
-    700: "#c2410c",
-    800: "#9a3412",
-    900: "#7c2d12",
-    950: "#431407"
-  },
-  amber: {
-    50: "#fffbeb",
-    100: "#fef3c7",
-    200: "#fde68a",
-    300: "#fcd34d",
-    400: "#fbbf24",
-    500: "#f59e0b",
-    600: "#d97706",
-    700: "#b45309",
-    800: "#92400e",
-    900: "#78350f",
-    950: "#451a03"
-  },
-  yellow: {
-    50: "#fefce8",
-    100: "#fef9c3",
-    200: "#fef08a",
-    300: "#fde047",
-    400: "#facc15",
-    500: "#eab308",
-    600: "#ca8a04",
-    700: "#a16207",
-    800: "#854d0e",
-    900: "#713f12",
-    950: "#422006"
-  },
-  lime: {
-    50: "#f7fee7",
-    100: "#ecfccb",
-    200: "#d9f99d",
-    300: "#bef264",
-    400: "#a3e635",
-    500: "#84cc16",
-    600: "#65a30d",
-    700: "#4d7c0f",
-    800: "#3f6212",
-    900: "#365314",
-    950: "#1a2e05"
-  },
-  green: {
-    50: "#f0fdf4",
-    100: "#dcfce7",
-    200: "#bbf7d0",
-    300: "#86efac",
-    400: "#4ade80",
-    500: "#22c55e",
-    600: "#16a34a",
-    700: "#15803d",
-    800: "#166534",
-    900: "#14532d",
-    950: "#052e16"
-  },
-  emerald: {
-    50: "#ecfdf5",
-    100: "#d1fae5",
-    200: "#a7f3d0",
-    300: "#6ee7b7",
-    400: "#34d399",
-    500: "#10b981",
-    600: "#059669",
-    700: "#047857",
-    800: "#065f46",
-    900: "#064e3b",
-    950: "#022c22"
-  },
-  teal: {
-    50: "#f0fdfa",
-    100: "#ccfbf1",
-    200: "#99f6e4",
-    300: "#5eead4",
-    400: "#2dd4bf",
-    500: "#14b8a6",
-    600: "#0d9488",
-    700: "#0f766e",
-    800: "#115e59",
-    900: "#134e4a",
-    950: "#042f2e"
-  },
-  cyan: {
-    50: "#ecfeff",
-    100: "#cffafe",
-    200: "#a5f3fc",
-    300: "#67e8f9",
-    400: "#22d3ee",
-    500: "#06b6d4",
-    600: "#0891b2",
-    700: "#0e7490",
-    800: "#155e75",
-    900: "#164e63",
-    950: "#083344"
-  },
-  sky: {
-    50: "#f0f9ff",
-    100: "#e0f2fe",
-    200: "#bae6fd",
-    300: "#7dd3fc",
-    400: "#38bdf8",
-    500: "#0ea5e9",
-    600: "#0284c7",
-    700: "#0369a1",
-    800: "#075985",
-    900: "#0c4a6e",
-    950: "#082f49"
-  },
-  blue: {
-    50: "#eff6ff",
-    100: "#dbeafe",
-    200: "#bfdbfe",
-    300: "#93c5fd",
-    400: "#60a5fa",
-    500: "#3b82f6",
-    600: "#2563eb",
-    700: "#1d4ed8",
-    800: "#1e40af",
-    900: "#1e3a8a",
-    950: "#172554"
-  },
-  indigo: {
-    50: "#eef2ff",
-    100: "#e0e7ff",
-    200: "#c7d2fe",
-    300: "#a5b4fc",
-    400: "#818cf8",
-    500: "#6366f1",
-    600: "#4f46e5",
-    700: "#4338ca",
-    800: "#3730a3",
-    900: "#312e81",
-    950: "#1e1b4b"
-  },
-  violet: {
-    50: "#f5f3ff",
-    100: "#ede9fe",
-    200: "#ddd6fe",
-    300: "#c4b5fd",
-    400: "#a78bfa",
-    500: "#8b5cf6",
-    600: "#7c3aed",
-    700: "#6d28d9",
-    800: "#5b21b6",
-    900: "#4c1d95",
-    950: "#2e1065"
-  },
-  purple: {
-    50: "#faf5ff",
-    100: "#f3e8ff",
-    200: "#e9d5ff",
-    300: "#d8b4fe",
-    400: "#c084fc",
-    500: "#a855f7",
-    600: "#9333ea",
-    700: "#7e22ce",
-    800: "#6b21a8",
-    900: "#581c87",
-    950: "#3b0764"
-  },
-  fuchsia: {
-    50: "#fdf4ff",
-    100: "#fae8ff",
-    200: "#f5d0fe",
-    300: "#f0abfc",
-    400: "#e879f9",
-    500: "#d946ef",
-    600: "#c026d3",
-    700: "#a21caf",
-    800: "#86198f",
-    900: "#701a75",
-    950: "#4a044e"
-  },
-  pink: {
-    50: "#fdf2f8",
-    100: "#fce7f3",
-    200: "#fbcfe8",
-    300: "#f9a8d4",
-    400: "#f472b6",
-    500: "#ec4899",
-    600: "#db2777",
-    700: "#be185d",
-    800: "#9d174d",
-    900: "#831843",
-    950: "#500724"
-  },
-  rose: {
-    50: "#fff1f2",
-    100: "#ffe4e6",
-    200: "#fecdd3",
-    300: "#fda4af",
-    400: "#fb7185",
-    500: "#f43f5e",
-    600: "#e11d48",
-    700: "#be123c",
-    800: "#9f1239",
-    900: "#881337",
-    950: "#4c0519"
-  }
-};
-
-const TAILWIND_HEX_COLOR_MAP = new Map();
-
-for (const [family, scale] of Object.entries(TAILWIND_HEX_COLORS)) {
-  for (const [step, hex] of Object.entries(scale)) {
-    TAILWIND_HEX_COLOR_MAP.set(`--color-${family}-${step}`, hex);
-  }
-}
-
-export function getTailwindDefaultHexForVar(variableName) {
-  return TAILWIND_HEX_COLOR_MAP.get(variableName) ?? null;
-}

package/src/vite-plugin.js

@@ -1,105 +0,0 @@
-import { replaceOklchInText } from "./converter.js";
-
-const DEFAULT_CSS_FILE_REGEX =
-  /\.(css|pcss|postcss|scss|sass|less|styl|stylus)(?:$|\?)/i;
-
-function isRegexMatch(regex, value) {
-  if (!(regex instanceof RegExp)) {
-    return false;
-  }
-  regex.lastIndex = 0;
-  return regex.test(value);
-}
-
-function matches(matcher, value) {
-  if (!matcher) {
-    return true;
-  }
-  if (matcher instanceof RegExp) {
-    return isRegexMatch(matcher, value);
-  }
-  if (typeof matcher === "function") {
-    return Boolean(matcher(value));
-  }
-  return false;
-}
-
-function shouldProcessId(id, include, exclude) {
-  if (!matches(include, id)) {
-    return false;
-  }
-  if (exclude && matches(exclude, id)) {
-    return false;
-  }
-  return true;
-}
-
-function maybeConvertCss(code, convertOptions) {
-  if (typeof code !== "string") {
-    return null;
-  }
-  if (!code.toLowerCase().includes("oklch(")) {
-    return null;
-  }
-  const converted = replaceOklchInText(code, convertOptions);
-  return converted === code ? null : converted;
-}
-
-export function oklchToHexVitePlugin(options = {}) {
-  const {
-    include = DEFAULT_CSS_FILE_REGEX,
-    exclude,
-    convertDev = true,
-    convertBuild = true,
-    ...convertOptions
-  } = options;
-
-  let command = "build";
-
-  return {
-    name: "oklchtohex-vite-plugin",
-    enforce: "post",
-    configResolved(config) {
-      command = config.command;
-    },
-    transform(code, id) {
-      if (command === "serve" && !convertDev) {
-        return null;
-      }
-      if (command === "build" && !convertBuild) {
-        return null;
-      }
-      if (!shouldProcessId(id, include, exclude)) {
-        return null;
-      }
-
-      const converted = maybeConvertCss(code, convertOptions);
-      if (!converted) {
-        return null;
-      }
-      return { code: converted, map: null };
-    },
-    generateBundle(_, bundle) {
-      if (!convertBuild) {
-        return;
-      }
-      for (const [fileName, asset] of Object.entries(bundle)) {
-        if (asset.type !== "asset") {
-          continue;
-        }
-        if (!shouldProcessId(fileName, include, exclude)) {
-          continue;
-        }
-        if (typeof asset.source !== "string") {
-          continue;
-        }
-
-        const converted = maybeConvertCss(asset.source, convertOptions);
-        if (converted) {
-          asset.source = converted;
-        }
-      }
-    }
-  };
-}
-