import StyleDictionary from "style-dictionary";

StyleDictionary.registerTransform({
  name: "attribute/grid-columns",
  type: "attribute",
  matcher: (token) => token.attributes.category === "grid"
    && token.attributes.type === "columns",
  transformer(token) {
    return {
      cssValue: new Array(token.value)
        .fill("1fr")
        .join(" "),
    };
  },
});