theme.json

{
  "button": {
    "base": "",
    "variant": {
      "ghost": "lib:text-red-800",
      "secondary": "lib:bg-gray-100 lib:text-gray-800",
      "outline": "lib:border lib:border-gray-300 lib:text-gray-800",
      "primary": "lib:bg-red-800 lib:text-red-200"
    },
    "size": {
      "sm": "lib:h-6 lib:rounded-md",
      "md": "lib:h-8 lib:rounded-md lib:text-sm lib:font-medium lib:text-left",
      "lg": "lib:h-10 lib:rounded-lg lib:text-sm lib:font-medium lib:text-left",
      "xl": "lib:h-12 lib:rounded-lg lib:text-base lib:font-medium lib:text-left"
    },
    "prefix": {
      "size": {
        "sm": "lib:text-xs",
        "md": "lib:text-xs",
        "lg": "lib:text-xs",
        "xl": "lib:text-base"
      },
      "variant": {
        "ghost": "lib:text-gray-800",
        "secondary": "lib:text-gray-800",
        "outline": "lib:text-gray-800",
        "primary": "lib:text-white"
      }
    },
    "suffix": {
      "size": {
        "sm": "lib:text-xs",
        "md": "lib:text-xs",
        "lg": "lib:text-xs",
        "xl": "lib:text-base"
      },
      "variant": {
        "ghost": "lib:text-gray-800",
        "secondary": "lib:text-gray-800",
        "outline": "lib:text-gray-800",
        "primary": "lib:text-white"
      }
    },
    "iconOnly": {
      "size": {
        "sm": "lib:text-xs",
        "md": "lib:text-base",
        "lg": "lib:text-base",
        "xl": "lib:text-base"
      },
      "variant": {
        "primary": "lib:text-white"
      }
    }
  }
}