import type StyleDictionary from "style-dictionary"
import { darkLightTransform, lightColorTransform } from "./dark-light"
import { gradientCss } from "./gradient"
import { oklchColorTransform } from "./oklch"
import { shadowCssTransform } from "./shadow"
import { transitionCssTransform } from "./transition"

export function registerTransforms(styleDict: StyleDictionary): void {
  styleDict.registerTransform(oklchColorTransform)
  styleDict.registerTransform(shadowCssTransform)
  styleDict.registerTransform(transitionCssTransform)
  styleDict.registerTransform(lightColorTransform)
  styleDict.registerTransform(darkLightTransform)
  styleDict.registerTransform(gradientCss)

  styleDict.registerTransformGroup({
    name: "css/light",
    transforms: [
      "value/light",
      "color/hsl-4",
      "gradient/css-shorthand-dtcg",
      "shadow/css-shorthand-dtcg",
      "transition/css-shorthand-dtcg",
    ],
  })

  styleDict.registerTransformGroup({
    name: "css/dark",
    transforms: [
      "value/dark",
      "color/hsl-4",
      "gradient/css-shorthand-dtcg",
      "shadow/css-shorthand-dtcg",
      "transition/css-shorthand-dtcg",
    ],
  })

  styleDict.registerTransformGroup({
    name: "js/light",
    transforms: ["value/light", "name/constant"],
  })

  styleDict.registerTransformGroup({
    name: "js/dark",
    transforms: ["value/dark", "name/constant"],
  })
}