{
  "spacing": {
    "btn": {
      "padding": {
        "y": {
          "base": {
            "$value": "{spacing.input.btn.padding.y}", "$type": "dimension", "source": "$btn-padding-y"
          },
          "lg": {
            "$value": "{spacing.input.btn.padding.lg.y}", "$type": "dimension", "source": "$btn-padding-y-lg"
          },
          "sm": {
            "$value": "{spacing.input.btn.padding.sm.y}", "$type": "dimension", "source": "$btn-padding-y-sm"
          }
        },
        "x": {
          "base": { "$value": "{spacing.input.btn.padding.x}", "$type": "dimension", "source": "$btn-padding-x" },
          "lg": {
            "$value": "{spacing.input.btn.padding.lg.x}", "$type": "dimension", "source": "$btn-padding-x-lg"
          },
          "sm": {
            "$value": "{spacing.input.btn.padding.sm.x}", "$type": "dimension", "source": "$btn-padding-x-sm"
          }
        }
      },
      "block": {
        "spacing-y": { "$value": ".5rem", "$type": "dimension", "source": "$btn-block-spacing-y" }
      },
      "focus": {
        "gap": { "$value": "{size.btn.focus.width}", "$type": "dimension", "source": "$btn-focus-gap" },
        "border-gap": {
          "$value": "calc({size.btn.focus.width} + {spacing.btn.focus.gap})",
          "$type": "dimension",
          "source": "$btn-focus-border-gap"
        },
        "distance-to-border": {
          "$value": "calc({spacing.btn.focus.border-gap} + {size.btn.border.width})",
          "$type": "dimension",
          "source": "$btn-focus-distance-to-border"
        }
      }
    }
  },
  "typography": {
    "btn": {
      "font": {
        "family": {
          "$value": "{typography.input.btn.font.family}", "$type": "fontFamily", "source": "$btn-font-family"
        },
        "size": {
          "base": {
            "$value": "{typography.input.btn.font.size.base}", "$type": "dimension", "source": "$btn-font-size"
          },
          "sm": {
            "$value": "{typography.input.btn.font.size.sm}", "$type": "dimension", "source": "$btn-font-size-sm"
          },
          "lg": {
            "$value": "{typography.input.btn.font.size.lg}", "$type": "dimension", "source": "$btn-font-size-lg"
          }
        },
        "weight": {
          "$value": "{typography.font.weight.normal}", "$type": "fontWeight", "source": "$btn-font-weight"
        }
      },
      "line-height": {
        "$type": "dimension",
        "base": { "$value": "{typography.input.btn.line-height.base}", "source": "$btn-line-height" },
        "sm": { "$value": "{typography.input.btn.line-height.sm}", "source": "$btn-line-height-sm" },
        "lg": { "$value": "{typography.input.btn.line-height.lg}", "source": "$btn-line-height-lg" }
      }
    }
  },
  "size": {
    "btn": {
      "border": {
        "width": { "$value": "{size.input.btn.border-width}", "$type": "dimension", "source": "$btn-border-width" }
      },
      "focus": {
        "width": { "$value": "2px", "$type": "dimension", "source": "$btn-focus-width" }
      }
    }
  },
  "transition": {
    "btn": { "$value": "none", "$type": "transition", "source": "$btn-transition" }
  },
  "other": {
    "btn": {
      "disabled-opacity": { "$value": ".3", "$type": "ratio", "source": "$btn-disabled-opacity" }
    }
  }
}